Дизайнер что должен уметь: Что должен уметь дизайнер в 2020 году? – Сей-Хай

Что делает дизайнер? — Что должен уметь делать дизайнер?

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

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

Что должен делать дизайнер?

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

Руководствуясь своим профессиональным чутьем и эстетическим вкусом, дизайнер создает нечто, соответствующее поставленной перед ним задаче. В отличие от художника, дизайнер не вправе сказать: «Я художник, я так вижу».

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

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

Свои умения дизайнер может приложить в различных сферах — графика, полиграфия, промышленность, ландшафт, интерьеры, текстиль. Работа в определенной сфере требует знания технологических особенностей производства. Полиграфический дизайнер, например, понимает, что CMYK – это не «четыре страшные буквы»,  а цветовой профиль; интернет-дизайнер знает основные принципы построения страниц и верстки; специалист в области дизайна одежды имеет представление о том, как «ведет себя» ткань при крое, комбинировании и носке.

Что делает веб-дизайнер? Его ипостась: разработка макетов сайтов (порталы, интернет-магазины, лендинги), дизайн баннеров, иконки, интерфейсы мобильных и браузерных приложений. В идеале должен знать  юзабилити, основные веб-стандарты.

Что делает дизайнер рекламы

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

Что делает графический дизайнер? Сфера его «применения» — разработка модулей для СМИ, журналов, печатных изданий.

На нашей площадке представлены все «сорта» и «разновидности» дизайнеров. Талантливые и опытные – они готовы трудиться на благо вашего бизнеса!

Что должен уметь веб-дизайнер? Главные навыки веб-дизайнера | Глава 2

---

← Назад | Продолжение (Глава 3) →

(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)

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

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

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

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

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

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

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

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

Графический дизайнер

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

Графический дизайнер — очень широкое понятие. Раньше граф дизайнер совмещал в себе все роли, которые я перечислю ниже. Для многих людей за пределами дизайн-индустрии, любой UI/UX-дизайнер, веб-дизайнер или бренд-дизайнер — это просто “графический дизайнер”. Так что если не хотите долго объяснять свою должность на очередном семейном ужине, просто говорите, что вы графический дизайнер.

С точки зрения веб-дизайна, графический дизайнер это тот, кто создает статичную цифровую 2D графику, которую можно использовать в веб-дизайне.

Визуальный дизайнер

Рис 2.1: Визуальный дизайнер создает макеты сайтов, веб-приложений, мобильных приложений, а также руководства по стилю, шаблоны и т.п. Все примеры на картинке — работы с 

CreativeMarket.com.

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

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

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

Бренд-дизайнер

Рис 2. 2: Бренд-дизайнер в основном создает логотипы, руководства по стилю, руководства по брендингу, цветовые палитры, руководства по шрифтам, иконки, иллюстрации и другие элементы визуальной айдентики. В примерах выше — работы Benjamin Garner, Eddie Lobanovskiy и Claire Coullon.

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

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

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

Дизайнер интерфейсов (UI)

Рис 2.3: Дизайнер пользовательских интерфейсов создает макеты экранов приложений и руководства по стилю в интерфейсе. Примеры выше — работы Regen G., Cuberto и Greg Dlubacz.

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

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

UX-дизайнер

Рис 2.4: UX-дизайнер проводит исследования, интервью с пользователями и клиентами, создает пользовательские истории, пути пользователя (user flow), вайрфреймы и т.д. Примеры выше — работы Alex Sailer, Janna Hagan, Autumn Mariano, а также мои собственные проекты.

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

UX-дизайнеры прорабатывают весь процесс взаимодействия с продуктом с точки зрения пользователя. Их зона ответственности — чтобы клиенту было максимально просто и приятно работать и добиваться своих целей в продукте.

Работа по проектированию пользовательского опыта — это исследования пользователей, интервью с клиентами, определение проблем, поиск решений, рисование путей пользователя (user flows) и вайрфеймов.

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

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

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

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

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

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

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

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

Дизайнер-единорог

Рис 2.9: Дизайнер-единорог умеет дизайнить и кодить — и всегда сварганит чашечку чудесного кофе.

Ок, это не настоящая должность, а скорее внутрячковая шутка tech-стартаперов. Это такой универсал, который владеет и визуальным дизайном, и UI/UX, и проектированием взаимодействий, и продуктовым дизайном — ну и кодить конечно тоже умеет здорово.

Именно за этот невероятно редкий набор компетенций он и получил свое гордое название “дизайнер-единорог”.

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

Все зависит от ваших целей и предпочтений. Если вы терпеть не можете кодить, не нужно делать “через не хочу” — без желания и мотивации ваш код все равно будет посредственным. Но если вам нравится и дизайнить, и кодить, и вы можете освоить оба навыка на приемлемом уровне — то почему нет?

Из-за обилия информации, может показаться, что освоить дизайн сложно. Сфера развивается так стремительно, постоянно появляются новые роли — например, дизайнер дополненной реальности или дизайнер 3D моделей.

Не ставьте себе цели изучить все: учитесь с умом и концентрируйтесь на том, что действительно хотите делать. Если вас привлекает цифровой дизайн (сайты, приложения, веб-инструменты и т. п.) — уделяйте максимум внимания визуальному и UI/UX дизайну.

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

Ни больше, ни меньше.

(с) Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.

---

← Назад | Продолжение (Глава 3) →

Что должен уметь веб-дизайнер? Главные навыки веб-дизайнера

Вокруг профессии веб дизайнера ходит много мифов. Давайте я расскажу вам про 8 базовых навыков веб-дизайнера.

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

youtube.com/embed/EgImRV_h5dc?list=PLettrGtkBMerDELB4Qcd-5oJ3Ib324mu4&showinfo=0″ allowfullscreen=»allowfullscreen»/>

Вообще, что нужно знать знать веб-дизайнеру? Как создавать сайты и как находить клиентов 🙂 (рис.1)

Рис.1 Что должен уметь делать веб-дизайнер ( 8 базовых талантов веб-дизайнера, 10 способов найти клиентов на веб-дизайн)

8 навыков веб-дизайнера

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

1. Работа Photoshop ( или Sketch)
2. Понимать смысл сайта
3. Делать прототип и расставлять  акценты
4. Дизайн: цвет
5. Дизайн: шрифты
6. Дизайн: картинки
7. Magic
8. Profit

Что можно не уметь веб-дизайнеру:

1. Рисовать. На начальном этапе абсолютно не важен этот навык.
2. Html/css. Также нет необходимости тратить на это время на начальном этапе.
   
   1. Что нужно знать веб-дизайнеру про Photoshop

Если мы говорим про графическую программу, то у меня есть замечательное  видео «Дизайн сайта в Photoshop с нуля за 60 минут». Посмотрите его. Это все, что нужно знать веб дизайнеру про работу в Photoshop. (рис.2)

Рис.2 Дизайн сайта в Photoshop с нуля за 60 минут

Кстати, рекомендую посмотреть прямо сейчас:

2. Что должен уметь веб-дизайнер при упаковке смыслов

Что еще должен уметь веб-дизайнер? Ему необходим навык упаковки смыслов. Сайт — это рассказ. Блок сайта — это какой-то определенный смысл, например, короткое предложение. И чтобы сделать хороший сайт, нужно определиться, что вы хотите рассказать и какие смыслы до человека донести. В веб-дизайне навыки по выделению смыслов обязательны.

Если бы у этой статьи был сайт, то смыслы были вот такие (рис.3):

Рис.3 Смыслы

3. Веб-дизайн: что нужно знать об иерархии

Хорошо, вот мы смыслы выделили и сформулировали. Что еще нужно, чтобы стать веб дизайнером? Правильно их расположить на сайте.

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

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

Рис.4 Иерархия

4. Что нужно, чтобы стать веб-дизайнером? Знать типографику!

Что еще нужно уметь веб-дизайнеру, так это выбирать шрифты для сайта. Есть классические шрифты (Helvetica, Arial, Tahoma), которые нормально отображаются на всех страницах. Есть кастомные шрифты, Google font. Так называемые «подгружаемые шрифты». Это шрифты, которых нет на компьютерах и их можно подключить через Google.

На первом этапе, на самом деле, не стоит сильно «играться» в шрифты. Достаточно выбрать какой-то классический (один). Чем хороши классические шрифты? Они проверены временем. Не стоит гнаться за какой-то новизной, лучше возьмите, то что уже работает. И с этого начните свой путь. Тем более, что навыки веб-дизайнера шрифтами не ограничиваются.

Если говорить о конкретных шрифтах, то лично я люблю Proxima Nova. Я выбрал его. Я выделил заголовок пожирнее, еще немножко акцентов добавилось (рис.5).

Рис.5 Иерархия (Proxima Nova)

5. Навыки веб-дизайнера: как подбирать графику?

