Мой Справочник | WEB-DESIGN

WEB-DESIGN

Основные принципы для веб-дизайна:

  1. Веб-дизайнер в наше время больше ПРОЕКТИРОВЩИК и МАРКЕТОЛОГ, чем художник
  2. Веб-дизайнер по сути НЕ ДОЛЖЕН ничего придумывать с нуля, а перенимать опыт пользователей
  3. Дизайн создаёт образы в голове людей
  4. Работа веб-зайнера - это по сути работа аппликатора (как будто клеим наклейки на белый лист бумаги)
  5. УДОБНО для пользователя, ПОНЯТНО, что делать, ПРИЯТНО смотреть.
    Дизайн должен привлекать внимание пользователя, который не должен остаться равнодушным.
  6. В веб-дизайне не стоит увлекаться ХУДОЖЕСТВОМ, здесь дизайн должен выполнять задачи и основные функции сайта.
  7. Минимализм, ничего лишнего. Не должен сильно отвлекать пользователя.
  8. Должен акцентировать на чём-то важном. Тексты без воды.
  9. Понятно, что делать, Удобно пользоваться, Приятно смотреть - залог успешного веб-интерфейса
  10. Пользователь должен ДОВЕРЯТЬ сайту и ПОНИМАТЬ, где он находится и ЧТО ДЕЛАТЬ
  11. Дизайн должен быть ВЕРСТАЕМЫМ
  12. Профессионал не начинает делать, пока не убедился, что понял задачу, и что заказчик согласен с этим пониманием
  13. Из недостатков можно делать идеи (Смена пододеяльника)
  14. Живое интервью лучше чем бриф (в идеале дизайнер должен в нём участвовать)
  15. Что важно знать пользователю?
  16. Какие эмоции вызвать или передать?
  17. Хороший дизайн - это как можно меньше дизайна
  18. В современных сайтах практически отсутствуют эффекты для текстов и кнопок (тени, свечения, блики) - это уже не в тренде
  19. Лаконичный сайт делает акцент не на вычурности дизайна, а на качестве контента, который он преподносит.

Виды web-дизайна

  1. Фиксированный. Как правило, десктопный. Неадаптивный. Ширина контена на страницах всегда одинаковая.
  2. Резиновый. Сетка страниц "подстраивается" под размеры вьюпорта. Размеры основных контейнеров страниц имеют различные значения на разных устройствах. Вёрстка производится в относительных единицах или процентах (трудоёмкая вёрстка). Может иметь крайние значения для размеров ширины контента (полурезиновая).
  3. Адаптивный дизайн. Это означает, что дизайн страниц, адаптирован под различные устройства, в частности для планшетов и мобильных телефонов.
  4. Десктопный. Дизайн для настольных устройств, компьютеров и ноутбуков.
  5. Мобильный. Составная часть адаптивного дизайна. Разрабатывается непосредственно для мобильных устройств, планшетов и телефонов.

Составные части веб-дизайна:

  1. UX-дизайн (удобство для пользователей - ЛОГИЧЕСКИЙ ДИЗАЙН, помогает пользователям достигать целей)
  2. UI-дизайн (красивое для пользователей - ОФОРМЛЕНИЕ этой логики, создаёт эмоциональные связи)
  3. UI-kit - отдельный макет для различных состояний интерфейса
  4. Guideline - готовый шаблон для состояний
  5. Типографика - макет типографики
  6. Фирменный стиль (Айдентика) - логотип, фирменные цвета, шрифты, предметы и т.д.

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

Сайт - это набор БЛОКОВ (компонентов)!


Веб-дизайн (от англ. web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений/

Веб-дизайнеры:

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

Веб-дизайнер — сравнительно молодая профессия, и профессиональное образование в области веб-дизайна в России пока не распространено. В связи с увеличением спроса на представительство в Сети растёт и спрос на дизайн сайтов, увеличивается количество веб-дизайнеров. В настоящее время услуги веб-дизайна предоставляют как веб-студии, так и частные лица (веб-дизайнеры, являющиеся фрилансерами).

Объяснение термина

Веб-дизайн — вид графического дизайна, направленный на разработку и оформление объектов информационной среды Интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. Подобная трактовка отделяет веб-дизайн от веб-программирования, подчеркивает специфику предметной деятельности веб-дизайнера, позиционирует веб-дизайн как вид графического дизайна[1].

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

Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств (см. юзабилити — «удобство использования»), а также кроссплатформенность (в данном случае — т. н. кросс-браузерность) вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в Интернете (интернет-маркетинг), то есть продвижение и реклама созданного ресурса, поисковая оптимизация.

Процесс и результат

Уникальный дизайн стоит дороже, но и предполагает отрисовку с нуля, полностью уникальную разработку под конкретный заказ. В зависимости от профессионализма и/или политики компании веб-дизайнер либо разрабатывает идею и концепцию дизайна полностью самостоятельно, либо получает ряд требований (цвет, стиль и т. п.), ожиданий и идей от заказчика или креативного директора (арт-директора) и старается держаться этого направления при разработке макета. Большинство заказчиков ошибочно отождествляют веб-дизайнера и веб-мастера, поручая ему и публикацию сайта.

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

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

Изображение первоначально может быть векторным или растровым, выполненным в Adobe Illustrator, Adobe Photoshop, GIMP или другом визуальном редакторе (например, Scribus или Inkscape), но для верстальщика изображение, как правило, переводится в растровый формат.

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