Мои любимые элементы веб-дизайна

Мои любимые элементы веб-дизайна

Поделитесь статьей
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

 

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

 

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

 

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

 

Хлебные крошки

 

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

 

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

 

Мои любимые элементы дизайна - хлебные крошки

 

Трекеры процесса

 

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

 

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

 

Мои любимые элементы дизайна - треккеры

 

Страница ошибки 404

 

Хотя никто не любит когда появляется страница ошибки на сайте, но иногда такое случается. Грубо говоря, это не совсем относится к элементам дизайна, но что мешает сделать ее эффектной? Например, как здесь:

 

Мои любимые элементы дизайна - страница 404

 

Кнопка наверх

 

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

 

Мои любимые элементы дизайна - кнопка наверх

 

Большие адаптивные картинки

 

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

 

Картинка не только отлично смотрится, но и придает сайту современный, яркий вид. Убедитесь сами.

 

Мои любимые элементы дизайна - кнопка наверх

 

Информационный футер

 

Футер (или подвал сайта) в наше время используется далеко не только для информации о копирайте. Она все также там, конечно, но задача футера куда больше: завоевать доверие. Чтобы этого достичь, туда помещают различную контактную информацию, ссылки на значимые разделы сайта и даже формы поиска. Таким образом, по футеру можно определить значимость и надежность владельца сайта.

 

Пример футера на сайте нашей студии QDESIGN.

 

Мои любимые элементы дизайна - информационный футер

 

Цвета

 

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

 

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

 

Мои любимые элементы дизайна - цвета

 

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

“Эти элементы действительно вписываются в концепцию моего сайта?”

“Понравятся ли они моей целевой аудитории?”

Если ответы утвердительные, когда смело внедряйте эти элементы дизайна.

 

 

А какие элементы дизайна нравятся вам? Давайте обсудим в комментариях.

 


Поделитесь статьей
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  


Дмитрий
Дмитрий
Дмитрий - веб-дизайнер, разработчик и менеджер по проектам с опытом работы 15 лет. В настоящее время работает в QDESIGN студии веб-дизайна.
Нет комментариев

Отправить комментарий

success
Спасибо! Скоро мы вам ответим!
Вернуться на главную
fail
Извините, ошибка! Пожалуйста, попробуйте снова!
Вернуться на главную