Многие думают, что для того, чтобы стать веб-дизайнером, просто необходимо уметь создавать графику самому.
Это не так. На начальном этапе графику я бы вообще делегировал на стоки. Если я что-то сделать не могу, то проще взять какого-то человека, который в этом хорошо разбирается. То есть если я не умею рисовать, допустим иконки, то я лучше пойду на сток и найду там хорошие иконки. Если я вообще не рисую иконки, то я лучше доверюсь дизайнеру, который рисует эти иконки 5-10 лет и у него или скачаю (если они в бесплатном доступе), или куплю. И тогда проект получается качественным. В общем на этом этапе мы подбираем какую-то графику, подбираем картинки,например, на стоках (рис.6). Поверьте, умение рисовать — вообще не основной навык в веб-дизайне.

Рис.6 Иерархия с добавлением графики

6. Что нужно знать о работе с цветом в веб-дизайне

Главное, что должен знать веб-дизайнер о работе с цветом: цвета можно брать из кулера. Сайт Adobe-kuler (https://color.adobe.com/ru/create/color-wheel/). Там есть уже гармонично подобранные цветовые палитры. Либо можем брать уже готовую палитру с другого сайта и смотреть, чтобы у нас эти цвета гармонично сочетались. Опять же не сильно углубляясь с теорию цвета (теплые/холодные оттенки), вот эти два способа самые простые и рабочие. То есть если вы будете изучать цвет, вам понадобится гораздо больше времени, чтобы сделать осознанный качественный выбор цвета. Если вы идете на сайт Kuler и берете готовую хорошую палитру или идете на какой-то другой сайт, который уже хорошо сделан и заимствуете от туда цвета – это быстрый путь и это работает (рис.7).

Рис.7 Иерархия с добавлением цвета

7. Самое главное, что должен уметь веб-дизайнер

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

Рис.8 Магия

И в совокупности магия – это ваш опыт. Опыт не столько дизайна, а вообще насколько широк ваш кругозор. Вы можете какие-то вещи из совершенно не дизайнерских отраслей брать и это будет на вас влиять. Это будет та самая магия, которую пользователь не заметит, но почувствует. Поэтому что реально нужно, чтобы стать веб-дизайнером? Широкий кругозор!

Например, National Geographic (рис.9). Казалось бы, что такое сайт ? Набор текста и картинок, но когда это все вместе работает, гармонично подобрано и продумано, и выглядит очень круто, смотришь и цепляет.

Рис.9 Сайт National Geographic

Еще один пример, смотрим видео (рис.10).

Рис.10 Welcome to reimagination

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

8. Как получить profit от своих навыков веб-дизайнера?

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

Я выделил такие пункты:

1. Не работать дешево

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

 2. Брать предоплату

Веб-дизайнеру нужно уметь брать предоплату. Всегда. Не стоит так: «мы сейчас начнем, а заплатим потом». Когда дизайнер делает что-то без предоплаты, то это признак того, что скорей всего у дизайнера это первый проект. И это опять же знак для клиентов, что дизайнер – новичок.

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

3. Повышать качество и стоимость.

И не нужно нам сейчас все знать, много изучать, тратить время на лишние. Нужно не подтягивать недостатки, а усиливать основное преимущество. Стоит выбрать одно направление и его усиливать. Если мы выбираем направление веб-дизайн, то не стоит изучать html, логотипы, фирменные стили, иконки. Стоит сфокусироваться на создании хороших, качественных сайтов (рис.11). Это основной навык веб-дизайнера и то, что нужно уметь.

Рис.11 Основное преимущество

Это как в играх. Это скриншот из World of Warcraft (рис.12). У каждого персонажа есть дерево талантов и с опытом, со временем у вас появляются очки, которые вы можете на каждый талант потратить. Чем  вы глубже идете по этому дереву талантов, тем круче у вас появляются навыки.

Рис.12 Скриншот из World of Warcraft

Что будет, если вы вкладываетесь и сюда, и сюда? Например, вы средненько делаете фирменные стили, логотипы, средненько верстаете, все средненько —  так вы никогда не сможете нормально зарабатывать, распыляясь. Если вы прокачиваете один уровень, вы быстро пополняете навыки, вы пополняете свое портфолио и выглядите просто дороже.

Дальше, когда вы уже поняли, что где-то вот оно «ок»,то можно наращивать остальные части ( всегда можно прокачаться по html/css, посмотреть как это все работает, плакатик попробовать нарисовать и т.д. ) . Но только когда вы дошли до супер скила, то вы начинаете какие-то дополнительные скилы вкладывать. У дизайнера тоже самое. Для работы в web дизайне не нужно знать html, это дополнительная опция.

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

Навыки и инструменты fullstack-дизайнера | Медиа Нетологии

---

Кросс-платформенный онлайн-редактор, который работает на Windows, macOS, Linux. В нём можно работать всей командой, в том числе с заказчиками. Бесплатный для одного пользователя и платный для работы с командой.

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

Приложение Adobe для отрисовки интерфейсов. Плюсы и минусы аналогичны Sketch. XD заметно менее популярен по сравнению с Figma и Sketch.

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

HTML + CSS + JavaScript

Это базовые технологии, на которых строятся сайты.

HTML нужен для разметки страницы. CSS — для её стилизации. JavaScript позволяет взаимодействовать со страницей.

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

Фреймворки React, Vue, Angular, Svelte

Фронтенд-фреймворк — набор инструментов, который позволяет создавать шаблоны и позволяют упростить работу с HTML, CSS и JavaScript.

Нужно определиться, на каком фреймворке вы хотите специализироваться. Лучше выбирать между React — самым популярным — и Vue. Самый хайповый — Svelte.

Для разработки мобильных приложений среди веб-фреймворков самый популярный — React Native.

Советуем пробовать всё по чуть-чуть, а выбирать — по своим впечатлением с учётом тех задач, которые вы хотите решать.

CSS-фреймворк Tailwind CSS и другие

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

Пример написания кода в Tailwind CSS

Вы можете писать код, стилизовать компонент и делать адаптивную вёрстку непосредственно в HTML. Это удобно — не нужно придумывать названия свойств, что для некоторых превращается в мучительный процесс.

Другим популярным фреймворком является Bootstrap. Его отличие от Tailwind в том, что он содержит готовые компоненты — вроде кнопок, форм, сетки — и предполагает, что вы будете придерживаться его или настраивать его под себя.

Попробуйте оба подхода, чтобы самостоятельно узнать разницу.

Есть мнение, что знание бэкенда необязательно для профессии fullstack-дизайнера. Возможно, но судите сами: запустить даже статичный сайт без знания бэкенда невозможно. Под бэкендом подразумевается взаимодействие с сервером — например, для создания ссылки на оплату в Яндекс.Кассе. Чтобы скрыть секретные ключи для создания такой ссылки, используется серверная часть, где они прописываются.

Fullstack-дизайнер должен знать основы безопасности данных. Например, понимать, что можно выводить на фронтенд, а что — нельзя.

Serverless

Бессерверный подход к разработке приложений — наиболее подходящий способ backend-разработки для fullstack-дизайнера. Не нужно настраивать или поддерживать сервер — это сильно экономит время и повышает надёжность системы.

MongoDB, PostgeSQL и другие базы данных

Если нужно подключить базу данных, например, для сохранения заявок, тогда потребуется изучить MongoDB. Для упрощения работы с этой частью backend есть облачные сервисы вроде Mongo Atlas.

---

Перечисленные инструменты фронтенда при работе с несколькими большими проектами на большом дисплее требуют от 16 ГБ оперативной памяти и желательно 6-ядерного процессора для комфортной работы.

Также рекомендуем работать на большом экране — ноутбук с 15- или 16-дюймовым экраном и монитор от 27 дюймов, если часто работаете за одним столом (когда компьютер стационарный или можно подключить ноутбук к монитору).

8 навыков, которыми должен обладать каждый графический дизайнер

Попадая на тот или иной сайт, посетители очень редко читают весь представленный текст, что существенно снижает эффективность контент-маркетинга. Чтобы люди задержались на вашем сайте, прочли всю информацию и завершили свое посещение нужным вам действием (как правило, оформлением заказа товара или услуги), необходимо хорошенько поработать над его внешним видом. Доказано, что фотографии, схемы, инфографика и прочая визуализация на сайте увеличивает конверсию как минимум на 10%. Качественное наполнение информацией в тандеме с привлекательным дизайном – основа создания интернет-ресурса, который будет надолго задерживать посетителей и возвращать их снова и снова. Высокий спрос на веб-дизайн сделал профессию дизайнера очень востребованной. Работая в этой современной развивающейся сфере можно заработать большие деньги уже на стартовом этапе. И сейчас мы рассмотрим 8 важнейших навыков, которыми должен владеть каждый графический дизайнер, желающий добиться успеха:

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

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

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

Иногда клиенты хотят увидеть на своих сайтах больше, чем просто графические объекты, например, небольшую анимацию или интерактивную инфографику. Чтобы смело браться за такие заказы и работать над более сложными и масштабными проектами, дизайнер должен владеть мультимедийными программами (After Effects, Acrobat, Maya и др.).

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

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

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

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

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

Однако, если у вы уже обладаете этими умениями, то приглашаем вас оставить свои контакты и ссылки на портфолио на этой страничке!

Для того, чтобы первыми получать информацию о всех статьях и скидках от Shubalab − подписывайтесь на нашу рассылку http://eepurl.com/bmB4X1

Что должен знать и уметь дизайнер одежды?

Сделай репост, чтобы не потерять

Вчера (24 декабря) состоялся вебинар «Дизайнер одежды: хобби и прибыльная профессия — как и где учиться в России», на котором Кейт Роменски и Станислав Алехин рассказали, что должен знать и уметь дизайнер одежды, что входит в его работу, как и где учиться на дизайнера одежды и откуда брать вдохновение, черпать новые идеи и как придумывать одежду. Посмотреть вебинар можно по ссылке >>>

Кейт рассказала о самых необходимых навыках, которыми должен обладать каждый дизайнер одежды. Давайте разберемся в этом вопросе.

Креативность

Это самый первый навык, которым должен обладать дизайнер одежды. Но следует учитывать один нюанс – креативность должна быть осознанной. То есть вы садитесь, начинаете творить, но при этом у вас есть конкретная цель, вы должны знать, зачем  и почему. Например, при создании коллекции вы не ждете, когда придет вдохновение, вы знаете специальные способы, как получить креативные идеи. Этот процесс один из самых любимых у нашего креативного директора Кейт Роменски, она постоянно придумывает различные упражнения, постоянно что-то придумывает и творит, но при этом у нее всегда есть конкретная цель. Эти упражнения меняют ваше восприятие мира, позволяют выйти за рамки, раздвинуть границы. Если говорить об осознанной креативности, то вы должны понимать, что допустимо, а что нет. Создавая коммерческую коллекцию, вы знаете, что процент креативности нужно снизить до 15-20%. А если вам необходимо придумать сумасшедший наряд для сьемки, тогда можно себя не ограничивать.

Анализ и переработка информации

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

Рисунок

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

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

Конструирование и моделирование

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

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

Посмотреть вебинар можно по ссылке >>>

Если вы следите за событиями в Fashion Element, то знаете, что на вебинаре «Как и чему учат дизайнеров одежды в Англии» Кейт Роменски дала всем присутствующим особое задание, которое она узнала во время обучения в колледже Святого Мартина. Посмотреть вебинар можно по ссылке >>>

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

Екатерина Костарева. Получает личную консультацию от Кейт Роменски

#GALLERY#

Надежда Ланкина. Получает на 1 месяц доступ в ПОДПИСКЕ.

#GALLERY2#

 

 

Сделай репост, чтобы не потерять

100 вещей, которые должен знать UX/UI дизайнер

Архитектор Майкл Соркин недавно умер от коронавируса, и в знак уважения к его прекрасному произведению «250 вещей, которые должен знать архитектор», я составил список из 100 вещей, которые должен знать UX / UI-дизайнер.

Некоторые из них практичны, некоторые поэтичны, но все они воздают должное удивительной сложности проектирования вещей для людей.

1. Угловой размер читабельного текста

Около 0,3 ° от базовой линии до высоты прописных букв. Независимо от того, читаете ли вы текст на телефоне или на билборде, это хороший минимум для обычного текста. Подробнее здесь.

2. Как использовать желтый в качестве цвета бренда

7 дней дизайн-перезагрузки

Мощнейние спикеры, самое дружелюбное дизайн-комьнити и желание делать клевый дизайн.
Скидка 10% по промокоду UXPUB

Присоединиться

В сочетании с черным или темно-серым. Избегайте желтого текста. Используйте черный или насыщенный оранжевый оттенок на желтом фоне.

3. Лучшие паттерны для отображения таблиц на мобильных устройствах

Просмотрите этот список от Брэда Фроста

4. Как обучить клиента, давать вам хороший фидбек

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

5. Что бы делали ваши пользователи, если бы они не использовали ваше приложение

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

6. Какой продолжительности должна быть анимация при наведении курсора (в миллисекундах)

100 мс – 250 мс – это довольно быстро. Затухание на 500 мс будет казаться медленным, и, если у нескольких близлежащих элементов есть такие затухания, пользователю будет казаться, что он оставляет курсором «рябь».

7. Что такое графический хлам

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

8. Элемент больше всего замедляющий загрузку вашего сайта

Для моего сайта, изображения. А у вас? Первый шаг, проверьте с помощью Google PageSpeed Insights.

9. Что такое смещение освещения сверху вниз

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

10. Знаки пунктуации расположенные на поле страницы (Hanging punctuation)

Это знаки препинания, расположенные перед текстом в левом поле, чтобы создать более сильное чувство выравнивания. Например, открывающие кавычки, тире или маркеры. Подробнее здесь.

11. Почему определенные цвета конфликтуют

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

12. Рыночная ставка для участников юзабилити-тестирования (60-минутная сессия)

Для США: 50 долларов на низком уровне, 100 долларов – щедрая оплата, а для специалистов – больше.

13. Как выглядел лучший дизайн 1000 лет назад

Как говорится: «Типографика – это 90% дизайна рукописи».

14. Как сделать дизайн, который будет понят через 10 000 лет в будущем

Эти постапокалиптические индикаторы ядерных отходов – хорошее начало.

15. Как сайты зарабатывают деньги

Реклама, подписки, партнерский маркетинг, электронная коммерция, торговые площадки.

16. Как сайт вашего клиента зарабатывает деньги

И, конечно же, ваш дизайн помогает ему заработать еще больше денег.

17. Почему художники никогда не используют черный

Потому что черный редко встречается в реальном мире. Более темные цвета обычно насыщаются каким-либо цветом. Подробнее.

18. Подходящее количество символов в строке для основного текста

Приблизительно 50-75 символов.

19. Как создать сообщение об ошибке, когда цвет вашего бренда красный

Используйте для ошибок желтый или оранжевый цвета. Уменьшите присутствие на странице красного цвета бренда, и пользователи увидят ошибки. Ограничьте ввод, чтобы избежать ошибок (например ,input masking).

20. Когда использовать систему сеток

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

21. Когда не следует использовать систему сеток

Большинству адаптивных дизайнов не следует использовать жесткую сетку из 12 столбцов. Подробнее.

22. Когда центрировать текст

Только при наличии менее 3 строк. И даже в этом случае редко.

23. Когда выравнивать текст по правому краю

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

24. Когда использовать новую антикву (didone)

Для брендов, которым нужно изобразить роскошь или стильность.

25. Когда использовать шрифт с прямоугольными засечками

Начинающим дизайнерам почти никогда. Продвинутые дизайнеры сами знают.

26. Минимальный размер области нажатия на iOS и Android

На iOS: 44x44pt. На Android: 48x48pt.

27. Паттерны отображения результатов поиска

Автозаполнение, выделение запросов, автокоррекция, состояние «нет запроса», состояние «нет результатов», результаты нескольких типов и т. д. Подробнее.

28. Паттерны фильтрации результатов поиска

Фильтрация на боковой панели vs. фильтрация на верхней панели, отображение отфильтрованного состояния vs. Комбинированный список и т. д. Подробнее.

29. Размеры экрана популярных мобильных устройств

Важнее всего ширина. Для iPhone 375pt является наиболее распространенным размером. Для Android 360pt. Подробнее.

30. Какой процент людей посещает ваш сайт с мобильного телефона

Сайт автора всего 20% пользователей.

31. Почему Gmail выделяет ваш поисковый запрос в раскрывающемся списке автозаполнения, а Поиск Google выделяет все, кроме вашего поискового термина, в раскрывающемся списке автозаполнения

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

32. Когда использовать гистограмму, линейный график и круговую диаграмму

Гистограммы и линейные диаграммы похожи, однако, линейные диаграммы более тесно связаны с временными рядами и их легче читать при большом количестве серий. Используйте круговые диаграммы только для категорий, которые в сумме составляют 100%; Гистограммы лучше всего подходят, когда один элемент может отображаться в нескольких категориях.

33. Разница между насыщенностью и яркостью

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

34. Шрифт на мемориальной доске, которую Нил Армстронг оставил на Луне

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

35. Что написано на пластинке космического корабля «Пионер»

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

36. Разница между индуктивным и дедуктивным мышлением

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

37. Почему гуманистические шрифты часто кажутся теплее и дружелюбнее, чем другие шрифты без засечек

Они основаны на почерке – в отличие от геометрических шрифтов.

38. 3 самых популярных шрифта в Google Fonts (для масс)

Roboto, Open Sans и Lato. Последними двумя изрядно злоупотребляют, так что, по возможности, избегайте их. Подробнее.

39. 3 самых популярных шрифта на сайте Typewolf (для законодателей моды)

Apercu, Futura и GT America. Подробнее.

40. Все сочетания клавиш в вашем любимом инструменте проектирования

Обратите внимание, что Sketch и Figma имеют практически идентичные сочетания клавиш.

41. Как создавать сочетающиеся иконки

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

42. Размерность цвета

Цвет – это 3 измерения, измеряете ли вы его в RGB, CMY, HSB, HSL или Lab. Понимание того, что любые два цвета могут различаться тремя способами, позволяет более четко продумывать создание цветовых вариаций.

43. Размер текста по умолчанию в большинстве веб-браузеров, iOS и в Material Design

Веб-браузеры: 16px. iOS: 17pt. Material Design: 16px. Подробнее.

44. Как создать интерфейс, используя только один цвет

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

45. Как создать интерфейс не используя цвета

Проектируйте в оттенках серого.

46. ​​Почему шрифты с большой высотой по оси x более разборчивы

Из-за их орнаментированных строчных букв, которые выше относительно размера текста, что облегчает их различие.

47. По меньшей мере 5 способов нанесения текста поверх изображений

Наложения изображений, тени для текста, floor fades, scrims, текст в рамке и многое другое.

48. Рекомендации WCAG по контрасту для основного текста

4.5:1, чтобы соответствовать AA стандартам.

49. Рекомендации WCAG по контрасту текста для заголовков

3:1, чтобы соответствовать AA стандартам.

50. Что Леонардо Да Винчи рекомендовал начинающим художникам

Копирование, конечно

51. Самые полезные режимы наложения

Darken отлично подходит для отображения изображений с белым фоном на слегка затемнённых цветах. Слои черного в режиме Overlay или Soft Light создают более темные вариации слоя, расположенного под ними. Черные слои в режиме Multiply могут быть альтернативой затемнению изображения. И наоборот, белый слой в режиме Overlay может сделать изображение более размытым, но с более яркими цветами, чем простое снижение насыщенности.

52. Принципы хорошей композиции

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

53. Где найти фотографию, которая не выглядит стоковой

Я предпочитаю Unsplash, Pexels и Pixabay.

54. Четыре причины, по которым пользовательский поисковый запрос может не давать никаких результатов

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

55. Как написать сообщение об ошибке

Будьте вежливы. Будьте кратки. Не используйте жаргон. Рекомендуйте порядок действий. Помните, что пользователь будет видеть это в нижней точке своего опыта использования приложения.

56. Как написать призыв к действию

Избегайте стандартных фраз («нажмите здесь»). Предоставьте пользователю преимущество («Запустите бесплатную пробную версию»). Сделайте его актуальным для пользователя, учитывая все, что вы о нем знаете. И сделайте кнопку заметной.

57. Как работает программа чтения с экрана

Текст начитывается. Элементы управления – и их состояние – описывается. Сочетания клавиш могут использоваться для пропуска элементов различных типов – строк поиска, заголовков, ссылок и т. д. Внезапные изменения интерфейса (например, уведомления) могут быть проблематичными. Может помочь семантический HTML, дополненный ARIA-метками.

58. И как много людей использует программы чтения с экрана

Примерно 7 миллионов человек в США сообщают о нарушениях зрения.

59. Что не стоит указывать в своем дизайнерском портфолио

Проекты, которые вы бы не сделали снова. Работа, не связанная с дизайном. Фотография. Подробнее.

60. Как представить дизайн

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

61. Что значит «довольствоваться минимумом»

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

62. Что важнее эстетика или юзабилити

Юзабилити. Подробнее.

63. Что такое распределение Пуассона

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

64. Закон Якоба

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

65. Инструменты разработки браузера

По крайней мере, достаточно для изменения текста, стиля и загрузки изображений.

66. 3 причины не использовать «карусели»

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

67. Что такое закон локальности

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

68. Разница между другом и другом на Facebook

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

69. Как работает PageRank

Алгоритм Google для ранжирования важности веб-страниц. Короче говоря, оценка каждой страницы определяется оценкой сайтов, ссылающихся на нее, которые, в свою очередь, определяются ссылками на них других сайтов и т. д. Подробнее.

70. Компромисс между использованием и исследованием

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

71. Различные типы мобильных клавиатур

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

72. Психология агрессивного вождения

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

73. 10 элементов управления, которые вы можете использовать вместо выпадающих меню

Сегментированные кнопки, переключатели, карточки, буфер клавиатуры, и т. д. Подробнее.

74. Что такое дополнительные товары и товары-заменители

Дополнительные товары – это вещи, которые вы покупаете в дополнение к оригинальной вещи, например, арахис с желе. Товары-заменители вы покупаете вместо оригинальной вещи, например, миндальное масло вместо арахисового. Это две мощные парадигмы при рассмотрении того, какой контент вы можете порекомендовать своим пользователям. Подумайте, что они ищут, и что может дополнить или заменить это.

75. Чего хотят экраны

Фрэнк Кимеро говорит, что они хотят постоянного движения (flux) – то есть изменяться. Брет Виктор называет это волшебными чернилами (magic ink). Без разницы.

76. Почему вы не должны слушать своих пользователей

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

77. Как провести A/B тестирование

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

78. Когда не следует проводить А / B тестирование

Хороший дизайнер готов поддержать свой инстинкт и признает, что большинство A / B-тестов не дадут значимых результатов.

79. Как писать

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

80. Как редактировать

Распечатайте текст и прочтите его вслух. Перефразируйте то, что режет слух. Представьте, что вам платят 1000 долларов за каждое слово, которое вы убираете. Помните: читатель не заметит все удачные куски, которые вы удалили. Он будет судить только по тем хорошим моментам, которые вы оставили.

81. Как хорошие онлайн-сообщества становятся плохими

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

82. Правило 80-20

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

83. Как сделать неплохой логотип

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

84. Почему игры – это весело

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

85. Почему азартные игры вызывают привыкание

В общем: переменное вознаграждение, иллюзия контроля, заблуждение азартного игрока (вера в то, что множество проигрышей означает, что вы «должны» выиграть), и, конечно, тот факт, что это игры, а игры – это весело.

86. Массимо Виньелли сказал, что ему нужно только 5 шрифтов

Bodoni, Helvetica, Times Roman, Century и Futura.

87. Есть по крайней мере два десятка шрифтов, на которые следует обратить внимание

Если вы можете распознать 5 любимых шрифтов Виньелли, то этот (Avenir), и 3 самых популярных шрифта Google Fonts и Typewolf – это уже половина.

88. Где найти вдохновение

Dribbble все еще лучший вариант. Простите, хейтеры. Подпишитесь на меня здесь.

1. Почему в меню модных ресторанов в ценах не указывают центы

Элегантность в простоте. Если вы хотите лучший товар, то цена — это мелочь. Кроме того, цена: «$ 9,99», как бы говорит вам: «Мы стараемся, чтобы это выглядело дешево».

90. Пять способов уменьшить беспорядок на странице

(A) Удалите элемент. Если это невозможно, (B) облегчите его, или (C) поместите его позади меню. В крайнем случае, просто (D) выровняйте его с другими элементами и (b) сделайте его совместимым с ними, чтобы он не выделялся.

91. Эффект нулевой цены

Людей гораздо больше интересует то, что бесплатно, чем то, что недорого стоит.

92. Разница между шрифтами Helvetica и Arial

Разница незначительная. Гари Хаствит много сделал для сферы дизайна. В любом случае: Helvetica имеет горизонтальные / вертикальные концевые элементы.

93. Пять альтернатив

Подойдет практически любой гротеск. Последние альтернативы: Inter, Roboto, Acumin, Nimbus, Neue Haas Unica.

94. Как задавать вопросы, чтобы не получить предвзятый ответ

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

95. Протоптанная тропинка

Когда пользователь создает свое собственное решение проблемы, вызванной вашим решением. Если вы встретите такую «тропинку», проанализируйте ее. Подробнее.

96. Как бы это работало, если бы оно было волшебно

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

97. График творца vs график менеджера

Чаще всего дизайнеры и разработчики лучше всего работают большими непрерывными отрезками времени. Менеджеры и руководители больше похожи на живые распределительные щиты. Поймите оптимальные потребности ваших членов команды и отрегулируйте соответственно. Подробнее.

98. Кто ваш идеальный клиент

Будьте конкретны. Как только вы назовете имена, вы сможете начать медленно продвигать свою карьеру в их направлении. Я, например, хочу работать на Rigetti. А вы?

99. Компромисс между высотой и длиной строки

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

100. Что бы вы не спроектировали, даже за все деньги мира

Рисование линий – это хороший способ не дать себе их пересечь.

10 навыков, которые делают отличного дизайнера | от Хосе Торре

Мне нравится сравнивать принципы дизайна с древними библейскими заповедями. Если вы будете им следовать, у вас будет место на небесах дизайна (то есть счастливый пользователь / аудитория), если вы этого не сделаете, вас «накажут» .

Однако, в отличие от заповедей, принципы дизайна — это не список вещей, которые вы должны / не должны делать, это просто список общих рекомендаций, которые призваны помочь вам справиться с основными человеческими ожиданиями и поведением.

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

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

Если вы хотите узнать больше о принципах, я уже писал статью о принципах визуального дизайна (#shamelessplug).

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

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

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

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

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

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

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

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

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

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

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

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

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

Проектирование — это во многом упражнение с использованием эмпатии (с вашим целевым пользователем) и интуиции, чтобы найти возможных решений проблемы. Я хотел бы выделить слово , возможно, , потому что это все, что они есть на самом деле, пока вы его не подтвердите.
Как дизайнеру очень сложно и опасно говорить, что у меня есть ИДЕАЛЬНЫЙ ответ, не заставив людей взглянуть на него и попробовать его.

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

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

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

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

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

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

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

Я написал статью, которая затрагивает эту тему, тоже в прошлом (# shamelessplugnumber2).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15 навыков, необходимых для успешного дизайнера

Подходит ли вам технология? Пройдите нашу 3-минутную викторину!

Ты выучишь: Если вам подходит карьера в сфере технологий Какая техническая карьера соответствует вашим сильным сторонам Какие навыки вам понадобятся для достижения ваших целей

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

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

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

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

Уже знаете, что карьера дизайнера для вас? Попадите в список, чтобы узнать, когда откроется наш план карьеры визуального дизайнера для регистрации. Зарегистрируйтесь здесь, чтобы узнавать первым.

1. UX-дизайн

Дизайн пользовательского опыта (UX) — это то, как контролировать (или, по крайней мере, влиять) на то, как пользователи воспринимают ваш дизайн. Работая над UX, вы будете думать о психологии пользователя: какие цвета вызывают у людей щелчки? Как долго пользователь будет прокручивать страницу вниз? — и объедините это с соглашениями о дизайне и шаблонами, которые являются стандартными в отрасли.

2. Дизайн пользовательского интерфейса

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

3. Информационная архитектура

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

4. Адаптивный дизайн

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

5. Общие шаблоны проектирования

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

6. Основы графического дизайна

Веб-дизайнеры должны знать, как создавать эстетичные визуальные элементы для веб-сайта или веб-приложения. Многие основы графического дизайна (баланс, гармония, иерархия и т. Д.) Применимы к веб-дизайну так же, как и к дизайну для печати. Если вы «разбираетесь в дизайне», некоторые из этих концепций могут быть интуитивно понятными, но если вы хотите стать дизайнером, важно потратить некоторое время на то, чтобы прочувствовать основы.

7. Типографика

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

8. Теория цвета

Color оказывает ОГРОМНОЕ влияние на то, как пользователи воспринимают веб-сайт. Изменение цвета дизайна с приглушенного зеленого на ярко-розовый может кардинально изменить эффект, который оказывает дизайн. Создание цветовых палитр, передающих нужные эмоции, — жизненно важный навык для любого дизайнера.

9. Композиция

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

10. Программное обеспечение для проектирования

Вам определенно нужно знать, как использовать инструменты торговли, если вы хотите стать дизайнером. Две самые популярные программы общего дизайна — это Adobe Photoshop и Sketch.Вы должны владеть хотя бы одной из этих программ, хотя знание обеих может оказаться полезным. По мере того, как вы станете более продвинутыми, вам также захочется окунуться в такие программы, как Adobe Illustrator и InDesign. Существуют также специализированные программы дизайна для таких вещей, как макеты, дизайн шрифтов и макеты, которые вы будете изучать по мере необходимости.

11. Связь

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

12. Пользовательское моделирование

Пользовательское моделирование включает в себя создание и использование «пользовательских образов» и сценариев для создания лучшего дизайна. Это означает, что нужно представить себе пользователя и создать подробный аватар пользователя, который будет посещать сайт или использовать продукт, и использовать его для информирования дизайна. Это включает в себя придумывание общих сценариев (что, если пользователь заходит, чтобы найти контактную информацию?) И решение проблем для определенного типа пользователей.Представляя пользователей, которые будут использовать веб-сайт или продукт, который вы создаете, вы можете создать индивидуальный дизайн, который поможет конечному результату лучше найти отклик у ваших пользователей.

13. Пользовательское тестирование

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

14. Ограничения

Несмотря на то, что вы можете делать удивительные вещи с помощью современных веб-технологий, есть ограничения. Некоторые из этих ограничений зависят от типа устройства (то, что вы можете делать на смартфоне, зависит от возможностей ноутбука), а некоторые зависят от браузера (Firefox работает иначе, чем Chrome, который работает иначе, чем Internet Explorer). А некоторые из них просто пока вообще невозможны.Как дизайнеру важно знать, на что действительно способен Интернет, что еще является экспериментальным и чего вам следует избегать (по крайней мере, на данный момент). Если что-то выглядит круто, но не работает в 2-х распространенных браузерах и вызывает слишком долгую загрузку? Прибереги на 2020 год.

15. Дизайнерские трусы

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

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

И не забудьте принять участие в нашем дневном бесплатном веб-мероприятии, посвященном началу вашей карьеры в дизайне, — вебинаре Launch a Design Career Webinar Summit, который состоится в четверг 26 мая, .RSVP здесь.

Подходит ли вам технология? Пройдите нашу 3-минутную викторину!

Ты выучишь: Если вам подходит карьера в сфере технологий Какая техническая карьера соответствует вашим сильным сторонам Какие навыки вам понадобятся для достижения ваших целей

11 навыков графического дизайна, которые работодатели хотят видеть

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

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

Технические навыки

Adobe InDesign

Впервые выпущенный более 20 лет назад, Adobe InDesign — лучший друг графического дизайнера и самая ценная часть программного обеспечения. InDesign является частью Adobe Creative Cloud и представляет собой программу для верстки и верстки, которую используют дизайнеры по всему миру. Он заменил Quark, который подвергся резкой критике, как отраслевой стандарт, когда он был впервые представлен в 1999 году.

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

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

Хотя, если серьезно, вы не найдете графического дизайнера, который не был бы одновременно мастером InDesign и одновременно постоянно изучал бы новые советы и рекомендации по программе. Это действительно один из основных навыков, необходимых для графического дизайнера.

Adobe Photoshop

Еще одна часть Adobe Creative Cloud (с которой, если вы еще не догадались, вы станете очень хорошо знакомы с как графический дизайнер), Photoshop — самое популярное в мире приложение для редактирования фотографий.Впервые он был выпущен 30 лет назад, в феврале 1990 года. Но подождите? Фоторедактирование? Мы не фотографы! Мы знаем, мы знаем — это Photoshop и многое другое.

Как дизайнер, вы будете использовать Photoshop для редактирования и изменения растровой / растровой графики (также известной как JPEG, PNG и GIF) для использования в ваших проектах — проще говоря, он использует пиксели для создания изображений.

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

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

Adobe Illustrator

Третья и последняя часть Триумвирата дизайнеров — Adobe Creative Cloud (есть и другие программы CC, которые вы можете изучить, но это основные), Adobe Illustrator — редактор векторной графики, впервые выпущенный в 1987 году. Векторная графика не придумывается. пикселей, но вместо этого состоят из контуров и поэтому могут масштабироваться гораздо больше, чем растровая графика.В то время как Photoshop занимается последним, Illustrator занимается векторами.

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

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

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

Цифровой (UI, UX, Sketch)

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

Цифровой дизайн чаще всего делится на две области: UI и UX. UI, который расшифровывается как User Interface, ориентирован на визуальный опыт — то, как на самом деле выглядит часть цифрового дизайна.Между тем, UX, что означает User Experience, ориентирован на удобство использования — то, как на самом деле работает часть цифрового дизайна.

Хотя вы можете часто видеть вакансии, рекламируемые как дизайнеры пользовательского интерфейса или пользовательского интерфейса, для всех цифровых дизайнеров и всех дизайнеров в целом важно иметь хорошее понимание и навыки в обеих областях. Как вы могли бы создать успешный UI, если не понимаете, как работает UX, и наоборот?

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

Типографика (верстка и т. Д.)

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

Помимо технических навыков типографики, дизайнерам также важно иметь глубокое понимание типографики, чтобы они могли объяснить, почему они сделали определенный типографский выбор, и чтобы этот выбор имел теоретическую основу, а не просто чисто эстетический. «Хорошая» типографика может сделать дизайн; он может создавать смысл, напоминать вам об определенном бренде или даже вызывать чувство (если вы не верите этому последнему пункту, спросите любого графического дизайнера, как они относятся к Papyrus или Comic Sans).«Плохая» типографика может раздражать, отвлекать от самого дизайна и заставлять людей отворачиваться. В худшем случае это может сделать дизайн нечитаемым. Мы не можем не подчеркнуть, насколько важны хорошие навыки типографики для дизайнера.

Принципы проектирования

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

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

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

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

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

Идея (Moodboard, создание идей и т. Д.)

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

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

1. Исследование ->, которое дает ясность, четкое понимание брифа и может помочь в принятии решений и направлении разработки.Есть три типа исследований; исследование для понимания (краткое), исследование идеи и исследование визуального языка, которые могут прояснить эстетику и внешний вид проекта.
2. Idea Generation -> развитие ваших идей. Будьте открыты для всего и чего угодно, ищите ссылки и создавайте истории.
Оценка
3. -> отфильтруйте свои идеи, посмотрите, что работает, а что нет, проанализировав их жизнеспособность и отредактируйте.
4. Применить -> к этому моменту у вас должно быть четкое указание, как разработать результат.

Это, очевидно, краткое описание того, как работает генерация идей — существует множество отдельных приемов и навыков, которые дизайнеры должны использовать в этом процессе. Это включает, помимо прочего, мозговой штурм, ассоциацию слов, отображение мыслей / слов, определение, описание, визуализацию, технику SCAMPER (аббревиатура от Substitute, Combine, Adapt, Maximize / Minimize, Put to another use, Eliminate / Elaborate и переупорядочить / перевернуть), эскизы и мудборды. Неплохой список, но все это будет второй натурой графического дизайнера.

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

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

Между тем, эскизы — это быстрые грубые рисунки, которые следует использовать для приблизительного макета дизайна и определения расположения ключевых элементов дизайна, например изображения, заголовки, основной текст и т. д. Они используются, чтобы быстро генерировать и исследовать различные идеи, при этом мыслить расходящимися. Дизайнеры должны знать, как правильно и разумно их разложить, чтобы они могли использовать их в меру своих возможностей.

Брендинг

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

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

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

Дизайн для печати

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

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

Дизайнеры должны знать два типа печати, офсетную и цифровую, и знать, как к ним подготовиться.Они должны знать всю терминологию, связанную с печатью — выпуск за обрез, обрезки, обрезки, метки сгиба — и печатью — пределы чернил, растушевку и прозрачность. Дизайнеры должны быть в курсе различных форматов файлов, PDF (Portable Digital Format) и Packaged InDesign, когда использовать правильные цветовые системы, CMYK (голубой, пурпурный, желтый, ключевой) или PMS (Pantone Matching System), и остерегаться выбивка и надпечатка. Ошибки в обоих случаях могут привести к задержкам в печати или к печати низкого качества, что плохо как для дизайнера, так и для клиента!

Дизайн для печати также предполагает знание всего, что связано с бумагой (что на самом деле более увлекательно, чем кажется)! Они должны знать размеры бумаги, которые в большинстве стран устанавливаются Международной организацией по стандартизации (ISO), которая разработала ISO 216 — установленный стандарт размеров бумаги в диапазоне от A0 до A10.Тем не менее, дизайнеры не должны забывать, что эти стандарты не используются в США, которые вместо этого используют юридические, письменные, исполнительные и таблоидные / бухгалтерские размеры. Также важно, чтобы дизайнер понимал и знал, как выбирать подходящую плотность бумаги, бумажную массу и украшения, такие как горячее фольгирование или высечка.

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

Управление портфелем

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

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

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

Нетехнические навыки

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

Творчество

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

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

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

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

Связь

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

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

Стратегия

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

В своем «Инструментарии для творчества», который креативный директор и преподаватель Shillington в Лондоне Марк Эллис написал в прошлом году, он выбрал стратегию как один из важнейших инструментов для дизайнеров.

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

Решение проблем

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

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

Хотите научиться всем навыкам и самому стать графическим дизайнером? Почему бы не подумать об обучении в Шиллингтоне — наш инновационный курс графического дизайна охватит все эти и другие навыки всего за три месяца при полной занятости или за девять месяцев при неполной занятости в Лондоне, Манчестере, Нью-Йорке, Сиднее, Мельбурне и Брисбене.

5 важных вещей, которым я научился как дизайнер | Гай Лигертвуд

Национальность:

Британский 🇬🇧

5 важных вещей, которые я научился делать как дизайнер

1. дизайнеры должны кодировать
2. дизайнеры должны рисовать
3. Desi.. просто шучу! (плохая шутка)

Вот 5, которые я выучил:

1. и 2. Делайте проекты, которые вам нравятся, и решайте свои собственные проблемы

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

«Знакомьтесь с коллегами-производителями 👩🏽‍💻, бронируйте апартаменты 🏡 вместе, и по доступной цене »

Еще одна проблема, с которой я столкнулся, — это отправка информационных бюллетеней из статических электронных писем в формате HTML.Поэтому я использую функцию доставки ProductHunt, чтобы побудить меня поделиться своей работой и получить отзывы от людей с той же проблемой:

«вы не ваш пользователь»

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

3. Нельзя начинать с малого!

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

4. Сделайте свой MVP доступным для доставки

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

Здесь пользователь все еще может перейти от A к B с любой версией продукта.

Мой пример — Toolbox. Цель состоит в том, чтобы помочь людям найти лучшие инструменты — MVP был просто статьями из списков / публикаций в блогах. Он превратился в веб-приложение, которое помогает людям достичь той же цели, но немного лучше. Об этом читайте здесь.

5. Дизайн — это еще не все

Дизайн — это не единственное, что имеет значение: важны цены, продажи, код и менеджеры. Поймите их потребности и помогите им понять ценность дизайна.

Где люди могут подписаться на вас?

My Twitter

20 необходимых навыков для успешных веб-дизайнеров

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

20 навыков веб-дизайнера, чтобы иметь

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

1. Знать принципы дизайна

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

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

Возникновение

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

Reification

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

Инвариантность

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

2. Типографика

Веб-сайты, такие как Font Reach, помогают вам быть в курсе тенденций типографики и информировать о выборе шрифта.

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

— Из «Хрустального кубка» Беатрис Вард

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

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

В Интернете есть множество ресурсов, которые помогут расширить ваши типографские знания. ИСПОЛЬЗУЕМЫЕ ШРИФТЫ показывает различные шрифты, применяемые к различным носителям.Такие инструменты, как комбинации шрифтов для веб-дизайнеров, могут дать вам идеи для возможных сочетаний.

3. Композиция

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

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

4. Теория цвета

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

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

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

Понимание теории цвета избавит от необходимости строить догадки при объединении цветов — метод проб и ошибок может оказаться отстойным делом в реальном времени.«Веб-дизайн 101: теория цвета» — отличное место для начала.

5. Программное обеспечение для дизайна

Adobe Illustrator, XD, Photoshop, Figma и Webflow — это некоторые дизайнерские программы, с которыми должны быть знакомы дизайнеры. Вы должны понимать основы редактирования фотографий и уметь настраивать векторную графику, например, логотип, который может появиться на вашем пути.

Тем, у кого ограничен бюджет, бесплатное программное обеспечение для редактирования фотографий, такое как Gimp или векторный Inkscape, даст вам возможность делать то, что вам нужно, не тратя кучу денег.По мере того, как вы развиваете свои навыки веб-дизайна, программы для анимации, такие как Motion или After Effects, становятся удобными инструментами, которые добавляют движения и изюминки в вашу работу.

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

6. Системы управления контентом (CMS)

Знание того, как использовать CMS, такую ​​как эта коллекция блогов из шаблона Webflow Fashionlatte, делает заботу о больших блоках контента гораздо менее обременительной.

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

7. Адаптивный дизайн

Адаптивный дизайн — ключевой компонент процесса веб-разработки. Рекомендации по адаптивному дизайну гарантируют, что элементы HTML, CSS (каскадные таблицы стилей) и JavaScript, такие как меню, текст и кнопки, понятны и могут использоваться везде.

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

8. Пользовательский опыт (UX)

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

Лучшие практики UX включают:

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

Ознакомьтесь с нашим списком литературы по UX и узнайте, как интегрировать лучший UX в свои собственные проекты.

9. Пользовательский интерфейс (UI)

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

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

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

У нас также есть список чтения пользовательского интерфейса, который поможет расширить ваши знания.

Ссылки по теме: 7 причин, по которым фронтенд-разработчики должны использовать Webflow

10. Графический дизайн

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

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

Ссылки по теме: 7 отличий веб-дизайна от графического

11. Редактирование фотографий

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

12. Терпение

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

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

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

13. Компромисс

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

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

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

14.Самосознание

Знание своих ограничений имеет большое значение.

Сколько из нас заявили об опыте работы с программным обеспечением, о котором мы мало что знаем? Или заявили, что являетесь экспертом по поисковой оптимизации, или свободно владеете десятком языков программирования, а мы — нет? Некоторые говорят, что это притворяется, пока не получится. Но если вы притворяетесь, скорее всего, вас поймают.

Не обещайте того, что не можете выполнить. Легко сказать « да » в надежде, что все получится, но вы настраиваете себя на сильный стресс и потенциальную неудачу.Будьте искренними и давайте клиентам только то, на что способны. А пока — приступайте к изучению остального!

15. Дисциплина

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

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

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

16. Коммуникация

Умение работать с людьми так же важно, как и умение работать с пикселями. Очень важно объяснить свое видение проекта таким образом, чтобы его не понимали дизайнеры. Заинтересованные стороны могут включать любого, от отдела маркетинга до основателя, и вы должны иметь возможность сообщить, что вы разрабатываете и как это будет соответствовать целям проекта.

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

17. Копирайтинг

Что пишет? Письмо — это телепатия.

— Стивен Кинг, О писательстве

Должны ли дизайнеры быть писателями? И должны ли писатели знать о дизайне? Понимание того, как текст и дизайн работают вместе, сделают вас более эффективными в обоих направлениях.

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

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

Ссылки по теме: 4 причины, по которым дизайнеры должны писать

18. Бизнес-стратегия

Мы не ожидаем, что вы станете бизнес-экспертом, но вам нужно знать, как ваш дизайн поможет достичь целей клиента .

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

— Ричард Кох

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

19. Поисковая оптимизация (SEO)

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

Ссылки по теме: SEO веб-сайта: полное руководство по ранжированию в Google

20.Внимание к деталям

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

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

Веб-дизайн — это больше, чем создание отличных веб-сайтов

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

Такие навыки, как общение, настойчивость и терпение, сделают вас лучшим дизайнером. и человек. Хорошее управление отзывами клиентов — хороший способ сохранять хладнокровие, когда сестра критикует вашу параллельную парковку. Быть хорошим дизайнером — значит быть хорошим человеком. Но не обязательно хороший водитель — извините.

Какие навыки больше всего помогли вам как дизайнеру? Дайте нам знать в комментариях ниже.

10 навыков графических дизайнеров, которые должны продвинуться вперед в 2019 году

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

«Роль дизайнера постоянно меняется, сейчас больше, чем когда-либо, в связи с революцией в нашем образе жизни и работе», — объясняет Билл Строхакер, главный директор Strohacker Design School . «Поэтому для дизайнеров чрезвычайно важно идти в ногу с этими изменениями, продолжая профессиональное развитие. Дизайн развивается, и нам нужно адаптироваться к цифровому опыту и быть актуальными ».

Бен Кристи, креативный партнер Magpie, соглашается. «По-настоящему успешный графический дизайнер развивает врожденную способность постоянно расти и адаптироваться к постоянно меняющейся среде», — говорит он.«Так что вы всегда должны искать и учиться. Вбирать в себя как можно больше мира. Устойчивое дизайнерское питание».

Но какие навыки действительно помогут вам в карьере? Здесь мы рассмотрим, что сейчас наиболее востребовано, и как вы можете удовлетворить эти потребности, повысив квалификацию в 2019 году.

01. Цифровая типографика

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

Но по мере того, как графический дизайн постепенно переходит от печатного к онлайн, потребность в понимании принципов цифровой (в отличие от печатной) типографики как никогда остро стоит. И дело не только в замене em на пиксели.

«Несмотря на то, что навыки можно передавать, существует целый ряд различий при проектировании в цифровом формате», — говорит Александра Лофтхаус, старший дизайнер UX в Fifteen. «К ним относятся лицензирование, размеры шрифтов, ресурсы, доступность и многое другое». И это даже не говоря о новых технологиях, таких как вариативные шрифты и адаптивный шрифт.

Вариативные шрифты уже используются на веб-сайте конференции шрифтов Ampersand

Учитывая, что нужно учитывать столько всего и постоянно развиваются новые методы, важно оставаться в курсе, читая по теме, считает Джек Стэтхэм, дизайнер Ragged Edge .

«Существует множество высококачественных руководств и блогов, посвященных типографике для Интернета и приложений», — говорит он. «Более глубокий подход заключается в подписке на видеокурс. Skillshare и LinkedIn Learning (ранее Lynda.com) — это два провайдера курсов графического дизайна, которые составлены профессионалами ».

02. Навыки программирования

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

Но в какой-то момент вам придется это сделать. На самом деле, это Маловероятно, что вы получите работу даже младшего дизайнера, не зная хотя бы Photoshop, Illustrator и InDesign.

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

Чтобы почувствовать вкус что люди ищут, проверьте списки вакансий на сайте вроде Design Jobs Board; в большинстве объявлений определенные инструменты будут указаны как «обязательные», а другие как «предпочтительные». Но также помните, что к тому времени, когда вы полностью тренируетесь, все может измениться.

Будет ли 2019 год годом, когда вы начнете думать о After Effects?

Итак, самое важное — сосредоточиться на навыках работы с программным обеспечением, которые помогут вам развиваться в тех областях, которые вам больше всего нравятся.Например, вы можете попробовать Blender, чтобы развить свои навыки 3D-моделирования; After Effects, чтобы развить свои способности в области анимации и анимации, или WordPress как способ погрузиться в веб-дизайн.

«Постоянно меняющееся программное обеспечение, каналы и среда конечных пользователей означают, что ничто не остается на месте надолго», — подчеркивает Мик Дин, креативный директор и преподаватель Эдинбургского университета Напьера. «Поэтому важно знать свои сильные стороны и играть с ними».

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

03. Редактирование изображений

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

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

Лучший способ улучшить свои навыки в этой области — это, конечно, работа. «С тех пор, как я начала работать здесь в PWAR Creative , мои навыки редактирования фотографий значительно улучшились, — говорит графический дизайнер Кара Клиффорд. «Лично я считаю, что необходимость работать на клиентов, а также работать вместе с другими талантливыми дизайнерами научила меня редактированию изображений больше, чем любой другой курс в прошлом».

Очистка, редактирование и улучшение изображений становится все более важным навыком для дизайнеров

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

«Для меня это был медленный поток знаний в течение нескольких лет», — говорит Сара Грей, дизайнер-фрилансер из Дублина. «Я учился по мере необходимости из различных источников: школа, проекты для университета, YouTube, внештатные проекты, навыки, полученные во время стажировки. Но Photoshop настолько функционально насыщен, что я чувствую, что мне еще многому нужно научиться».

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

04. Фотография

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

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

Существует почти бесконечное количество способов отточить и улучшить свои навыки фотографии. «У меня есть много книг фотографов, и я прочитал много статей, но в основном это был метод проб и ошибок», — говорит Марк Дирман , креативный директор из Бристоля.«Сделайте несколько фотографий, проанализируйте их и определите, что мне нужно сделать, чтобы стать лучше. Я многому научился на своих ошибках. На самом деле ничто не заменит делать много фотографий. Мне всегда нравилась цитата:« Ваши первые 10 000 фотографий » ты худший ».

Развитие навыков работы с камерой означало, что Джейкобу Кассу не нужно было нанимать фотографа для создания своего веб-сайта для Brooklyn Bowl

. На практике графический дизайнер и фотограф Мэтью Холланд рекомендует:« Приобретите зеркальную камеру. и изучите все ручные настройки.Если вы полагаетесь на автоматику, как на смартфон, вы действительно делаете только половину фотографии. Камера принимает все решения за вас. Это было бы эквивалентом создания каркаса и нажатия кнопки «Дизайн», которая определяет цветовую палитру, типографику, изображения и т. Д. Только когда вы начнете понимать силу диафрагмы, выдержки, ISO и баланса белого, вы можете начать принимайте осознанные художественные решения ».

Он также призывает вас« снимать в формате RAW, а не jpg, поскольку тогда вы можете сами принимать решения об обработке.Если вы снимаете в формате jpg, ваша камера принимает решение о том, как должно выглядеть ваше изображение.

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

05. UX-дизайн

По мере того как индустрия дизайна все больше ориентируется на цифровые технологии, дизайн пользовательского опыта (UX) становится все более и более важным.«Разработка той части продуктов, с которой взаимодействуют люди, становится все более востребованной среди работодателей», — говорит Строхакер. «Данные стали центральным элементом многих продуктов, что создало потребность в людях, обладающих навыками проектирования пользовательского интерфейса, которые могут упростить использование этих продуктов для клиентов».

Так что же такое UX? «Роль UX-дизайнера заключается в том, чтобы использовать любую возможность, чтобы повысить удовольствие другого человека от конечного продукта, не только визуально, но и когнитивно, устраняя препятствия и облегчая восприятие», — объясняет Алек Ист, основатель Narrative Industries .

Дизайн интерфейса разработан Taxi Studio для Dolphin Solutions

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

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

«Я считаю, что графические дизайнеры должны стремиться к широкой и глубокой Т-образной форме» со знанием и признательностью к другим дисциплинам, но со специализацией (и, следовательно, точкой зрения), в которой они преуспевают », — говорит Ли Кэрролл, старший дизайнер взаимодействия в Seymourpowell.«Итак, речь идет о графических дизайнерах, которые учатся говорить на языке дизайнеров UX и лучше выражать свою точку зрения, а не заменять их».

Начните с изучения некоторых основных правил UX-дизайна и ознакомьтесь с некоторыми из этих выступлений TED по UX-дизайну.

06. Кодирование

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

«Я ненавижу догму« вы должны кодировать », — говорит дизайнер, разработчик и художник Майк Брондбьерг . «Но обучение программированию на каком-то уровне — даже если это сценарии в Illustrator или Sketch — может помочь дизайнерам быстрее генерировать и повторять идеи, а также открывает мир сложности дизайна, который невозможно реализовать вручную».

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

Следуйте советам Джессики Хиш и Расса Машмайера: не бойтесь Интернета, используйте его

Действительно, сейчас эти навыки настолько востребованы, что ваш работодатель вполне может предоставить вам время на работе для их развития. «Группа Nelson Bostock, безусловно, так считает», — говорит ведущий дизайнер Лаура Гиббонс. «Здесь наши планы личного развития определяют области интересов и важные новые навыки, которые необходимо изучить», — объясняет она.

«Мы верим в самообучение; поощрение наших сотрудников к использованию таких ресурсов, как SkillShare.com вместе с их повседневной работой. Мы защищаем это время для личного развития и предлагаем «творческие дни», чтобы вдохновить или изменить их мышление и увлеченность. Мы также призываем партнеров и поставщиков делиться своими навыками — это произошло недавно, когда внешний разработчик поделился своим мнением об HTML и адаптивном кодировании ».

И даже если у вас нет времени на работу, кое-что такое простое, как HTML, довольно быстро и легко освоить. Есть много хороших онлайн-курсов, в том числе бесплатные, предоставляемые W3Schools.А если вы хотите пойти немного дальше, ознакомьтесь с учебным ресурсом Don’t Fear the Internet, созданным Джессикой Хиш и Руссом Машмайером, специально предназначенным для дизайнеров полиграфии, фотографов и других креативщиков.

07. AI / AR / VR

UX и кодирование существуют уже довольно давно, но другие, более новые технологии также становятся важными для работы дизайнерских агентств, включая VR (виртуальная реальность), AR (дополненная реальность), смешанная реальность и AI (искусственный интеллект). Каждый графический дизайнер должен внимательно следить за разработками в таких областях, подчеркивает Ванесса Экштейн, президент жюри дизайна D&AD 2018 и директор Blok Design .

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

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

«Но ключ не только в том, чтобы узнать об этом, но и в том, чтобы понять, что движение настолько быстрое, что все, что мы думаем, что мы понимаем сегодня, может не быть таковым через пять лет; помня, что творчество и повествование всегда будут в основе все.»

Начните с изучения 20 руководств, которые помогут вам использовать виртуальную реальность в своей дизайнерской работе, узнав, как создавать макеты графики AR с помощью After Effects и как разрабатывать проекты с использованием искусственного интеллекта.

08. Полиграфический дизайн

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

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

«Я бы посоветовал молодому человеку посетить типографию», — говорит Гиббонс.«Эти парни знают все; они могут поделиться своими знаниями и опытом о процессе печати, оформлении, бумаге, использовании цвета, отделке и многом другом.

Специалисты по печати Компания Celloglas применила лак soft touch и фольгу для выпуска 271 журнала Computer Arts

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

09. Решение проблем

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

«Я считаю, что мы теряем способность широко осмысливать проблемы, принимая неопределенность и парадокс и поднимая новые вопросы», — говорит она. «Если мы слишком сильно полагаемся на данные и измеримость, мы теряем глубокое понимание и понимание, которые лежат в основе и сущности новой мысли.”

Но если наши навыки решения проблем важны, что мы можем сделать, чтобы отточить и развить их?

Как выразился Стив Фишер: «Дизайн — это решения, а не визуальные эффекты»

«Не стесняйтесь, будьте скромными, выходите и экспериментируйте с тем, чего вы никогда не делали», — рекомендует она. «Создавайте проекты, которые раздвигают ваши границы и идею в вашем уме. Посмотрите, как далеко может зайти концепция, и сделайте это! В моем случае мне нравится сотрудничать с великими мыслителями, художниками, архитекторами и т. Д., И я учусь на практике.”

Эта статья Стива Фишера развивает тему, согласно которой дизайн — это решение, а не визуальные эффекты, в то время как эта статья из Interaction Design Foundation также предоставляет некоторые подсказки и подсказки, которые помогут вам отточить свои навыки решения проблем.

10. Расширенное мышление

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

«Это не то, что вы делаете, а способ видеть мир и относиться к нему», — объясняет она. «Это может начаться с стимулирования ваших чувств и осознания того, что происходит в нашей профессии, пространства, где D&AD зарекомендовал себя как лидер для всех нас, а также чтения на самые разные темы и во многих случаях попытки проанализировать ситуации с разных точек зрения ».

D&AD зарекомендовала себя как лидер в распространении информации и советов о новых тенденциях в этой профессии.

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

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

Подробнее:

Важные навыки работы графических дизайнеров

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

Что такое навыки графического дизайна?

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

Поле формально включает творческое и функциональное понимание семи элементов в свою собственную форму коммуникации: пространство, фактуру, цвет, линию, размер, форму и форму.

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

Какие навыки необходимы для работы в графическом дизайне?

© Баланс 2018

Связь

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

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

• Уверенность
• Консультация
• Служба поддержки клиентов
• Установление связи
• Устный перевод произведений искусства для широкой публики
• Понимание художественных предпочтений клиентов
• Межличностное общение
• Активное прослушивание
• Получение конструктивной критики в отношении произведений искусства
• Продажа
• Устное общение
• Сотрудничество
• Письменное общение

Творчество

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

• Эстетика
• Внимание к деталям
• Уравновешивание артистизма и привлекательности аудитории
• Восприятие
• Визуальное представление идей
• Эскиз
• Мозговой штурм

Технологии

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

Если задачи графического дизайна относятся к разработке веб-сайтов, вам также необходимо знать о веб-дизайне. Они должны свободно владеть несколькими языками программирования (включая HTML и CSS), а также платформами системы управления контентом веб-дизайна, такими как WordPress.

• Возможность изучения программного обеспечения для цифрового дизайна
• Adobe Acrobat
• Adobe Creative Suite
• Adobe Flash
• Adobe Illustrator
• Adobe InDesign
• Adobe Photoshop
• Dreamweaver
• CSS
• HTML
• Кварк
• QuarkXpress
• Редактирование фотографий

Управление временем

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

• Критическое мышление
• Управление сроками
• Решительный
• Стратегия проектирования
• Организационные навыки
• Многозадачность
• Приоритизация
• Решение проблем
• Гибкость

Типографика

Графические дизайнеры должны знать, как разработать (путем создания или выбора) разборчивый, хорошо продуманный шрифт.Они должны быть знакомы с определенными шрифтами и знать высоту строки и отслеживание.

• Выбор шрифтов
• Создание логотипа
• Макет
• Изменение дизайна
• Изображение фигур в космосе со сбалансированной перспективой
• Шаг
• Создание раскадровки

Дополнительные навыки графического дизайна

• Точность
• Аналитические навыки
• Применение цифровых ресурсов в проектах отставки
• Напористость
• Color Sense
• Теория цвета
• Композиция
• Создание моделей для трехмерных форм
• Инфографика
• Цифровая печать
• Сметная стоимость
• Иллюстрация
• Инициатива
• Интеграция визуальных сообщений в платформы социальных сетей
• Дизайн рекламы
• Цветовые схемы
• iWork Keynote
• Маркетинг
• Поиск и устранение неисправностей
• Переговоры
• Сеть
• терпение
• Фотография
• DSLR камеры
• Планирование
• Презентация
• Производство
• Управление проектами
• Корректура
• Стратегическое мышление
• Ориентация визуальных коммуникаций на демографические группы
• Работа в команде
• Удобство использования
• Независимость

Как продемонстрировать свои навыки графического дизайна

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

Если вы студент или недавний выпускник, выделите навыки, которые вы приобрели во время учебы, стажировки и работы во время учебы в колледже.

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

Таким образом, заявление о приеме на работу в графическом дизайне может быть идеальным временем для подачи нетрадиционного резюме. Однако делайте это только в том случае, если вы думаете, что работодатель это оценит. Если работодатель просит традиционное резюме или вы знаете, что компания придерживается консервативной культуры, вы можете отправить более простое резюме. Затем вы можете продемонстрировать свои навыки в портфолио.

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

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