+375 (29)
885-07-70
+7 (499)
346-81-06

Публикации

Как создать хороший дизайн

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

 

ФАКТ: Часто одним из наиболее дискуссионных и критичных аспектов разработки сайта является дизайнерское решение оформления.

 

Разработка веб-дизайна сайта


Адаптивный дизайн сайта можно сделать, соблюдая несколько правил:

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

 

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


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

 

Не так страшен сайт, как его малюют


Когда мы разрабатываем дизайн веб интерфейса - обращаем внимание на следующие моменты:

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

 

Существуют и другие, более тонкие моменты, учитывающиеся профессионалами.

 

СПРАВКА: Например, ранее упомянутый F-паттерн считывания информации с экрана, обнаруженный аппаратурой, следящей за движением глаз («eye-tracking»). По его данным сайт просматривается по схеме: «слева направо поверху, затем вниз и посередине». Значит, всю важную информацию стоит располагать на этих линиях.

 

Тренды веб дизайна


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

 

Например, в 2008-2009 годах разрабатывая дизайн студия сайтов активно использовала многоколоночность, огромные иллюстрации, «газетную» верстку, эффект прозрачности, сложный фон. Модно было внедрять видео и скринкасты. А ведь значительная часть этих «инноваций» применялась еще лет 10 до этого и считалась морально устаревшей. Мода сделала круг.

 

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

 

Доверьтесь профессионалам!

Заказать звонок
08:00
08:00
Заказать
Авторизация
Войти
Отправить