Хорошие веб-дизайнеры знают, что по-настоящему качественный и креативный сайт требует времени и профессиональных навыков. Эта статья предусматривает небольшой перечень методов, которыми следует пользоваться веб-дизайнеру, желающему достигнуть совершенства в создании сайтов. Данные методы не занимают много времени, но заметно улучшают сайт, что неопытный глаз может сразу и не заметить. Но результат обязательно оценит пользователь, даже если он не сможет ответить на вопрос: почему ему нравится этот сайт, результатом Вашей работы он останется доволен.
Начинайте с нуля каждый раз!
Постарайтесь всегда начинать работу с «чистого листа», не пытайтесь «перекроить» старый макет. Каждый дизайн сайта должен быть уникальным вне зависимости от напревленности (блог, интернет-магазин, каталог и т. п.). Даже самые лучшие веб-сайты предназначены для выполнения определенной цели. Создание дизайна с нуля способствует ясности, концентрации внимания и соблюдению единого дизайна.
На каждом шагу в процессе проектирования, убедитесь, что на всё в макете есть преднамеренное цель, вы должны быть в состоянии объяснить свой мыслительный процесс за каждый элемент на странице. Если что-то не имеет оснований для существования на этой странице, то следует удалить, потому что она может просто отвлечь посетителей от более важных элементов.
Простое копирование и вставка элементов из предыдущих разработок является костылем, который мешает вам экспериментировать, учиться и расти в качестве веб-дизайнера.
Инвестируйте в пользовательские иконки и графику.
Инвестируйте время в создание собственных иконок и графики вы получите не только посещаемость самого ресурса, но и интерес к самой графике сайта.
Axure. который в 3 шага распознает шрифт с картинки.
Axure использует пользовательские иконки и графику, а не полагается на стоковые изображения, чтобы раскрыть свою душу и придать авторский характер сайту.
Axure является прекрасным примером этого. Его беззаботные, «поверхностные» иллюстрации заметно отличают именно этот сайта из тысячи других, при этом оставляя неизгладимое приятное впечатление.
Пользовательские иллюстрации, изображения и иконки сделают ваш сайт уникальным. В то время как стоковые изображения, векторы, безусловно, экономят тонну времени, но фотография улыбающейся девушки из отдела продаж с гарнитурой или телефоном, встречавшаяся пользователю на пяти других сайтах изрядно надоедает.
Удалите объекты, препятствующие прокрутке.
Пользователь, который может прокрутить страницу вниз встретит гораздо меньше препятствий, чем тот, который должен перейти по ссылке и вынужден ждать загрузку. Удаление этого препятствия не только упростит навигацию, но и поможет рассказать историю сплоченной, без прерывания загрузки страницы.
В превосходной статье Пэдди Доннелли » Жизнь Ниже 600px «. который в 3 шага распознает шрифт с картинки.
, объясняется, что пользователи будут игнорировать содержание страницы ниже 600px. Но сегодня, с развитием технологий HTML 5, не стоит на этом заострять внимание. Еще и распространение устройств различных разрешений ставит под сомнение подобный факт.
Последовательное течение страницы погружает пользователя в суть содержания сайта. Вы можете даже связать радикально различные стили вместе на одной странице, добавив небольшие визуальные подсказки в нижней части каждого раздела, чтобы показать, что больше содержания ждет впереди — так же, как, различные комнаты в доме могут иметь совершенно разные функции, но сохраняют общуе назначение. Если каждый раздел на странице имеет резкий конец или выглядит как «подвал», то пользователи будут реже доходить до конца.
На самом деле, прокрутка стала такой естественной для большинства веб-устройств, что Apple, покончил с полосой прокрутки в OS X Lion.
Сделать дизайн невидимым благодаря интерактивности и функциональности.
Давайте подумаем о том, что мы испольем для описания Web: страницы, заголовки, колонки, прокрутка. Это было придумано для того, чтобы сделать веб более понятным для пользователей. При этом статический текст и изображения, как правило, хорошо, но человеческая сущность по своей природе жаждет разнообразия, и большинство вебдизайнеров стараются создать сайт более интерактивным.
Joyride является прекрасным примером такого подхода. В то время как страница имеет много контента, Joyride делает большую работу по руководству пользователя по странице и выделение важных объектов, чтобы вможно было вернуться позже. Помимо текстовых подсказок, есть и приятные мелочи — подмигивающие фары, например.
Будьте внимательны к деталям.
Неважно какой сайт вы собираетесь делать, минималистичный или иллюстративный, особое внимание стоит уделить деталям каждого элемента на странице. Даже незначительные несоответствия будут восприниматься пользователем как минимум, странно.
Несколько распространенных ошибок:
- Шрифт. Использование определенного шрифта должно быть всегда оправдано в соответствии со своей функцией. Заголовок в одной части страницы должен выглядеть так же, как и в другой части страницы. Старайтесь использовать новые интересные шрифты, которых еще не было на других сайтах, тем самым вы добъетесь эфеекта новизны и отличия от других.
- Кнопки. Всегда задумываться над вопросом о том, для чего служит кнопка, можно ли ее заменить на обычную текстовую ссылку. Одним словом, не стоит злоупотреблять обилием кнопок это может привести к снижении эффективности этих кнопок.
- Градиенты. Если вы используете градиент, то придерживайтесь единой стилистики, добавляя его в детали, но не меняя оттенки
- Промежутки. Соответствие интервалов и выравнивание между элементами, как правило хорошего тона, необходимо соблюдать всегда.
- Обращайте внимание на каждую деталь и никогда не думайте «никто не заметить» — важно всё! И как сказал Экзюпери
- «Совершенство достигается не тогда, когда нечего больше добавить, а когда нечего отнять.»
Подведем итог.
Создать по-настоящему красивый и запоминающийся сайт не так просто. Вам придется потратить довольно много времени и сил , ориентироваться на ключевые тенденции для достижения максимального эффекта:
1.Создавать дизайн для конкретного сайта. Наложение нового дизайна на старый макет неуместно.
2. Использовать интересные шрифты для придания индивидуальности.
3.Заставте пользователя прокрутить страницу до конца. Мотивируйте!
4.Привлекать посетителей разнообразием. Интерактивность не даст заскучать пользователю.
5.Наконец! Думайте о каждой детали в конструкции сайта. Не упустите ничего!