3 ПРОСТЫХ ПРАВИЛА , НАУЧАТ СОЗДАВАТЬ КРУТЫЕ САЙТЫ

02.05.2018

Замечали ли вы, что уровень штатного веб-дизайнера в городе N отличается от дизайнера в крутой студии?

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

Загляните на фриланс-площадки. Там найдете веб-дизайнеров у которых за годы скопилось сотни проектов в портфолио, а уровень исполнения в стиле 2000-х. Работ много, но качество не изменилось.

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

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

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

И если вы новичок или выпали из общемировых трендов, то будете делать примерно так же плохо...

Бывают и исключения - самородки. Ими часто прикрываются нерадивые тренера, мол вот смотрите, у них же получилось:)

Что сделать для, того, чтобы у вас сформировалась правильная база знаний?

Вот 3 способа:

Способ 1 — Взять в привычку регулярно смотреть топовые работы
Каждый день по 20 минут просматривайте работы топовых дизайнеров c dribbble,
курируемые галереи на behance, работы топовых студий.

Не лишним будет просматривать сайты с галерей:
revision.ru
pinterest.com
awwwards.com
land-book.com

Анализируйте их дизайны. Отмечайте для себя приемы, которые используют в макете (цвет, компоновка, шрифты)..
Таким образом вы поймете, на каком уровне в принципе можно делать дизайн сайтов. Попробуйте найти "косяки" в дизайне. Это может быть неудачное решение в выборе цветового решения, нечитабельный текст и т.д.

Способ 2 — Повторяйте топовые дизайны для тренировки и оттачивания мастерства.
Если вы просто просматриваете дизайны, то вы упускаете детали. Например, вы увидели интересное решение для блока отзывов. Повторите ее один в один в редакторе. Отрисуйте все элементы блока и ваша база знаний будет пополняться качественно.

Способ 3 — Создавать учебные работы в стилистике топовых
Это уже сложнее, чем копирование. Берете топовую работу.
Анализируете каждую из 5 составляющих визуала: изображения, шрифты, цвета, композиция и форма элементов.
Отвечаете на вопрос, почему именно таким образом подобраны и обработаны изображения,
почему выбраны именно эти цвета, шрифты, композиция и форма. Создаете свой дизайн-макет в этой стилистике.
Будет проще создавать дизайн-макет по готовому прототипу, чем с нуля.

Способ 4 — Собирайте интересные решения в коллекции
Организуйте папки по типам блоков сайтов: главные экраны, галереи, карточки товаров, блоки с иконками, контактами.
Вы поймете,что есть очень много вариантов, как построить композицию любого блока.
Используйте пинтерест, в нем удобно собирать доски по разным темам.
Пользуйтесь букмарк-менеджерами типа toby или drop.io, в них удобно организовать закладки в коллекции.

Ставьте лайки и подписывайтесь, чтобы получать еще больше полезных статей.