В этой статье мы собрали лучшие примеры кино-ресурсов, разбив их по стилю, содержанию и особенностям. Так же, в конце статьи, мы дадим несколько важных советов, которые помогут вам в создании сайта для своего ролика или даже полноценного фильма.

Ресурсы не использующие flash

На данный момент, практически все кино-ресурсы используют flash, который необходим для показа видеороликов и создания красивых эффектов. Единственный «экземпляр», который удалось найти, представлен ниже. Возможно, в будущем, с ростом популярности HTML5, мы увидим больше ресурсов с отсутствием флеша и при этом ничем не уступающих по функционалу своим собратьям.

Ресурсы только с трейлерами к фильмам

Это наиболее популярный стиль, используемый в дизайне ресурсов такого вида. Основной упор делается на мультимедийную составляющую, которая сразу доступна для пользователей. Как правило, на основной странице находится видеоролик, краткая информация и несколько социальных кнопок.

Ресурсы с эффектом погружения

Полное погружение в мир фильма является главной задачей этой категории ресурсов. В дизайне используются сцены, взятые прямо из фильма, а благодаря различным flash-эффектам добавляется недостающая динамика.

Ресурсы с разнообразным контентом

Под разнообразным контентом подразумеваются интерактивные игры, картинки для рабочего стола или телефона, музыка, разные скриншоты из фильма. Все эти дополнительные «фишки» позволяют еще больше заинтересовать посетителей сайта.

Эту категорию очень часто совмещают с категорией «Сайты только с трейлерами», добавляя ссылку или несколько ссылок на внутренние страницы сайта, с которых посетитель и начинает рассматривать этот разнообразный контент.

Ресурсы с акцентом на «звезду»

Это второй по популярности стиль в создании кино-ресурсов. На главной и второстепенных страницах основной акцент делается на звезду мирового масштаба. Тут лучше посмотреть примеры. Слова излишни.

Другие кино-ресурсы

Кроме выше перечисленных примеров, существует огромное или даже гигантское количество ресурсов, которые или вовсе не попадают под описываемые нами категории, или совмещаются в себе 2 и более. На наш взгляд такой подход наиболее оправдан, т.к. позволяет наиболее полно описать внутренний мир фильма.

Теперь перейдем к советам. Их не так много, но не принимать их во внимание, при разработке собственных ресурсов о фильмах, категорически запрещено.

Кино-ресурсы одна из немногих категорий, где использование звукового сопровождения оправдано. Поэтому, если добавляете музыку на ресурс, то обязательно должна присутствовать возможность его отключения. Так же важно, чтобы кнопка была расположена на видном месте, и найти ее не составляло труда.Не изменяйте размеры окна браузера. Одна из частых ошибок — автоматический переход в режим полного экрана или разворот окна браузера на всю ширину экрана. Лучше избегать подобных решений или добавить автономную кнопку, если это необходимо.Не бойтесь использовать новые технологии и неординарные решения, если они подходят для сайта.При насыщении сайта постарайтесь охватить все возрастные категории. Сделайте его интересным для всех посетителей.

А какие кино-ресурсы нравятся вам?

womtec.ru

«Никто не может понять истины, пока не вкусит кофейного пенного блажества» — Шейх Абд-аль-Кадир (1587 г.)

Кофе ресурсы, так же как и хороший кофе, способны подбодрить нас своим дизайном и вдохновить на создание красивого веб-проекта. На их страницах мы можем найти необычные детали и разные дизайнерские приемы, которые используются на многих популярных сайтах. Они могут быть выполнены в стиле минимализма, использовать детали ретро дизайна или иметь строгие и «простые» черты.

Сходите на кухню, сделайте чашку ароматного кофе и приходите обратно, к монитору, чтобы вдохновиться дизайном красивых кофе ресурсов.

womtec.ru

Ретро-дизайн позволяет окунуться в прошлое, рисованный дизайн избавляет нас от строгих линий и добавляет «человеческих» элементов. Акварельный дизайн добавляет красок на страницу. Акварель может с легкостью дополнить практически любой дизайн, а использование этого эффекта в сочетании с другими стилями будет еще эффективнее.

