Веб-дизайн для чайников 2.0: как прошла наша лекция (Фото)

9 февраля DesignTalk.club провел очередную лекцию, на этот раз – очень полезную лекцию для начинающих веб-дизайнеров, а также тех кто хочет стать веб-дизайнером! На фото ниже – наш замечательный лектор Катерина Шедель.

О чем же была наша лекция? Ниже вы найдете ее краткое изложение, а также фото с самой лекции 😉

Веб-дизайн для чайников

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

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

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

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

Таким образом, к составляющим веб-страницы относятся:

  • Структура ​(расположение информации, ее иерархия, ключевые смысловые акценты);
  • Модульная сетка;
  • Прототип ​(схема расположения всех элементов и алгоритм взаимодействия с пользователем);
  • Цвет ​(цветовая схема);
  • Типографика ​(шрифтовой ансамбль, иерархия текста)
  • Опыт ​(UI\UX)
  • Информация ​(маркетинг, цель, задачи страницы)

 10 принципов хорошего дизайна

  1. Хороший дизайн – инновационный.
  2. Хороший дизайн – удобный для использования
  3. Хороший дизайн – эстетичен.
  4. Хороший дизайн – понятен для потребителя.
  5. Хороший дизайн – ненавязчив.
  6. Хороший дизайн – честен.
  7. Хороший дизайн – актуален.
  8. Хороший дизайн – продуманный до последней детали.
  9. Хороший дизайн – экологический.
  10. Хороший дизайн – как можно меньше дизайна.

Автор, сформулировавший их, – Дитер Рамс (промышленный дизайнер, один из представителей школы функционализма. Им вдохновлялось немало известных дизайнеров, в частности, Джонни Айв из Apple)

О принципах обучения
Тремя китами вашего обучения являются теория, практика и пассивное обучение. Тремя важнейшими вашими качествами как специалиста будут эстетический вкус, структурная логика и т.н. soft skills – умение взаимодействовать с людьми.

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

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

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

Пассивное обучение
В основе пассивного обучения лежит вдумчивый анализ окружающих вещей. Попробуйте, глядя на наружную рекламу, или любой другой вид оформления понять: “нравится ли мне это решение, или нет, и в силу каких причин оно мне кажется недостаточно хорошим? Как можно было бы его улучшить?” Соответственно, окружайте себя красивыми вещами – посещайте выставки, смотрите в книжном магазине интересные примеры верстки, фиксируйте красивые следите за ресурсами, предлагающими интересные визуальные решения.

После этапа механического освоения графических редакторов, когда вы уже будете чувствовать себя уверенным пользователем программы, приобретенный пассивный опыт из наблюдений даст вам немало полезного для работы (три этапа освоения:

  • вы учитесь делать
  • вы учитесь делать красиво
  • вы учитесь делать красиво и функционально

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

До встречи на новых лекциях DesignTalk.club 😉

Позначки:

Залишити відповідь