Путь к тому, чтобы стать хорошим веб-дизайнером

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

Речь идет о создании решений для людей, физических предметов или более абстрактных систем для удовлетворения потребности или проблемы,

говорит Стратегическая школа дизайна.

AIGA, Профессиональная ассоциация дизайна, пишет:

Дизайнеры отличают компании от своих конкурентов на рынке инновационными подходами к брендингу.

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

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

Давайте разберем это на потенциальной временной шкале, от первых шагов до более поздних этапов вашей карьеры и нескольких потенциальных ответвлений на этом пути.

Ваш первый веб-дизайн

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

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

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

Как стать хорошим веб-дизайнером?

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

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

Это вас учит:

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

Выше все отлично, кроме основ. В самом начале, скорее всего, вам не хватает этих знаний. Но не волнуйтесь! На все свое время. Как только что-то вызовет у вас интерес, погуглите. Лучший способ запомнить и понять - это практиковать это. Затем примените это. Намного лучше, чем просто читать книгу. В этом есть свои преимущества, но мы поговорим об этом в другой раз.

Советы по дизайну веб-сайтов: как улучшить вашу игру в веб-дизайне

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

Изучите основы дизайна

Мы уже упоминали основы несколько раз. Давайте дадим им целый раздел, так как он так важен, как кажется. Основы дизайна, основы искусства - все они взаимосвязаны. Вы должны иметь твердое понимание, чтобы применить их на практике. Здесь может помочь книга, поскольку она может помочь вам разобраться в основах, а затем структурировать их на основе.

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

• Универсальные принципы дизайна, пересмотренные и обновленные: 125 способов улучшить юзабилити, повлиять на восприятие, повысить привлекательность, принимать лучшие дизайнерские решения и обучать через дизайн
• Визуальная грамматика (краткие описания дизайна)
• Элементы дизайна, основы цвета: руководство по графическому стилю для понимания того, как цвет влияет на дизайн

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

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

Как только вы начнете разбираться в лучших практиках и общих правилах, вам будет проще копировать дизайн, просто взглянув на него один раз. Но пусть вас не вводит в заблуждение слово «основы». Тема широкая, на протяжении веков о ней написано бесчисленное количество книг, миллионы слов. Определенно достаточно, чтобы научиться на всю жизнь.

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

Как привлечь клиентов и повлиять на продажи с помощью вашего веб-дизайна

Дизайн для решения проблем

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

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

При создании веб-сайтов вы должны учитывать следующие главные цели:

• Сильное визуальное присутствие. Следуйте надлежащим руководящим принципам бренда, сделайте продукт узнаваемым, сохраняйте его единообразие во всем. Часто эти инструкции также переносятся в печать.
• Юзабилити . Это большая область пользовательского опыта в дизайне. Насколько легко людям пользоваться сайтом на всех возможных устройствах?
• Визуальная привлекательность. Проще говоря - это красиво? Конечно, он никогда не будет одинаковым для всех посетителей, но есть общие передовые методы, которые могут гарантировать, что большинство людей сочтут его привлекательным. Вероятно, это первое, о чем люди думают, когда вы говорите о веб-дизайне.
• Доступность . Подраздел юзабилити. Идея состоит в том, что каждая часть информации должна быть доступна всем людям и устройствам.
• Дизайн на продажу. Цель, требующая гораздо большего чтения и изучения. Если бы вы создали два разных дизайна для одного и того же контента (текста), какой из них будет продавать продукт лучше?
• Потребности бизнеса. Чтобы правильно понять бизнес и представить его наглядно. Это тесно связано с точкой визуального присутствия. Как дизайнеру вам также часто придется идти на компромиссы из-за бюджета.
• Техническая совместимость. Как бы нам ни хотелось, мы не можем ничего спроектировать и ожидать, что это сработает. В то время как технический прогресс позволяет нам делать почти все, бюджет проекта и задействованные люди могут быть недоступны. И как дизайнеры, мы должны это признать.

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

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

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

Концепции веб-дизайна: как создавать концепции в кратчайшие сроки

Учите других

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

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

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

Этот процесс обучения требует от вас еще более глубокого погружения во все, что вы уже узнали, чтобы представить это наилучшим и наиболее удобоваримым образом. Не каждый может стать учителем, наставником, и если вы уверены, что это не для вас, это нормально. Но все равно стоит попробовать!

30 лучших подкастов WordPress, которые стоит послушать в 2020 году

В конце концов

Как многие говорили, дело не в достижении конца, а в путешествии. И, к счастью для нас, есть что открыть, много увидеть и испытать, а также решить массу проблем. Чем больше вы узнаете, тем больше найдете.

Продолжайте учиться, продолжайте проектировать. Совет новичкам - сосредоточиться на практике. Создавайте ежедневно, читайте, когда вам нужно или когда вам нужно решить проблемы. Или когда тебе нужно отдохнуть. Для многих продвинутых дизайнеров советом было бы больше узнать о бизнесе, о психологии пользователей, прочитать тематические исследования и подписаться на других великих дизайнеров. Учите других!