Дизайн

Хороший дизайн виден сразу. Отличный дизайн незаметен.

Свое путешествие в мир дизайн, я хочу начать с определения того, что такое дизайн.

Что такое дизайн?

Приведу несколько определений дизайну:

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

Виды дизайна

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

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

• Графический дизайн – средство визуальной коммуникации. Или если сказать проще – это выражение идей, смыслов и ценностей через образы, изображения, шрифты, видео.
• Брендинг – это искусство поиска, уточнения смыслов и их переведения в точные образы, для увеличения прибыли бизнеса.
• Бренд-дизайн — проектная деятельность по созданию индивидуальной визуальной среды бренда, отображающей основные ценностные и эмоциональные характеристики продукта или услуги (смыслы) в средствах коммуникации (образы).
• Визуальная идентификация бренда – это его индивидуальность и то, как компания создает эту связь с аудиторией. Графический дизайн в айдентике использует визуальные элементы, которые передают фирменный стиль и создают лицо бренда. Айдентика может рассказать историю компании, передать опыт и эмоции.

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

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

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

• Анимационный дизайн – визуальное оформление для видео, телевидения и кино. Когда статический кадр начинает двигаться, а изображение оживает и приобретает смысл, тогда речь заходит о моушен-дизайне. Применяется для создания видеоклипов, оформления телевизионного эфира, заставок, титров в кино, рекламных роликов, для световых проекций и в качестве отдельного вида искусства.
• Направления: покадровая анимация (каждый кадр рисуется отдельно), стоп-моушен (похож на покадровую, но вместо рисования, каждый кадр фотографируется), шейповая анимация (анимация линий, типографики, геометрических фигур), трехмерная анимация (объемные предметы).

• Веб-дизайн – вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества
• Чем занимаются веб-дизайнеры: проектируют логическую структуру сайта; продумывают наиболее удобные решения подачи информации; занимаются художественным оформлением веб-проекта.
• Как дизайн становится рабочим сайтом: веб-программисты по макету пишут код, который в браузере отображается, как сайт. Пример кода:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Этот текст будет полужирным, 
            <i>а этот — ещё и курсивным</i>.
         </b>
      </p>
   </body>
</html>

Именно на этом виде дизайна, я собираюсь остановится подробнее.

Веб-дизайн

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

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

Сценарии работы веб-дизайнера:

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

Рабочий процесс веб-дизайнера. Независимо от того, где работает дизайнер, рабочий процесс везде похож.

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

В чем нужно разбираться веб-дизайнеру:

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

Специализации веб-дизайна:

• UX-дизайн (англ. user experience) – дизайн пользовательского опыта. Определяется тем, как как пользователи взаимодействуют с сайтом. UX-дизайнер решает задачи связанные с психологией, как человек принимает решения, исследует пользователей, проводит A/B-тестирование.

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

• UI-дизайн (англ. user interface) – пользовательский интерфейс. Визуализация прототипа, графическая структура проекта. Любой визуальный элемент, взаимодействие или анимация должны быть разработаны в процессе UI-дизайна. Представляет собой графический дизайн, цвет, фон, шрифты, кнопки, изображения и т.д.

Разница между UX и UI дизайном:

• UX-дизайнер планирует, как пользователь будет взаимодействовать с дизайном, чтобы достичь цели.
• UI-дизайнер создает дизайн, который отображается перед пользователем.

Обычно проектированием и рисованием дизайна занимается один человек, поэтому профессия пишется через слеш, как UX/UI-дизайнер.

Итог

Мы разобрались, что такое дизайн, какие виды дизайна бывают, разобрали подробнее веб-дизайн, из чего состоит работа веб-дизайнера, для чего нужен веб-дизайн и что такое UX/UI-дизайн.