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

Тематические иллюстрации

Тематические иллюстрации создают или усиливают определенную атмосферу. Сюжет такой иллюстрации обычно тесно связан с тематикой сайта. Рассмотрим несколько примеров:

Get my boss to North Cape (http://www.bikingboss.com/)

Иллюстрация развивает основную идею иGet my boss to North Cape. Она не только украшает, но и несет функционально-смысловую нагрузку, подчеркивая то, чему собственно и посвящен этот проект – босс поспорил с подчиненным на то что если они наберут 5000 лайков, тот  должен будет отправиться в долгий путь.

Launch Kit (http://getlaunchkit.com/)

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

Atelier Anonyme Design (http://www.anonyme.in/)

Дизайнеры сайта Atelier Anonyme Design при разработке домашней страницы решили полностью сделать ставку на иллюстрацию, которая собственно и является бекграундом одновременно сильным выразительным средством. Данный сайт создан для вебстудии, поэтому можно сказать, что иллюстрация выполняет не только роль украшения, но и в каком-то смысле отображает настрой, дух этого агентства, отсеивая “неподходящих” клиентов.

Иллюстрация с персонажем

Еще одно получившее сегодня широкое распространение явление — это иллюстрация с персонажем. Для реализации этой задумки дизайнеру необходим придумать специального иллюстрированного персонажа (или персонажей). Зачастую это вымышленный герой, с которым посетитель впоследствии должен ассоциировать сайт. Рассмотрим примеры.

inkFinder (http://inkfinder.com/en/)

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

The Evnt (http://2011.theevnt.com/)

The Evnt встречает нас еще одним “осьминогоподобным персонажем”. В данном случае его реализация весьма далека от реальности – это некий мозг заключенным в “скафандр” на трех ногах. Несомненно это также запоминающийся элемент проекта, которые создает замечательную ассоциацию с конкретным событием, которому посвящена веб-страницу. Посмотрите, ведь данный пример является в целом достаточно хорошим дизайн для сайта, но насколько же сильно он изменится, если убрать персонажа!

Big Eye Creative (http://www.bigeyecreative.com/)

В данном случае персонаж не так агрессивен, как в предыдущем дизайне. Его роль второстепенная, по сути одноглазое существо — часть логотипа, тем не менее, настроение оно создает и позволяет сделать визуальный обзора проект запоминающимся.

Иллюстрированные украшения

Данный вид иллюстрации в веб-дизайне носит декоративный характер. Это просто украшение, декорация, не более того. В принципе. и такой вариант имеет право на существования – красивые сайты также запоминаются как и проекты с “идейными” иллюстрациями. Несколько примеров:

1000 WP Themes (http://wp1000.envato.com/)

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

Coca-Cola History (http://www.cocacola.pt/historiasfelizesparacomer/)

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

Metaphiziks (http://www.metaphiziks.com/)

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

Иллюстрированый текст (шрифт)

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

Rangus (http://www.rangus.co.uk/)

На мой взгляд очень яркий и удачный пример использования иллюстрированного текста. Обратите внимание так же на интересную анимацию (поводите указателям мыши по разным эллементам). Кстати, Rangus можно так же приводить в пример, как дизайн содержащий иллюстрацию-персонаж.

Joey Lomanto (http://blog.joeylomanto.com/imitation-in-web-design)

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

Информативный иллюстрации

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

Bookish (https://booki.sh/)

На главной странице этого сайта иллюстрация определяет суть каждого из элементов дизайна. Отдельные “блоки” дополняются иллюстрацией не просто для красоты, а изображение (что более важно) объясняет назначение элемента. С таким подходом можно даже не особо вчитываться в описание дабы понять что где находится – картинка в левом нижнем углу, где расположены мобильные телефоны и планшеты, самое яркое тому подтверждение.

Vitality City (https://www.vitalitycity.com/)

Покрутите «глобус» на Vitality City и вы поймете, что данная иллюстрация не модный «аксессуар», а элемент со смысловой нагрузкой – получилась оригинальная иллюстрированная навигация.

Uklizenodoma (http://uklizenodoma.cz/)

Очень яркий пример когда за основу дизайна взята информационная иллюстрация – тот или иной элемент дизайна помещения (в данном случае) имеет свою подпись и ссылку на детальное пояснение.

Иллюстрация-противоядие (antidote)

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

Shipment App (http://shipmentapp.com/)

Иллюстрация в данном случае сродни произведению искусства – создает незабываемый образ, который определенно заставляет забыть о том, что вы вообще посетили веб-страницу.

Egopop (http://www.egopop.net/)

Не такой яркий пример, как предыдущий, но по-моему тоже иллюстрирует подход неплохо. Глядя на главную страницу Egopop забываешь, что имеешь дело с веб-сайтом – это скорее интерактивное небольшое произведение искусства, которое, впрочем, дает некое понимание чему именно посвящен этот сайт (что также немаловажно).

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

P.S. Познавательный сайт для умных девушек расскажет чем модные дизайнеры могут их порадовать и удивить – модные тенденции одежды, уникальные украшения и т.п.
Выбираете имя будущему ребенку? – это непросто процесс, конечно, думаю значение имени и описание разных имен должны немного вам помочь с решением.
Купить книгу в интернете – нет ничего проще, заходим в книжный интернет магазин, выбираем товар, оформляем заказ, оплачиваем и ожидаем курьера с доставкой.

© Дизайн Мания, 2011. | Комментариев - 2 | Категория Веб-дизайн, Дизайны сайтов, Иллюстрации, Статьи.

Интересные статьи по теме

• Коктейль винтажа и инноваций: ретро стиль в веб-дизайне (6)
• Суть дизайна – в чем же она заключается? (5)
• Креативные и яркие дизайны сайтов для вдохновения (8)
• Какой дизайн сайтов вы любите? (опрос) (9)
• Дизайн в стиле Web 2.0: простота как искусство (10)

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

Хороший кандидат для одностраничного сайта не имеет большого количества и объёма контента. У вас есть только одна страница, чтобы донести своё сообщение, и только ограниченное количество трюков и анимации, которые вы можете вбросить, прежде чем пользователь потеряет интерес к сайту. К тому же, большинство одностраничных веб-сайтов имеют нестандартизированную разметку. Пытаться уместить большое количество контента так, чтобы это не выглядело беспорядочным нагромождением информации, довольно проблематично.

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

1. Удерживайте фокус внимания посетителей

Сделайте для аудитории всё настолько просто, насколько это возможно. Если вы рассматриваете одностраничник в качестве варианта для своего сайта, то, вероятно, у вас нет большого объёма контента для размещения на сайте. Это отлично. Мы иногда склонны ставить на сайт большое количество ненужной информации. Одностраничные сайты не требуют лишней информации, т.к. их единственная цель – бить прямо в цель. Если вы дизайнер, создающий сайт-портфолио, представьте ваши лучшие работы; и даже не мучайтесь мыслями о размещении посредственных проектов или вашем стороннем бизнесе, связанном с продажей футболок.

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

У нас не возникает вопроса о том, что этот веб-сайт продаёт

Это портфолио попадает прямо в точку. И замечательный, милый минималистический дизайн тоже.

2. Создайте визуальную иерархию сайта

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

Отличный дизайн и фокусируемая визуальная иерархия могут помочь охарактеризовать цели вашего сайта. вы, как дизайнер, имеете власть направить взгляд посетителя туда, куда вы хотите чтобы он перешёл. Для людей естественно замечать крупные объекты в первую очередь, а мелкие – в последнюю. Важные объекты не должны быть размещены в конце страницы и быть мелкими.

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

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

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

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

3. Понятная навигация

Некоторые одностраничные сайты являются статичными страницами, которые перенаправляют посетителя на внешние ресурсы. К примеру, музыканты на своей странице могут поставить навигационную опцию «Видео», которая отправит вас на их страницу на YouTube. В этом нет абсолютно ничего плохого, и так даже проще (особенно, в плане кодировки). Единственное, что посетитель должен знать – это то, что он будет перенаправлен на внешнюю страницу.

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

Ваша цель – сделать всё максимально просто. Редирект пользователя на внешние сайты без предварительного уведомления может вызывать у пользователя недоумение. Он может подумать, что ссылка не работает, либо, что ссылка указана неверно. Старайтесь использовать специальные иконки (огромное количество бесплатных вариантов можно найти в интернете) или заголовки, чтобы пользователь знал, куда он будет перенаправлен.

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

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

4. Экспериментируйте с дизайном

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

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

Создайте потрясающий дизайн: используйте большие картинки, который заполняют всё окно браузера, или шикарный иллюстрированный фон. Это не только даст вам преимущество перед другими веб-сайтами – в итоге ваш сайт может попасть в один из обзоров о веб-дизайне.

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

Чистота этого дизайна (и кода) просто удивительны. Он заставляет вас остановиться и смотреть.

5. Экспериментируйте с кодом

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

Вот несколько моментов, которым стоит уделить внимание: цвет и поведение ссылок (особенно, в режиме выбора); внешний вид и поведение форм (подогнка форм под дизайн сайта с использованием AJAX и JavaScript); отправка данных и сообщения об ошибках (здесь используются формы и AJAX скрипт); таблица и местоположение контента (в том числе, поведение контента в окне браузера). Все это должно соответствовать дизайну и работать заодно  с дизайном.

Замечательный и простой пример кода для одностраничного сайта.

Я, конечно, необъективна, т.к. мне нравится, когда контент загружается в том же окне, но внимание к деталям в коде здесь просто невероятно, и оно просматривается во всём.

6. Анимация

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

Языки jQuery и AJAX стали общепринятыми для создания анимации на сайте. Неважно, что вы делаете: заставляете контент появляться с разных сторон или создаёте фон в виде слайд-шоу – сохраняйте вовлечённость аудитории в процесс просмотра сайта.

Фон этого сайта сделан в виде анимации. Трудно понять, о чём этот сайт, но он выглядит очень аккуратным.

Переходы на этом веб-сайте сделаны просто великолепно. Обожаю его!

P.S. Еще раз спасибо компании МногоЛого за перевод этой англоязычной статьи. Ее оригинал можете найти здесь – 6 tips to create better one-page websites. Что можно сказать в качестве резюме. Безусловно одностраничные сайты – штука классная, имеющая свои весьма серьезные преимущества: такой проект можно удивить, задержать пользователя, выделить и выгодно подчеркнуть именно ваш сайт среди других сотен обычных и невзрачных. Следовательно наибольшая выгода от таких одностраничников будет в той сфере деятельности, где произведения эффект является чуть ли не самой главной задачей – в качестве примера можно смело приводить сайты-портфолио дизайнеров и любых других творческих людей. По направленности это чем-то напоминает флеш сайты – концепция похожая, только другие варианты реализации.

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

P.S. Качественный и надежный хостинг украина для Вашего сайта, портала или интернет блога по доступным ценам.
Хостинг, домен, разработка проекта, а потом обязательна услуга раскрутка сайта и оптимизация сайтов под поисковые системы для эффективного бизнеса.
Дабы не ходить всегда и везде с очками купите контактные линзы для себя через интернет, что выгодно и быстро, доставка по Украине.

© Дизайн Мания, 2011. | Комментариев - 2 | Категория Дизайны сайтов, Статьи.

Интересные статьи по теме

• Часто задаваемые вопросы (FAQ) – разрабатываем эффективный раздел FAQ (0)
• Использование текстур в веб-дизайне (0)
• Вещи о которых начинающий веб-дизайнер должен знать заранее (3)
• Якоб Нильсен – известный специалист по юзабилити (1)
• Этапы развития веб-дизайнера и реакция на критику в работе (7)

Новая версия сайта оформлена в духе и концепции единого визуального образа Игр, основная идея которой — объединение в единое «лоскутное одеяло» разных известных стилей и русских орнаментов (таких как Хохлома, Гжель и прочие) дабы показать тем самым культурное многообразие и самобытность России и народов ее населяющих. Вообще данная концепция способна дать на выходе достаточно пестрый дизайн, но к чести разработчиков и дизайнеров, на сайте обошлось без излишеств. Общая “картинка” кажется весьма целостной и оставляет самое положительное впечатление.

В гамме сайта преобладают синие тона, в бекграунд органично «вплетены» лоскуты о которых говорилось выше. Пространство организовано достаточно грамотно. В результате получается интересный “комплект” – с одной стороны традиционность, с другой технологичность (и даже, наверное, инновационность, если можно так выразиться). Кстати, технически сайт реализован тоже очень достойно – здесь можно найти множество современных интернет решений, которые грамотно и ненавязчиво вписаны в дизайн – переключатели для новостей, менюшки, слайдеры, табы и т.п. Чего только стоит “Календарь событий”.

Для тех, кто впервые на сайте, рекомендую зайти и оценить дочерние проекты – «1000 дней», «Талисманы» и «Культура» – найдете для себя много интересного относительно самой Олимпиады и событий, которые ее окружают. Вместе со счетчиком отсчитывающим последние 1000 дней, оставшихся до начала Олимпиады, также был создан специальный тематический раздел с одноименным названием. В нем рассказывается о состоявшихся акциях и мероприятиях в различных городах России по случаю наступления 1000 дней до церемонии открытия игр. Обязательно следует заглянуть на страницу талисманов – реализована она очень ярко.

Также обновились некоторый разделы сайта. В частности можно глянуть на достаточно интересную реализацию интерактивной карты объектов олимпиады. где можно о них узнать много чего интересного и даже посмотреть видеотрасляцию процесса строительства (которое сейчас на сайтах часто размещают).

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

© Дизайн Мания, 2011. | Комментариев - 9 | Категория Дизайны сайтов.

Интересные статьи по теме

• Cветовые эффекты для сайтов (14)
• Сила редизайна на примерах (3)
• Самые крутые влиятельные дизайнерские блоги 2009 (17)
• Ошибка 404: Изящное решение (17)
• Креативные и яркие дизайны сайтов для вдохновения (8)

В этом списке были отобраны 40 лучших сайтов для премии TheFWA (The favourite website awards) из разных категорий. Вы найдете здесь как флеш сайты разных веб-студий, игровые интернет проекты, персональные и коммерческие. Кто-то из них призван лучшим сайтом месяца, другие завоевывали награды лучших флеш сайтов дня, но все это, по сути, не важно – определенно здесь представлены самые крутые проекты. Можете наслаждаться, вдохновляться и начинать изучать флеш:)

1. Потрясающий мир Nespresso Variations (сайт месяца за декабрь). Это определенно одна их лучших флеш работ, которые я видел – все отточено до мелочей, мир придумал цельный, с кучей нюансов, есть мини игра на сайте, разные локации, много красивой графики и музыки.

2. Noel, where is my Intel? Честно говоря, на этом сайте мало что понял, есть прикольные моменты, но в целом ничего особенного.

3. Swedish Armed Forces Recruit. Вот так набирают в армию в Швеции, если я правильно понял. Жаль, но без вебкамеры особо нечего смотреть (сайт месяца за ноябрь)

4. Amazing Friendz Увлекательная хоть и простая флеш игрушка от французских разработчиков.

5. Mo`s wanted. То ли реалити шоу какое-то, то ли мини сайт по сбору пожертвования для группы парней, больше радует стиль и графическое исполнение нежели флеш.

6. For Colored Girls – Emotions in color Сайт для фильма, интересная и нестандартная как флеш реализация, так и дизайнерская работа.

7. An interactive experience celebrating Claude Monet. (сайт месяца за октябрь) – безусловно заслуживает это звание поскольку интернет проект сделан очень качественно, есть много элементов, красивые флеш переходы между страницам, чувствует стиль и идея.

8. Driven by technology Минимум контента преподнесено интереснее, чем сами тексты и графики (советую взглянуть, прикольный флеш сайт).

9. What`s your real age? Данный прикольный персонаж позволяет определить ваш “реальный возраст” как он говорит, жаль, что вся озвучка на бразильском, приходится читать.

10. The Wilderness Downtown (сайт месяца за сентябрь) – загрузил мне весь проц или что только можно, он “создает” видеофильм про ваш город с использованием Google Street View – достаточно оригинально, но очень требовательно к ресурсам (рекомендуют использовать гуглохром)

11. 31fps интерактивное восприятие музыки в виде различных фигур, графический форм и т.п. – может быть не ярко выглядит, но технологические реализация стоила многих усилий.

12. Plus 360 degrees. Что-то связано с 3д, но вообще не впечатлило.

13. The Perrier Mansion (сайт месяца в августе) Пока что самый ШИКАРНЫЙ флеш сайт в подборке – не каждый день удается побродить по таком особняку в компании интересной дамы (да, кстати, сайт 18+ :)

14. SoBe Heads or Tails похоже на какую-то онлайн акцию (игру), где нужно было отыскать выиграшное послание под крышечкой, сделано качественно и ярко.

15. JKVC красивый и красочный сайт дизайн студии.

16. Battle of the Cheetos. (сайт июля) – полноценная онлайновая флеш игра, где вы управляете своим “читос-войском” и боретесь против соперников за право господства в интернете, с точки зрения игрового процесса все сделано качественно!

17. Thingdom создан чтобы помочь детям изучить генетику – тоже что-то вроде игры, я минут 5 побарахтался там, но мало что понял) Похоже по принцип на Spore.

18. 2010 Party & Exhibition. Корейские парни поехали на какую-то выставку-вечеринку, сайт содержит интерактивно видео об этом событии, в принципе неплохо.

19. Weber Design Lab. Креативный флеш сайт веб-студии (насколько это можно назвать креативностью в такой солидной подборке), прост и со вкусом.

20. An Encounter with Greatness (сайт июня) – собрались значит Пеле, Марадонна и Зидан поиграть в настольный футбол да побеседовать о жизни. Душевный сайт с эпическими кадрами.

21. The Card Chest. Сервис для создания новогодней открытки онлайн, которую можно полностью настроить, подписать и, как я понял, отправить в реальности (но платно).

22. Is Parade визуализация твиттера – вводите ключевое слово и получает парад с аватарками профайлов

23. Lexus Dark Ride. Интерактивный сайт-фильм, где вы играете главную роль (лучший флеш сайт мая)

24. California – The Game данная игра создана для продвижения туризма в Калифорнии, к сожалению сейчас в нее уже не поиграть.

25. Lollipop Project 2. Похоже на фан страничку какого-то азиатского модного и гламурного исполнителя или группы, ярко и красиво.

26. BMW Cinetique. BMW презентует 5-ую серию (сайт апреля). Штука на картинке по моему называется 3d принтер, в общем можно посмотреть некоторые готовые объекты или создавать свои.

27. Start the change. К сожалению сайт не доступен, по картинке ярко:)

28. Johannes Leonardo`s philosophy. Похоже на страницу веб студии, навигация непростая, из клиентов у них Google? – крутые:)

29. Bank Run Game (лучший флеш сайт марта 2010) – еще одна интерактивная игра где вы главный герой, весьма увлекательно.

30. Hands symphony. Музыка исполняется с помощью рук, больше ничего не понял.

31. Canv-as.com инновационный магазин для покупки постеров – вы можете выбрать и нарисовать их, затем посмотреть как будут смотреться в интерьере и заказать.

32. Wrangler Blue Bell Spring-Summer (сайт февраля) – действительно интересный флеш сайт, помню мне еще тогда присылали на него ссылку, интересно управлять главным героем:)

33. We are all fans. Сайт-агрегатор социальных медиа файлов (фото, твитты), которые превращаются в портреты исполнителей – реально круто выглядит.

34. NUTCASE. Знаменитые экстремальные атлеты из Чехии – не могу сказать, что сильно впечатлил.

35. Verbatim Championship. Битва между роботами онлайн, которых вы создаете и управляете (лучший флеш сайт января)

36. We choose the moon. Воссоздание экспедиции миссии Apollo 11 на Луну в реальном времени (сайт года 2009 и не зря). Я, кстати, о нем уже писал в заметке популярные сайты про космос на Вебдванольных заметках.

37. Labuat. Интерактивный музыкальный видео клик где вы можете сами создавать узоры и рисовать под музыку (приз зрительских симпатий 2009) – супер флеш сайт!

38. The Impossible Hoop Challenge – какая-то незамысловатая игра на флеш.

39. RIZ MC MICroscope lab – то ли сайт группы, то ли хз, выполнен в стиле научной фантастики и исследования в секретных лабораториях.

40. Market Mall Santa Tracker – сайт санты, где можно оставлять пожелания, следить сколько осталось до рождества и читать разную информацию, красиво и празднично.

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

P.S. Постовой. Если вы хотите разобраться в вордпресс поглубже, то полезно будет почитать про функции wordpress с подробных их описание и примерами использования.
На сайте веб-студии найдете интересные статьи про домены и доменные имена всем начинающим как раз будет что почитать, а также узнаете новости рынка доменных имен.

© Дизайн Мания, 2011. | Комментариев - 6 | Категория Вдохновение, Дизайны сайтов, Флеш сайты.

Интересные статьи по теме

• Лучшие портфолио дизайнеров (12)
• Креативные и яркие дизайны сайтов для вдохновения (8)
• Сила редизайна на примерах (3)
• Ретро дизайн сайтов (9)
• Красивые контактные формы для вдохновения (7)

С позиции целостности бренда кардинально новый дизайн не всегда приемлем, по-крайней мере, это шаг рискованный, потому что таким образом можно потерять лицо. Но, рискует даже тот кто затевает «умеренный» не революционный редизайн. Давайте на примерах посмотрим как эту задачу решают (и решали) дизайнеры известных сайтов. В качестве вдохновения была использована эта англоязычная статья, размышления приведены авторские. Сначала опубликован старый дизайн, потом новый.

31Three

В ходе редизайна 31Three было иначе решено пространство (его стало больше) и несколько изменена цветовая гамма, отчего дизайн стал более «чистым» и «воздушным». Воспринимать информацию стало гораздо проще, сразу ясно что на странице имеет наибольшее значение. Определенно удачный редизайн или я бы даже сказал эффективный – цепляет.

Brightkite

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

Ollie

На мой взгляд, сайт Ollie только выиграл от редизайна. Старый был темноват, грязноват и немного хаотичен (это касается как элементов, так и цветов и всего прочего). Новый дизайн резко контрастирует с тем что было, он близок к минималистчному — немного строгий, но опрятный. Единственная «цитата из прошлого» — логотип, который, впрочем, вписался весьма гармонично. Хотя мое впечатление дело вкуса, кое-кто может заметить, что старый дизайн мог быть более креативным и стильным – вполне возможно, иногда редизайн производится из-за желания автора что-то изменить, порой кардинально. Думаю, это именно такой случай.

N.Design Studio

Сайт проекта N.Design Studio всегда был очень ярким, выразительным и мощным в плане дизайна (что говориться «товар лицом»). Несмотря на все достоинства, старый дизайн приелся.

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

DelCastillo

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

Design Cubicle

Первое что бросается в глаза в новом дизайне Design Cubicle — заметно меньшее количество элементов. Второе – дизайн практически отцентрован. Новый дизайн «легче», удобнее, в то же время ярче (пусть вас не смущают яркие зонты на скриншоте со старым дизайном — это иллюстрация к посту, а не элемент дизайна). Стремление к минимализму и концентрирование внимания исключительно на содержимом – тоже весьма популярное течение современного веб-дизайна.

Carbonmade

Новая версия дизайна Carbonmade так же очень сильно отличается от предыдущей. Старый вариант был явно тяжеловат (чему виной обширная траурно-темная область под шапкой). Новый дизайн базируется на графической идее (в центре гора, богатое иллюстрирование), он более светлый, позитивный и креативный. Визуально, глядя на страницу сайта, лично мне вспоминается такая вещь как инфографика, что часто применяется в дизайне для представления информации.

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

P.S. Постовой. Если вы не мыслите жизнь без автомобиля, то новый автопортал будет вам весьма интересен, заходите!
Недавно открылся новый интернет-магазин Для детей, где можно купить коляски, детские игрушки, ходунки и кроватки.
Компания PolyPlastik предлагает эффективный материал геотекстиль для строительства, обладает рядом полезных свойств.

© Дизайн Мания, 2010. | Комментариев - 3 | Категория Вдохновение, Дизайны сайтов.

Интересные статьи по теме

• Креативные и яркие дизайны сайтов для вдохновения (8)
• Красивые и оригинальные рисованные дизайны сайтов (10)
• Cветовые эффекты для сайтов (14)
• Фестиваль рекламы «Идея!» в Новосибирске (4)
• Ретро дизайн сайтов (9)

RETRO c лат.: «назад», «обращённый к прошлому»

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

В одежде, автомобилестроении или дизайне интерьеров к ретро-стилю достаточно уверенно привязывают временные рамки с 20-х до 80-х годов прошлого века. Дать четкие временные признаки ретро-стиля в веб-дизайне не так легко, ведь что в обычной жизни может считаться прошлым днем, в стремительно меняющейся IT-сфере смело можно назвать днем позавчерашним. И то, что тридцатилетний художник еще сочтет актуальным и современным, молодежь уже давно списала в утиль. Взять, к примеру, неутешительные для продюсеров итоги проката фильма «Чужая»: бандитская романтика лихих 90-х не взволнует душу тинэйджера, ведь ретро – оно у каждого свое.

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

Большинство временных отрезков, которыми может смело оперировать дизайнер, решивший использовать стиль ретро, привязаны к моде 20 века.

Хотите воссоздать у посетителя сайта ощущения агрессивного шика 20-30-х годов –  помогите ему вспомнить музу Владимира Маяковского Лилю Брик, хороша будет и Эллочка-людоедка из «Двенадцати стульев». Это были тревожные годы внезапной и массовой дамской эмансипации: женщины надели брючные костюмы, укоротили юбки и закурили длинные папиросы. Все эти чулки в сетку, трикотажные шапочки и котелки а-ля Чарли Чаплин, обнаженные руки и плечи в меховых горжетках в годы НЭПа знатно будоражили кровь обывателю. Берите оливковый, черный и пурпурные цвета за основу, добавьте драйв джазовой импровизации, сказку синематографа и аэропланов – и Вы легко уловите суть ретро 20-30-х годов!

Если же вам больше по вкусу сдержанность и скромная элегантность – оглянитесь в послевоенные 40-е – 50-е годы. На смену показной вычурности и вульгарности пришел new look стиль, изобретенный Кристианом Диором. Стиль чувственный, декадентский, безоглядно романтичный, стилизованный под «кринолиновый» XIX век.  Это высокомерно поднятые подбородки женщин в платьях из шелка, атласа, крепдешина. Это тонкие талии, волнительные декольте, перчатки до локтя, широкополые шляпы и лакированные ремни, что форсируют женственность до пределов полупристойного пин-апа. Пересмотрите «Дневник памяти» Ника Кассаветиса и «Крестного отца» Френсиса Ф. Копполы, включите записи оркестра Гленна Миллера и поскорее беритесь за планшет. Настроение Вы уже уловили.

Желаете сделать ставку сексуальность и чувственность  – перелистайте страницы журналов 60-х и 70-х гг. В то время тон задавали соблазнительные кинодивы Бриджит Бардо, Мэрилин Монро, Софи Лорен. Цветовая палитра соответствует настроению – это доминирующий красный, розовый, синий в ассортименте: цветы, горошек, клетка. Автомобильные прогулки на шикарном “Бентли” под головокружительные мотивы крамольного Элвиса. Битлз у «них», ВИА «Самоцветы» – у «нас».  Джинсовые 70-е, обувь на платформе, танцы под музыку диско и море синтетики в одежде: нейлон, капрон, кримплен диких расцветок. Легкость, яркость, непринужденность – вот как можно будет описать сайт в ретро-стиле 60-х – 70-х гг.

Очень необычным может оказаться опыт работы в стиле советской культуры 80-х годов XX века – времени, когда культпросветовская идеология правящей партии зашаталась под хаотичными, но мощными ударами протестной подвальной субкультуры. Вышедшие из подполья русский советский рок и панк вперемешку с ломаными плясовыми мелодиями дискотеки 80-х стали лейтмотивом Перестройки. Этот период еще не так глубоко переработан веб-дизайнерами, поэтому решение использовать стилистику 80-х может принести немалый успех.

Подведем итоги. Ретро-стиль по сути вполне стабильный и востребованный тренд в веб-дизайне, со своим очарованием и уникальной цветовой палитрой. Что бы Вы не выбрали: трагичные нэпманские 20-е, карамельные 50-е, цветочные 60-е, дискотечные 70-е или номенклатурное ретро 80-х, отталкиваясь от прошлого, дополнив его своими ощущениями и активно используя богатые возможности графических редакторов, Вы способны создать маленький шедевр.

Дополнительно цветовыми палитрами ретро-стиля можно вдохновиться в небольшой подборке ретро дизайнов (для особо интересных экземпляров можно пройтись по ссылочкам на оригинальные сайты и посмотреть как там все сделано).

Dallas Advertising Agency – весьма оригинальная навигация, музыка на заднем плане и вообще такой себе военный ретро стиль.

Lana Landis – реализация на flash, обязательно загляните в раздел фото:) красивые винтажные фото + замечательная музыка

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

Сайт-портфолио Michela Chiucini веб дизайнера – кстати, прошлая работа именно ее, видим, что она явно не безразлична к ретро стилю

Kultika – мне не совсем понятно назначение и тематика этого сайта, но реализация просто выше всяческих похвал!

Diseño Grafico – прикольный сайт в стиле ретро для веб-студии или фрилансера разработчика, он как бы вытянут в линию и при клике картинка сдвигается вправо.

Tennessee Vacation – для всех любителей штата Tennessee и отпуска в тех краях, очень классная реализация в ретро стиле, где внимание уделено практически каждой мелочи, один из лучших сайтов в подобном стиле, что я видел

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

P.S. Постовой. Для того чтобы ваш сайт был в лидерах и приносил доход закажите продвижение сайта Киев или под любой другой регион или поисковую систему.
Если же вы хотите сами научиться раскручивать сайты, то читайте SEO blog, где найдете много полезной информации по заработку и продвижению.
Для туристов полезным будет информационный портал Все о Чехии – советы, описание городов, отелей, рекомендации путешественникам и много другое.

© Дизайн Мания, 2010. | Комментариев - 6 | Категория Дизайны сайтов, Статьи.

Интересные статьи по теме

• Иллюстрации в веб-дизайне (2)
• Суть дизайна – в чем же она заключается? (5)
• Ретро дизайн сайтов (9)
• Какой дизайн сайтов вы любите? (опрос) (9)
• Дизайн в стиле Web 2.0: простота как искусство (10)

Как мы все знаем, структура страниц сайта может быть поделена на 3 части: хедер(верх), контент и футер(низ). И ни одну из этих частей не стоит игнорировать. Не скажу, что футер играет огромную роль. Но профессионализм, прежде всего, – это внимание к мелочам. С этой точки зрения – футер очень важен.

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

Смотрим, анализируем, вдохновляемся.

johncow.com // Небольшое меню органично сочетается с ярким футером

seedhunter.com // В футере располагается небольшая информация об авторе

blup.fr // Простой, оригинальный и яркий футер для сайта

arunpattnaik.com // В этом сайт футер содержит последний твитт, а также используемые автором инструменты для работы

bitsamppixels.com // Стильный футер с копирайтами

csharpdesign.co.uk // Здесь в футере перечислены услуги фирмы и контакты для связи

comfortbrothers.com // Футер также используется для дубликации элементов навигации

naikom.ru // Стандартный, привлекательный, полезный и функциональный футер для персонального сайта – есть информация об авторе, последние сообщения твиттера и фотографии.

futureofwebapps.com // Особой смысловой нагрузки данный футер не несет, просто выполнен в стиле сайта

launchmind.com // Данный футер также больше используется для красоты, хотя и содержит навигацию. Подобные графические решения позволяют сделать сайт “графически законченным”, где все здорово скомпоновано и реализовано – от шапки до футера

storypixel.com // Красивый и оригинальный футер с последними сообщениями RSS по работе и фотографиями

gbit.cz // Авторы этого футера подошли к вопросу буквально, представив футер как “подводный мир” из общего дизайна сайта

markforrester.co.za // Просто симпатичный футер

morphix.si // Также реализация дополняет общую картинку веб страницы

wisnetsol.com // Такой себе “деловой” и функциональный футер, где собраны портфолио, форма обратно связи и ссылки на социальные сервисы твиитер и facebook

mrdiggles.com // Футер с “задумкой” :) Облако тегов, кстати, достаточно уместно размещать именно в футере – как дополнительный ненавязчивый элемент навигации

Вообще футер может стать весьма полезной частью блога – как в дизайнерском (графическом) понимании, так и в виде дополнительного функционального элемента. Поэтому не пренебрегайте этой возможностью!

P.S. Постовой. Что бы научиться рисовать также можно посетить обучение на курсах графического дизайна в Санкт-Петербурге. Подробнее о курсах здесь.
Також вам можуть знадобитись Відеоуроки з веб-дизайну – українською!, де ви побачите все на власні очі.
Если у вас доме есть несколько компьютеров, то заказывайте услугу установка и настройка wifi для доступа в интернет.

© Дизайн Мания, 2010. | Комментариев - 5 | Категория Дизайны сайтов.

Интересные статьи по теме

• Креативные и яркие дизайны сайтов для вдохновения (8)
• Красивые и оригинальные рисованные дизайны сайтов (10)
• Человеческие лица на цветочных горшках от GOOD (0)
• Сила редизайна на примерах (3)
• Самая длинная скамейка в Великобритании (0)

Проблема в том что типичные страницы «Ошибка 404» мало способствуют тому чтобы пользователь остался на сайте. Они, мягко говоря, убогие, поэтому единственное на что они способны –  вызвать чувство досады и раздражения.

Самый верный способ решения проблемы «404» – отсутствие битых ссылок. Это достаточно просто контролировать когда у тебя 10 страниц, но если речь идет о сайте который лет пять как ежедневно обновляется — за всем уследить сложно, а то и невозможно. Поэтому, за битыми ссылками нужно следить обязательно (чистить и удалять), но  в любом случае,  хорошую страницу 404 должна быть на каждом приличном сайте. Либо использовать системы управления контентом, которые позволяют избежать появления битых ссылок вообще.

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

Чтобы все получилось, страница 404 должна быть должным образом оформлена. О стилевом соответствии дизайну сайта было сказано выше, но этого мало. Страница «ошибки 404» должна быть интересной и «приготовленной» со вкусом. Должна обыгрывать какую-то идею, содержать картинки, иллюстрации (или что-то другое для реализации этой идеи). Иначе она будет скучной и сильно отличаться от стандартной не будет, а значит нужный нам результат достигнут не будет.

Для вдохновения хочу привести вам несколько очень креативных примеров оформления страницы 404:

Страшновато, лучше сюда, действительно, не попадать, а все находить сразу

Популярный, кстати, персонаж для страницы 404

“Похоже одного из нас нет” – таки да, ребята, потеряли страницу

Опять Он + ссылки на главную и страницу контактов

Стильно, спокойно и с блоком поиска на всякий случай

На видеохостинге Vimeo сразу отображают все возможные варианты и разделы

“Упс” встречается также часто, как и Гомер Симсон

Какая-то слишком “водяная” реализация, страницы в любом случае нету

Прикольное решение со знаком – сразу привлекает внимание

Они извиняются, что не нашли нужную страницу + ссылка на главную

Опа, а эту страницу украл ниндзя:) Ну, что ж, и такое бывает…

Часто фото разыскиваемых публикуют на пачках молока, чем страница 404 хуже

Позитивная реализация идейного черного юмора

Самая стандартная и четкая страница 404

Красивая цветовая гамма

Ухты, мимо такого уж точно сложно пройти мимо

Какой-то персонаж говорит нам, что страницы, увы, нет

Теперь о “пропаже страницы” сообщается целая команда

Просто и просторно – веб 2.0 ?

Ну, тут все всем, наверное, ясно – сериалы смотрим?

Что-то вроде черной дыры? с черным медведем сверху:)

Говорят, что страница исчезла как это часто бывает в магии

Упоминаемый ранее “упс” и ссылки на некоторые страницы

Ого, не нужно так сильно расстраиваться:)

Дохлая ссылка она как дохлая муха, ничего с нее уже не возьмешь

“Файловая реализация” страницы

Еще одна очень жестокая картинка, жизнь некоторых страниц так скоротечна…

Прикольная графическая иллюзия для разрядки + упс:)

Заключение: Наличие собственной талантливо сделанной страницы 404 говорит о многом. В-первую очередь о том что вы думаете и заботитесь о своем посетителе. Во-вторую, что у вас грамотно сделанный качественный ресурс. Кроме этого правильная страница 404 имеет и практическое значение — способна удержать  посетителя на сайте (и перенаправить в нужное место). «Мелочь!» — скажите вы. Мелочей не бывает! Вернее из мелочей все и складывается! Удачного вам креатива!

P.S. Постовой. Родителям может быть интересна школьная одежда и костюмы для мальчиков и девочек.
Многие специалисты утверждают, что e-mail рассылка – лучший способ продвижения сайта в интернете.
Если вы азартный игрок, можете попробовать онлайн покер – на сайте есть вся информация об игре.

© Дизайн Мания, 2010. | Комментариев - 17 | Категория Дизайны сайтов, Юзабилити.

Интересные статьи по теме

• Якоб Нильсен – известный специалист по юзабилити (1)
• Суть дизайна – в чем же она заключается? (5)
• Редизайн: несколько индикаторов того, что его время пришло (4)
• Конкурс на дизайн дефолтного шаблона для LiveStreet CMS (5)
• Как преодолеть творческий кризис у дизайнеров? (14)

Пионерами как всегда были дизайнерские агентства, которые традиционно первыми предлагают что-то концептуальное, инновационное. За ними начинают подтягиваться остальные, появляется тренд. Таким образом, сейчас уже не редкость сайты, где контактная форма начинает превращаться в настоящую «историю» или «приключение», а то и является самым интересным (или уютным) местом на сайте.

Я приготовил для вас немного примеров с красивым контактными формами для вдохновения, за оригинальную подборку спасибо авторам этой статьи:

Признаться, даже у меня (не веб дизайнера) появилось желание приукрасить или создать столь же оригинальную страницу с контактной формой. Особенно понравились варианты, где кроме самой формы контактов есть краткая информация о сайте (авторе), а также ссылки на социальные сервисы.

Надеюсь, данная подборка красивых контактных форм простимулировала вашу фантазию и у вас появилось несколько интересных идей по поводу собственной контактной формы. В Рунете пока мало подобных креативных примеров (может я ошибаюсь и вы меня поправите?), у вас есть все шансы стать одним из первых!

P.S. Доверьте продвижение сайтов людям «в теме».
Для вашего веб проекта seo оптимизация – полезный этап развития.
Современная автоэлектроника, звук для авто, доставка, советы профессионалов.

© Дизайн Мания, 2010. | Комментариев - 7 | Категория Дизайны сайтов, Разное.

Интересные статьи по теме

• Лучшие портфолио дизайнеров (12)
• Человеческие лица на цветочных горшках от GOOD (0)
• Самая длинная скамейка в Великобритании (0)
• Потрясающие RSS иконки с животными (10)
• Портреты из шурупов (0)

Весьма заметный эффект, привлекающий внимание, выглядит ярко.

Смесь черного фона с яркими цветами привлекает внимание.

Световые эффекты в верхней части сайта, выделяют заголовок.

Еще один сайт в минималистическом стиле, где ярко подсвечивается заголовок.

Световые эффекты в видел спиралей выглядят потрясающе.

Простой и красивый фон.

В свою очередь хочется поблагодарить проект designreviver за вдохновение и предоставленную информацию в статье  20+ Sites Using Amazing Lighting Effects. Очень красивая подборка получилась, надеюсь, вам понравилась. Кстати, если у вас сразу появились идеи для реализации советую скачать кисти световые эффекты photoshop – пригодится в работе!

P.S. А еще можете скачать Twitter иконки для своего блога.

© Дизайн Мания, 2009. | Комментариев - 14 | Категория Вдохновение, Дизайны сайтов.

Интересные статьи по теме

• Якоб Нильсен – известный специалист по юзабилити (1)
• Сила редизайна на примерах (3)
• Редизайн сайта Олимпийских зимних игр в Сочи 2014 года (9)
• Ошибка 404: Изящное решение (17)
• Креативные и яркие дизайны сайтов для вдохновения (8)