Понедельник, 16 Апреля 2012 14:10

Новые тенденции в веб-дизайне. Что сейчас модно?

Written by 
Оцени эту запись
(1 Голос)

Время идет, мода меняется. Какой дизайн выбрать для сайта, чтобы он выглядел современно? На этот вопрос постараюсь ответить в данной статье.

 

Когда Вы решаете сделать сайт для продвижения своих товаров и услуг или представительство своей компании в интернете, первое (или второе), что Вас волнует, это вопрос о том, как же он должен выглядеть.

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

 

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

 

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

 

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

 

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

 

От этих пунктов зависит выбор дизайна.

 

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

 

Дизайн сайта зависит от его назначения и целевой аудитории

 

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

 

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

 

Ну а теперь перейдем непосредственно к  дизайну.

 

Чтобы выделить ключевые особенности современного веб-дизайна, я рассмотрю шаблоны 2011 и 2012 года от ведущих разработчиков шаблонов и расширений для Joomla - GavikPro, Yootheme и RocketTheme(ссылки ниже).

 

При рассмотрении были выделены некоторые ключевые моменты, которые относятся как к дизайну так и у функциональной части.

 

 

 

Что модного в дизайне:

Новые тенденции в веб-дизайне

  • четкое выделение главного меню, при помощи больших кнопок или крупного шрифта
  • выделение заголовков статей - большим шрифтом или другим цветом
  • чаще всего название сайта (логотип сайта) написан текстом, а не вставлен картинкой. Это также положительно влияет на seo-оптимизацию сайта, если его поставить в загаловок h1
  • в списке новостей для каждой новости выводится картинка, что также позитивно влияет на оптимизацию
  • в оформлении блоков чаще всего используются такие приемы, как скругленные углы, градиентная заливка, тени, прозрачности
  • фоном сайта в последнее время часто выступает не цвет, а текстура - потертость, металл, камень и т.д.
  • ширина сайта фиксированная, обычно, до 1000px, а высота резиновая..Высота зависит от количества контента. Футер (подвал) чащу всего прижат в низу экрана (имеется в виду случай почти пустой страницы)
  • главная страница отличается от внутренних. Если на сайте предполагается 2 или 3 колонки, то это правило не обязательно должно распространяться на главную страницу.
  • некоторые блоки контрастно выделяются на фоне сайта
  • ссылки контрастно выделяются на фоне сайта и отличаются от цвета основного текста

Оформление особо важных частей контента

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

Оформление списков на сайте

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

 

 

 

 

Что модного в функционале:

Какие функциональные блоки нужно размещать на сайте

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

 

Примеры шаблонов от ведущих разработчиков

 

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

 

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

 

Выбор за Вами!

Желаю удачи!!!

 

 

 

Были рассмотрены шаблоны от 

GavikPro

Yootheme

RocketTheme

 

Комментарии  

 
0 #1 local seo 01.02.2015 10:00
I loved as much as you woll receive carried out right here.
The sketch iis tasteful, your authored material stylish.
nonetheless, you command get got an edginess over that you wish
be delivering the following. unwell unquestionably
come more formerly again since exactly the same nearly very often inside case you shield this increase.
 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов