+7 (916) 252 40 72

Меню
Дизайн интерфейса сайта
Seo design site » Seo дизайн » Интерфейс сайта

Интерфейс сайта

Интерфейс сайта — это художественное оформление web страниц, включающий: цветовую палитру, расположение элементов, шрифты, графику для сайта и т.д.

Вёрстка страницы

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

  1. при таком расположении лучше воспринимается информация (без отвлекающих элементов);
  2. одноколонный интерфейс более корректно отображается на мобильных устройствах;
  3. поисковые роботы относятся к такой вёрстке более благожелательно (не висят одни и те же ссылки на каждой странице).

Тексты для сайта

Текст на сайте должен быть контрастным, причём тёмный текст на светлом фоне для лучшего восприятия. Обратный контраст (выворотка) читается гораздо хуже, светлый текст на тёмном фоне лучше не использовать. Для ссылок в тексте используется чёткий цветовой контраст или элемент подчёркивания, так более привычно для посетителей. Размер текста на сайте не делайте мелким, его трудно читать. Вы читаете статью набранную текстом размером 1em (16px), не мелко и не крупно, комфортно читать не только на компьютере, но и на смартфоне.

Цвет на сайте

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

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

Для достижения большего эффекта призыва к действию желательно использовать контрастный цвет не только текста, но и некоторое пространство вокруг него. Это достигается средствами CSS (каскадными таблицами стилей) — использование градиентов и теней прекрасно выделяется в окружающем пространстве страницы. Таким же образом можно сделать эффект 3D — нужный элемент кажется расположенным ближе, чем другие.

Графика для сайта

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

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