Использование необычных ходов и креативных элементов всегда украшали дизайн. С возрастающей скоростью интернета можно уделять меньше внимания весу картинок и стилей, и сосредоточится на внешнем виде страницы, наполнив ее красками.

womtec.ru

При таком изящном исполнении было бы странно, если бы ресурсы программ и игр для iPad выглядели бы нелепо и не ярко. Имея такой продвинутый девайс, дизайнеры и веб-разработчики получали огромное поле для создания красивого дизайна и удобного функционала, подчеркивающего преимущества как iPad, так и своего приложения/игры.

Собрав, на наш взгляд, самые интересные и красивые ресурсы приложений и игр, мы предлагаем вам оценить их дизайн и оригинальность.

womtec.ru

Минимализм в дизайне ресурсов притягивает и все больше захватывает дизайнеров и простых пользователей, когда они находят их среди толпы разноцветных многостраничников. Дизайнерам начинает это нравиться и они придумывают свой минимализм, порой такой необычный, но такой классный.

В этой статье мы собрали 8 ресурсов-ресурсов с коллекциями минимализма, чтобы вы смогли черпать вдохновение и простоту, как говориться, не отходя от кассы. Наслаждайтесь!

Minimalist Exhibit

Design Minimalist

Site Inspire

Minimal Sites

Minimal

Mnimal

Simple Desktops

Siiimple

womtec.ru

Продукция Apple служит огромным источником вдохновения для всех, кто имеет отношение к дизайну. При взгляде на оформление многих веб-ресурсов можно найти связь с ключевыми деталями дизайна аппаратов от Apple, таких как простота, удобство, оригинальность. И нет нечего плохого в том, что при создании ресурсов, многие черпают мысли именно у Apple.

С точки зрения дизайна, iPhone является наилучшим примером того, как простота и точность смотрятся вместе. Ниже мы собрали коллекцию из 20 ресурсов с дизайном в стиле iPhone.

womtec.ru

Выбор социальных иконок также во много зависит от стилистики сайта или блога, от цветовой гаммы, направления дизайна – мультяшный, хай-тек или классический. Например, в Дизайн Мании я когда-то публиковал социальные иконки из дерева и винтажные в виде марок были и достаточно оригинальные иконки в стиле гранж. Вообще реализаций достаточно много, которые отличаются размерами, формами, манерой исполнений и всем, что только можно придумать. Можете самостоятельно поискать их в гугле по запросу, допустим, «Social Media Icon Sets».

Я искал более-менее квадратные по форме иконки и вот что из этого получилось. Возможно, где-то в чем-то они пересекаются, но исполнение чуточку разное. Причем из-за «этой чуточки» одному сайту набор хорошо подойдет, а другой может вовсе не прижиться.

Aquaticus.Social

Скачать (зеркало) // Оригинал

Данная подборка содержит 30 иконок социальных сервисов и просто ресурсов из эпохи веб 2.0. Иконки, как говорит автор, отчасти созданы под впечатлением стилистикой iPhone. Здесь можно найти  как стандартные для подобных сборок рисунки, так и весьма оригинальные – например LiveJournal встретишь не части, да и wordpress тоже. Все изображения представлены в 4 размерах – 60х60, 48х48, 24х24, 16х16 (для иконок подойдет:)

Social Icons Pack +

Скачать (зеркало) // Источник

Этот набор социальных иконок, как мне кажется, идеально подойдет для светлых ресурсов – по стилистике не будет сильно выделяться, а тень подчеркнет форму кнопки. В архиве найдете 50 иконок + одну пустую для личного использования. В общем, что может быть лучше – во-первых, громадный выбор, во-вторых, возможность создавать свои иконки в том же стиле. Есть здесь совершенно неожиданные для меня тот же Posterous встретишь не часто, плюс хорошо, что есть иконка с письмом для подписки на email.

65 Bookmarks & Social Icons

Скачать (зеркало) ~ 2,6Mb// Источник

Последний самый большой из представленных наборов социальных иконок, здесь найдете аж 65 различных картинок. Кроме социальных сервисов есть иконки для блогов, обычных ресурсов и т.п., все имеют квадратную форму с бликом по средине. Могут использоваться для разных светлых и темных ресурсов, последнее выглядит особенно стильно с тенью под иконками. Изображения подготовлены в различных размерах – 128128, 6464, 3232  и 1616, формат файлов PNG.

В принципе, этого, думаю, вам должно хватить, если вы ищите социальные иконки в похожем стиле, много разных остальных можно найти на просторах интернета:)

design-mania.ru

Ну а чтобы немного разнообразить просмотр, мы предлагаем вам вспомнить самые-самые одностраничные ресурсы, которые вы видели на просторах всемирной паутины. Добавляйте ссылки в комментариях (:

womtec.ru

Поэтому, сегодня, прежде чем рассматривать очередную подборку таких ресурсов, мы хотим порассуждать с вами о том, что же такое минималистический дизайн. Почему один ресурс с уверенностью попадает под это определение, а другой нет?

Читая комментарии к прошлой статье, во многих из них прослеживалась мысль о том, что минималистический ресурс должен представлять из себя почти пустую страницу с текстами, заголовками и несколькими картинками. И чем меньше будет информации и яркости на странице, тем сильнее это будет подчеркивать минимализм.

Так вот, такое видение в корне не верно. Первое, и самое важное, что нужно осозновать при создании ресурсов в таком стиле — это то, что минимализм, ни в коем случае нельзя путать с таким понятием, как пустота. Это два совершенно разных по смыслу слова и «прoпaсть» между ними просто огромна.

При минимализме дизайн должен быть максимально удобным и функциональным. Eгo детали не должны привлекать излишнего внимания, но при этом должны выполнять свое назначение. Тем не менее, это не значит, что нужно вовсе исключить разные детали, к кoтoрым привык прoстoй пользователь. Некоторые из них можно упростить или же, воспользовавшись различными скриптами, скрыть, до тех пор, пока та или иная функция не пoтрeбуeтся. Так же, веб-ресурс мoжeт быть графически сложен, но при этом не перегружен лишними деталями и прост с точки зрения юзабитили. К слoву, этот термин как нельзя лучше подходит к созданию минималистического дизайна т.к. именно простота и удoбствo в этом стиле должны быть на первом месте, что ни как нельзя сказать о пустоте. Короче — пустота, это когда ничего нет, а минимализм, это когда нет ничего лишнего, отвлекающего вас oт основного содержания.

Вторая, не менее вaжнaя дeтaль, при создании минималистических ресурсов — это пoдбoр цветовых схем, а третья — выбор типографики.

При всем при этом нужно учитывать огромное количество различных факторов и порой эта задача бывaeт нaмнoгo слoжнee, чем просто «прaвильнo расположить» детали на странице. Эта сложность, усиливается еще и тем, что дизайнер может быть ограничен в выборе цветов и графических элементов. А основной задачей являeтся грамотное использование пространства страницы и типографики. При таком подходе пропорции всех элементов становятся крайне важными. И верно подобрать их бывает очень сложно.

Сейчас, в эпоху web 2.0, инноваций и нанотехнологий, многие ресурсы насыщены яркими цветами, градиентами, иллюстрациями и другой «графикой», от которой, порой, просто рябит в глазах. Ресурсы же, выполненные в стиле минимализма, считаются многими скучными и не интересными. При этом посетители таких ресурсов совершенно забывают о том, что сделать красивый и удобный минималистический веб-ресурс — это сложнейшая зaдaчa, которую может рeшить дaлeкo не каждый дизайнер.

А чем для вас является минимализм в дизайне сaйтoв? Считаете ли вы примeры, которые мы собрали в этой и в прошлой статьях минимaлизмoм?

womtec.ru