Начинающий дизайнер: Как стать дизайнером с нуля | GeekBrains

Как стать дизайнером с нуля | GeekBrains

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

https://d2xzmw6cctk25h.cloudfront.net/post/2121/og_image/682147eb9cd024c6f591f9c8932de6ed.png

Источник: 99designs.com

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

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

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

Насмотренность 

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

Многие рекомендуют начинающим дизайнерам копировать работы, которые зацепили. Автор заметки How To Become An Awesome Designer In 365 Days приводит интересные аналогии. Если вы занимаетесь в спортзале, значит, точно видели людей, которые тренируются каждый день и постоянно развивают ловкость, координацию, выносливость. То же самое с музыкантами и танцорами: они повторяют композиции или связку до тех пор, пока не начинают исполнять их по памяти. Практика помогает учиться новому и усваивать информацию: в мозг создаются новые нейронные связи, и мы начинаем видеть проблему в новом свете. Насмотренность и копирование помогают развивать творческие способности.

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

Ещё можно вспомнить слишком часто цитируемую фразу Стива Джобса «Хорошие художники копируют, великие — воруют». Автор статьи Bad artists copy, great artists steal — or, how to become a great designer подробнее рассматривает эту фразу и пишет, что разница между копированием и воровством — в намерении, и во втором случае это намерение всем только на пользу. 

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

.

Дизайн скоростного поезда — результат насмотренности японских дизайнеров. Источник: Medium

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

Основные инструменты

Стать дизайнером можно и с нулевым бэкграундом, но желательно для начала обучиться базовым навыкам работы в основных программах. Какая именно вам пригодится в работе, зависит от конкретной специальности. Графический дизайнер чаще имеет дело с Adobe Illustrator, веб-дизайнер делает макеты в Figma или Sketch. Photoshop, так или иначе, нужен всем.

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

Illustrator. Многие дизайнеры рекомендуют начать с этой программы, а только потом перейти к освоению Photoshop. Именно Illustrator используется при создании логотипов и иконок. Сейчас можно найти множество ютуб-каналов и сайтов с туториалами, платными и бесплатными — например, Карен Ченг рекомендует эти онлайн-уроки: Creating an Environmentally Friendly Green Type Treatment и How to Create a Landscape Wallpaper for your Desktop. В первом научат делать проработанный векторный логотип, во втором — нарисовать обои для рабочего стола с пейзажем. Ещё Карен советует две книги: Adobe Illustrator Classroom in a Book и Vector Basic Training.

Photoshop. По этой программе есть множество обучающих материалов, и необходимые можно подобрать самостоятельно. Вот что рекомендует Карен Ченг: сайты PSDTuts и TutsPlus, мануалы по созданию приложения и макет сайта. 

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

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

After Effects. Это программа для создания презентаций с анимированной графикой и эффектами. С её помощью дизайнер сможет анимировать свои макеты.

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

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

Навыки

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

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

Вот четыре навыка, которые рекомендует прокачивать Дэвид:

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

Мы добавим к этому списку ещё тройку скиллов:

• Основы графического дизайна. Если планируете стать графическим дизайном, для начала хорошо бы научиться базовым навыкам рисования. Карен Ченг рекомендует книгу You Can Draw in 30 days, в которой научат рисовать за месяц через ежедневную практику, если уделять этому полчаса в день. Ещё есть книга Picture This — она основана на сказке и в лёгкой форме учит основам рисунка и графдизайна. А вот подборка из 50 бесплатных уроков на английском, с которых можно начать новичкам. 
• Основы UX. Не нужно глубоких знаний об индустрии и знакомства с «Ководством» Артемия Лебедева, чтобы понимать, что дизайн — про пользу, а не красивые картинки. Вот книги про суть дизайна и его полезное действие для пользователя, с которых рекомендует начать Карен — The Design of Everyday Things и Don’t Make Me Think.
• Умение учиться. В любой творческой профессии это главный навык. Без умения учиться не получится достичь необходимого уровня насмотренности: чтобы дизайнер был в курсе трендов и понимал, как решить проблему разными способами, нужно изучить сотни работ и вещей вокруг.  Здесь помогут дизайнерские ресурсы вроде Behance, Dribbble, Awwards, Pinterest, блоги дизайн-студий. 

Источник: www.mann-ivanov-ferber.ru

Если вы хотите стать графдизайнером, придётся интересоваться и другими областями знаний. К примеру, в статье «Шесть успешных бизнес-моделей» мы разбирали кейсы реальных компаний, дизайнерам которых благодаря пониманию того, как устроен бизнес, удалось найти удачные решения. А в тексте «Инклюзивный дизайн: кому и зачем это нужно» рассказали, как решения дизайнеров влияют на возможности людей и почему важно уметь делать дизайн, доступный всем. 

Рекомендуем почитать.

Портфолио

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

• Переделайте какой-нибудь устаревший или неудобный сайт. Сделайте продуманный, удобный и приятный глазу интерфейс, используя навыки, которым обучились.
• Придумайте сами себе задание. Или откройте любую фриланс-биржу и возьмите простенький заказ, чтобы отточить навыки и попробовать работу с реальным заказчиком. Если всё пройдёт хорошо, эту работу можно положить в портфолио. 
• Делайте всё, что душе угодно. Портфолио для себя не ограничено рабочими проектами, можно придумать много всего: разрабатывайте принты для футболок, сделайте редизайн приложения, которым пользуетесь каждый день, Попробуйте сделать что-нибудь небольшое на бирже 99 designs, выполните упражнения из книги Creative Workshop, найти местную компанию, которая вам нравится, и предложите им безвозмездную помощь.

Портфолио советуем разместить на Behance, Dribbble, макеты приложений — на pttrns, веб-дизайн — на patterntap. 

Рекомендуем почитать.

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

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

В каких направлениях развиваться начинающему дизайнеру | GeekBrains

Расскажем простыми словами о разновидностях дизайн-профессий и сэкономим вам несколько часов поиска

https://d2xzmw6cctk25h.cloudfront.net/post/2229/og_image/7716c7f73fe7e0a54dc1e66ffc982089.jpg

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

Момент настал

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

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

Графический дизайн — для тех, кто хочет нести красоту в массы

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

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

Иллюстрация — если вы художник в душе и не только

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

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

Веб-дизайн — модное направление для креативщиков

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

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

Загадочные UI- и UX-дизайн

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

User Interface — это пользовательский интерфейс, а User Experience — это пользовательский опыт. Если объяснить коротко, то UX-дизайн — это про удобство сайта или приложения, про логику и структурированность, а UI — про внешнее оформление, про форму и цвет. 

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

SMM-дизайн — для тех, кто всегда «онлайн»

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

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

Motion-дизайн — когда хочется движения

Motion — это движение. Значит, дизайнер, работающий в этом направлении, умеет «оживить» изображение и вложить в него смысл. Если вы креативны и вас не пугает перспектива стать человеком-оркестром, то моушн-дизайн для вас! Тут придётся быть сценаристом, режиссёром, оператором, монтажёром и дизайнером по звуку в одном лице. В общем, море новых знаний и умений обеспечены 🙂

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

Геймдизайн — если любите и понимаете компьютерные игры

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

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

Общие рекомендации напоследок

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

Всему можно будет обучиться самостоятельно и стать хорошим дизайнером, наступив по дороге на все грабли и потратив время. Но для быстрого старта без пробуксовок лучше пройти курсы или найти себе наставника. Тогда путь будет проще и быстрее, ведь вас интересует не только творчество, но и твёрдая валюта, правильно? 😉 На курсах качественную базу дают за 3-6 месяцев, а стать профессионалом с портфолио и гарантией хорошего заработка можно всего за год. Какой бы выбор вы ни сделали, он будет правильным — ведь у вас перед глазами есть общая картина. Главное — не останавливаться!

Самоизоляция закончилась, а значит — самое время освоить новую профессию, чтобы уверенно смотреть в будущее при любых обстоятельствах! Мы хотим помочь вам и с 1 по 31 августа 2020 г. дарим скидку 40% почти на все программы обучения GeekBrains. Будьте здоровы и успешны! 🙂

 

33 совета начинающим дизайнерам или как не совершать ненужных ошибок | DesigNonstop

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

 
 

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

 
 

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

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

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

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

4. Не жадничайте
Беда любого новичка в том, что когда у него появляется возможность скачать новую кисточку, клипарт или стиль, у него вырывается возглас: «О! Хочу такое!» и он скачивает даже не задумываясь, нужно ли это ему. В итоге на компьютере складируются гигабайты ненужной информации, которую физически трудно обработать одному человеку. В общем, будьте избирательны.

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

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

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

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

9. Смотрите на мир глазами дизайнера
Попробуйте воспринимать телевизионные передачи, журналы, наружную рекламу с точки зрения того, как они оформлены. Запоминайте понравившиеся элементы. Мне, например, очень нравится дизайнер на канале «Культура», а на MTV часто можно увидеть всякие интересные оформительские штучки. Если вас раздражает реклама – попробуйте взглянуть на нее глазами дизайнера. Ведь людям, которые делают эту рекламу, платят за это большие деньги. И иногда у них действительно есть чему поучиться.

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

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

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

13. Отслеживайте тенденции
Будьте в курсе дизайнерских трендов, отслеживайте последние изменения, замечайте новые веяния. А то не заметите тот момент, когда стиль Web 2.0 станет совсем не актуальным. 😉

14. Применяйте новинки
Не откладывайте в долгий ящик, применяйте увиденные новинки в своих работах. По крайней мере вы опередите многих.

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

16. Соблюдайте авторские права
Давно поняла, что покупать фотки и полезнее и безопаснее. Уделяйте внимание авторским правам. На некоторые объекты может быть лицензия только для некоммерческого использования. Если объект имеет сомнительное происхождение – старайтесь не использовать его в коммерческих дизайнах.

17. Соберите свою free коллекцию
Люди специально выкладывают свои работы в свободном доступе в интернете. Пользуйтесь этим. Соберите свою коллекцию шрифтов, кистей, клипартов, иконок непосредственно под ваши нужды.

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

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

20. Не уменьшайте сроки заказов
Иногда, разговаривая с заказчиком, появляется соблазн уменьшить сроки выполнения работы. Ни в коем случае этого не делайте. Всегда указывайте реальные, а не мифические сроки, плюс день два про запас. Если сделаете раньше – будет приятный сюрприз заказчику. А если будете динамить – испортите отношения с клиентом. Заказчики ох как не любят, когда их динамят.

21. Занимайтесь постоянно
Старайтесь заниматься постоянно. Как и в любом деле, в дизайне тонус также весьма необходим. Если нет заказов – оттачивайте мастерство, осваивайте новые приемы, потихоньку занимайтесь в фотошопе

22. Будьте готовы к критике
Пожалуй, это самое тяжелое испытание для любого дизайнера. Хорошо, если заказчик, увидев вашу работу, сказал: «Ух ты! Здорово!» и вы оба остались довольны. Это оптимальный вариант. Но бывает, что клиент, как придирчивый покупатель, начинает активно критиковать вашу работу. Иногда это делается для того, чтобы дизайнер снизил цену, иногда бывают и ценные замечания. И вот если вы в тот момент пересилите себя. Не дадите волю ненужным эмоциям. И не пошлете клиента куда подальше, а переведете разговор в конструктивное русло, то ваши шансы стать профессиональным дизайнером многократно возрастут.

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

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

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

26. Не занимайтесь ненужными подсчетами
Любимая игра новичков: «Столько-то заказов в день, а в неделю это столько-то, а в месяц это просто круто!». Все эти подсчеты – пустая трата времени. Все равно поначалу это будут весьма скромные суммы, гораздо меньше тех, что вы насчитаете. А к тому моменту, когда суммы будут значительные, у вас просто не будет времени заниматься подсчетами, будет поток заказов, которые просто надо успеть сделать.

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

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

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

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

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

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

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

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

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

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

Хорошего дизайнерского образования у нас в стране нет. Это, увы, факт. А то, что есть, не развивает, а скорее портит человека. Не в обиду будет сказано именитым вузам, но добрая половина их выпускников, которые хотят к нам на стажировку, в итоге идет лесом. У них все работы как под копирку — типовой сайт про здания, стандартный про машины, зевотный для ивента и абсолютно снотворный для каких-нибудь курсов личностного роста. Ну, вы поняли… В общем, сразу видно: ни фига не знают, ничего не читают и ничем не интересуются.

Корочка вуза говорит о навыках дизайнера примерно ничего

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

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

Возраст начинающего дизайнера в нашей студии — максимум лет 27

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

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

Скармливаем слона по частям

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

У нашей книги съемная суперобложка, которую сделал наш иллюстратор Вася. Для девочек и мальчиков Вася придумал разные — лесбийскую розовую и гейскую голубую. Почему так? Не знаю, спросите у Васи. Моя версия: наверное, потому, что учеба — это и приятно, и больно.

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

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

Движение по грейду зависит от трех вещей.

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

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

По грейдбуку, «джун» к концу трехмесячного срока на первом грейде должен запилить 500 слайдов, сделать конспекты 17 книг, освоить «Иллюстратор» до уровня Advanced, «Скетч» и базовый фотошоп с хоткейзами с помощью видеоуроков. К «сеньору» в активе у человека уже будут 6600 слайдов, порядка 60 книг (не только о дизайне), спроектированный интерфейс, несколько работ во внешних портфолио типа Behance и даже периодический выход из зоны комфорта.

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

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

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

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

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

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

Почему грейдбук на бумаге

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

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

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

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

Еще у нас принято «шарить» свои умения на встречах Knowledge Sharing. Узнал что-то новое про 3D-графику? Поделись с другими. Бывший бариста? Выйди и расскажи, как кофе заваривать. В общем, если чувствуешь приятную тяжесть там, где и полагается «сеньору», то передавать свои знания младшим коллегам — это даже не пожелание, а обязанность.

И что, ваши дизайнеры живут по грейдбуку, сдают зачеты и «вот это всё»?

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

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

Ведь «сегодня есть вдохновение, а завтра нет» — это все не про нас. Равно как мы не оперируем субъективными понятиями вроде красоты или эстетики. Взялся за грейд? Иди до конца! С той скоростью, на которую способен. И без ущерба для основных рабочих задач.

Кстати, у нас запрещено слово «красиво». А у вас?

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

Формула оптимальной загрузки дизайнера

Тут все очень просто. С одной стороны, мы отслеживаем прогресс людей по грейдбуку, а с другой — не перекрываем им кислород. Ведь наш бизнес едет по прагматичным рельсам, и клиенты платят за то, чтобы у них не болела голова от про****ных сроков и проектов. И чтобы такого не случалось, мы постоянно следим за загрузкой ребят. На 40 часов в неделю у каждого должно быть как минимум два свободных часа в день. Если остается меньше, значит, нет задела на внезапные крупные проекты и прочие нежданчики. Если постоянная загрузка приближается к 75%, начинаем искать новых людей. Вот и весь секрет. А учеба идет своим чередом.

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

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

Джуниор

1-й уровень

отслеживаем «Процессы» у Лебедева;

подписываемся на «Советы» Бюро Горбунова;

изучаем шаблоны на GraphicRiver.net.

Статьи:

«Гайдлайн AREA 17 для тех, кто создает дизайн с умом»;

статья про обезьян.

Книги:

«Slide:logy» Нэнси Дуарте;

«Resonate» Нэнси Дуарте;

«Презентация в стиле дзен» Гарр Рейнольдс;

«Говори и показывай» Дэн Роэм.

Осваиваем инструменты: Illustrator CC Fundamentional, Illustrator CC Hotkeys.

2-й уровень

Статьи:

«Пятиминутный гид для недизайнеров»;

«Как выбрать правильный шрифт».

Книги:

«Живая типографика» Александра Королькова;

«Дизайн для НЕдизайнеров» Робин Вильямс;

«Как сделать красиво на бумаге» Роджер Паркер.

Инструменты: Illustrator CC Advanced, Illustrator CC Hotkeys.

3-й уровень

Книги:

«Типографика и верстка» Артем Горбунов;

«Искусство формы» Иоханнес Иттен;

«Искусство цвета» Иоханнес Иттен;

рубрика «Переверстка» — блог Игоря Штанга;

Школа Readymag.

Cтатьи:

«Как создать сайт. Пошаговое руководство»;

«Основные этапы работы над веб-проектом»;

«Психофизиология графических интерфейсов»;

«Вайрфреймы, прототипы и мокапы — в чем разница?».

Инструменты: Illustrator CC New Features Advanced, Sketch, Sketch Hotkeys.

4-й уровень

Книги:

«Настольная книга газетного дизайнера» Тим Харровер;

«Ководство» Артемий Лебедев;

«Пособие для интернов» Студия Чулакова;

«Дизайн в цифровой среде».

Инструменты: Photoshop CC Basics, Photoshop CC Design, Photoshop CC Hotkeys.

Дизайнер

1-й уровень

Статьи:

«12 принципов UX-анимации»;

«Как конвертировать интерфейс iOS в Android»;

«Закон Фиттса»;

«Закон Хика»;

«Принцип пустого инбокса»;

«Защита решений»;

«Как готовить кейсы на Behance».

Книги:

«Основы стиля в типографике» Роберт Брингхерст;

«Интерфейс» Джеф Раскин;

«Пользовательский интерфейс» Илья Бирман.

Инструменты: Principle, Flinto, Acrobat DC Essential, Hotkeys.

2-й уровень

Статьи:

«Принципы и приемы проектирования удобного интерфейса»;

«Интерфейс как система»;

«О чем должен помнить веб-дизайнер»;

«Как отображать древовидные обсуждения»;

«Адаптивные таблицы»;

«Проектирование и дизайн лучших таблиц данных»;

«Как рисовать графики в Sketch»;

«13 cпособов представления форм»;

«Про персональные данные»;

«Компромисс между дизайнером и разработчиком».

Книги:

«Любые книги» Эдвард Тафти;

«Будущее вещей» Дэвид Роуз;

«Проектирование интерфейсов» Билл Скотт, Тереза Нейл;

«Malofej» International Infographics Awards.

Инструменты: Photoshop CC Advanced, Photoshop CC New Features.

3-й уровень

Статьи:

LogoLounge.com: book 8, 9, 10.

Книги:

«Логотип и фирменный стиль» Дэвид Эйри;

«Дизайн: форма и хаос» Пол Рэнд;

«О рекламе» Дэвид Огилви;

«Облик книги» Ян Чихольд;

«Модульные системы в графическом дизайне» Йозеф Мюллер-Брокманн;

«Сетки. Креативные решения для графических дизайнеров» Люсьен Робертс;

«Дизайн для реального мира» Виктор Папанек.

Инструменты: InDesign CC Essential, InDesign CC New Features, Lynda Logo Techniques, Lynda Pen Tool: Mastery.

4-й уровень

Статьи:

«Эмпатия и рефлексия — основа художественного мышления»;

«Подписка на Нэнси Понг»;

«Дитер Рамс: 10 правил хорошего дизайна»;

«Дизайн-мышление. Гайд по процессу»;

«10 приемов взлома своего образа мышления»;

«Как верстать формы»;

«Монитор 2.0: зачем мы опять все переделали»;

«Meduza: how it works».

Видео:

Лекционные видео Людвига Быстроновского;

Двадцатиминутки о дизайне Дмитрия Карпова.

Книги:

«Сначала мобильные» Люк Вроблевски;

«Отзывчивый веб-дизайн» Итан Маркотт;

«Эмоциональный веб-дизайн» Аарон Уолтер;

«Психбольница в руках пациентов» Алан Купер.

Инструменты: Keynote Hotkeys, Powerpoint Hotkeys.

5-й уровень

Статьи:

«Проектируем удобный дэшборд»;

«Как разработать крутую форму регистрации»;

«Разработка правильных форм ввода информации»;

«11 правил оформления списков и перечней»;

Разобраться в разнице между «делать» и «сделать», чтобы не путать процесс с результатом.

Книги:

«Не заставляйте меня думать» Стив Круг;

«Как сделать сайт удобным» Стив Круг;

«Интерфейс. Основы проектирования взаимодействия» Алан Купер.

6-й уровень

Статьи:

«30 тактик по оптимизации конверсии»;

«Чекбоксы и переключатели в формах»;

«Главные ошибки дизайна и юзабилити сайта»;

«Проектирование и дизайн»;

«Лендинги IT-Agency».

Книги:

«Голая статистика. Самая интересная книга о самой скучной науке» Чарльз Уилан;

«Редактируем дизайном» Ян В. Уайт;

«Веб-дизайн» Якоб Нильсен.

Сеньор

1-й уровень

Статьи:

«Компоненты веб-интерфейса»;

«Методы Брейнсторминга» Генрих Альтшуллер.

Видео:

Школа дизайна «Яндекса».

Книги:

«Сожги свое портфолио» Майкл Джанда;

«Книга про буквы от Аа до Яя» Юрий Гордон;

«ТРИЗ» Генрих Альтшуллер.

2-й уровень

Статьи:

«Научиться правильно ставить SMART-задачи: чек-лист хорошего списка задач»;

«Научиться любить и искать критику. Три закона критики от Ильяхова».

Книги:

«Дневник дизайнера-маньяка» Яна Франк;

«Пинбол-эффект» Джеймс Берк;

«Эволюция графических стилей» Стивен Хеллер и Сеймур Чваст.

Инструменты: Microsoft Excel.

3-й уровень

Статьи:

советы и статьи Максима Ильяхова;

рассылка «Главреда»;

«Все об информативном тексте»;

«Как сделать текст простым. Чек-лист».

Книги:

«Дизайн привычных вещей» Дональд Норман;

«Пиши, сокращай» Максим Ильяхов, Людмила Сарычева.

4-й уровень

Статьи:

Материалы «Тильды».

Книги:

«Дизайн — это работа» Майк Монтейро;

«Покажи свою работу» Клеон Остин;

«Кради как художник» Клеон Остин.

Арт-директор

1-й уровень

Статьи:

«Как воспитать команду инноваторов, которая поможет вашему бизнесу расти»;

«Менеджер против дизайнера»;

«Как организовать работу?»;

«Еженедельные отчеты клиентам»;

«Небольшие доработочки»;

«Изучить технику пустого инбокса и начать применять ее в жизни»;

«Всегда применять принцип «исполнитель понимает задачу».

Видео:

Андрей Дьяков о правилах общения с клиентами.

Книги:

«Сначала скажите «Нет». Секреты профессиональных переговорщиков» Джим Кемп;

«Не работайте с мудаками» Роберт Саттон;

«Советник, которому доверяют» Дэвид Майстер;

«Договориться можно обо всем» Гэвин Кеннеди.

Навыки: аккаунтинг и переговоры.

2-й уровень

Статьи:

«Методы ведения проектов»;

«Управление проектами, людьми и собой»;

«Scrum и Kanban: выжимаем максимум»;

«Scrum и гибкие методологии разработки»;

«Изучить и начать применять матрицу Эйзенхауэра, чтобы уметь расставлять приоритеты».

Видео:

«Суть и проблемы проектного менеджмента».

Книги:

«Rework. Бизнес без предрассудков» Джейсон Фрайд, Дэвид Хенссон;

«СПИН-продажи» Нил Рекхэм;

«7 навыков высокоэффективных людей» Стивен Р. Кови;

«Думай как дизайнер» Жанна Лидтка и Тим Огилви.

Навыки: ведение проектов и продажи.

3-й уровень

Статьи:

«5 книг о мозге и сознании» от postnauka.ru;

подборка книг от Людвига Быстроновского.

Книги:

«Remote. Офис не обязателен» Джейсон Фрайд, Дэвид Хенссон;

«Управленческие дилеммы. Теория ограничений в действии» Эли Шрагенхайм;

«Как найти своих людей. Искусство подбора и оценки персонала для руководителя» Светлана Иванова;

«Гибкое сознание» Кэрол Дуэк.

Навыки: наставничество.

4-й уровень

Книги:

«Цель: процесс непрерывного совершенствования» Элияху Годратт, Джефф Кокс.

Навыки: управление.

С чего начать в профессии дизайнера: 6 шагов. С чего начать обучение самостоятельно? Что нужно знать: необходимые навыки для дизайнера

Как сделать первые шаги в профессии: 6 этапов, через которые должен пройти каждый начинающий дизайнер.

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

1. Получить теоретическую базу

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

Самую глубокую теоретическую базу дизайнер может получить в высших учебных заведениях, продолжительность учёбы составляет 4-6 лет. Если у вас нет времени на обучение в вузе, обратите внимание на дистанционные курсы – там нет общеобразовательных предметов, а большая часть занятий нацелена на развитие практических навыков. В Pentaschool есть несколько интенсивных программ для получения профессии дизайнера с нуля: 

2. Развивать художественные навыки

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

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

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

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

3. Освоить графические редакторы

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

1. Adobe Photoshop – обработка изображений, растровая и векторная графика, коллажирование, ретушь.

2. Adobe Illustrator – векторная графика, создание макетов полиграфической продукции, изображений для web-страниц, презентаций.

3. Adobe InDesign – вёрстка макетов.

Помимо базовых редакторов, можно освоить и дополнительные программы – CorelDraw, Autodesk 3ds Max (для 3D-моделирования) и др. Для ландшафтного проектирования и создания дизайна интерьеров необходимо уметь работать в ArhiCAD.

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

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

4. Общаться с профессионалами

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

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

5. Собрать портфолио

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

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

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

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

6. Брать первые заказы

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

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

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

25 советов начинающим веб-дизайнерам — Лайфхакер

Никита Обухов

Дизайнер. Основатель сервиса Tilda Publishing. Руководитель дизайн-студии FunkyPunky. Куратор курса по веб-дизайну в Британской высшей школе дизайна.

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

1

Создание сайта — это технология

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

2

Нельзя работать над проектом, который ты ненавидишь

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

3

Любая разработка начинается с боли и неудовлетворённости

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

4

Умение слушать — первое, чему следует научиться дизайнеру

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

Нужно понять мир, в котором существует человек. У каждого из нас есть уникальный опыт (события, которые мы пережили), который детерминирует наше отношение к миру. Часто мы говорим: «Да, я это знаю, мне всё понятно». Но оказывается, что разница кроется в деталях и она может быть принципиальной. Поэтому, когда мы слушаем человека, нужно постараться вжиться в его образ, как это делают актёры. Почувствовать себя на его месте.

Иллюстрация из лекции об эмпатии курса «Дизайн в цифровой среде». Автор: Юлия Засс

5

Идея требует времени

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

Переключитесь на другую задачу, а ещё лучше возьмите паузу: займитесь спортом, погуляйте по городу, пообщайтесь с друзьями. Совет не новый, но он действительно работает — через какое-то время идея обязательно появится.

6

Используйте майндмэппинг для генерации идей

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

7

Проводите исследования

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

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

8

Смотреть картинки — это работа

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

Фото: Tilda Publishing

9

Следите за трендами

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

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

10

Хороший дизайн — это результат вашего саморазвития и самообразования

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

11

Учитесь не только веб-дизайну

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

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

12

Направляйте критику в конструктивное русло

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

13

Найдите вдохновляющих людей

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

Скриншот Twitter-аккаунта Стефана Загмайстера

14

Не жалейте времени на хорошую композицию

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

Людей давно соблазняет мысль рассчитать идеальные пропорции математически (канон Виллара де Оннекура, ряд Фибоначчи и так далее). Но никакие цифры не позволят создать такую композицию, которую вы почувствуете, раз за разом меняя положение объектов. Это непросто, требует навыков и опыта, но это самый интресный и плодотворный способ.

15

Ограничьте цветовую палитру

Цвет — это просто. Это такая супербазовая единица, как буква. Но это не значит, что нужно покрасить всё в разные цвета. Наоборот, используйте один цвет, который займёт 80–90%, и дополнительный цвет в качестве акцента. Один — лучший вариант. Три использовать нельзя. Два — очень аккуратно.

16

Подключите фирменный шрифт

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

17

Используйте сетку как вспомогательный инструмент

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

18

Используйте прототип, чтобы договориться с заказчиком

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

Фото: Tilda Publishing

19

Итерации — основа хорошего дизайна

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

20

Главный навык дизайнера — уметь рассказать историю

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

В веб-дизайне под сторителлингом мы понимаем способ подачи информации. Цифровой сторителлинг — сочетание контента и интерфейса.

21

Рисуйте каждую страницу как Landing Page

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

22

Добавьте «воздуха»

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

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

23

Не перегружайте меню

Один из признаков хорошего сайта — понятная навигация. Меню поможет её организовать. Добавив меню, убедитесь, что оно визуально хорошее: не слишком большое, не перегружает всю страницу. Пунктов меню не должно быть много, лучше всего не больше пяти. Смело укрупняйте разделы. Названия делайте короткими. Три слова как пункт меню явно не годятся. Они должны считываться с первого взгляда.

Скриншот сайта дизайн-студии Surf

24

Продавайте себя, а не портфолио работ

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

25

Увлеките пользователя продуманной типографикой

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

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

Теоретический курс «Дизайн в цифровой среде» можно почитать тут.

Услуги начинающего дизайнера интерьера — стоимость качественных и недорогих услуг по созданию проекта интерьера молодым дизайнером

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

Молодые дизайнеры интерьеров сайта Юду обладают следующими необходимыми профессиональными качествами:

• коммуникабельностью
• художественным воображением
• пространственно-образным мышлением

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

Изменение интерьера: этапы работы начинающего специалиста

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

Перед разработкой документации специалист согласовывает такие вопросы:

• стиль оформления помещения
• размеры и этажность объекта
• основные цвета
• предпочитаемые материалы
• оформление соответствующей проекту документации

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

Из чего состоит дизайн-проект

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

Документация состоит из таких разделов:

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

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

Как заказать услуги у мастеров Юду

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

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

Руководство для начинающих веб-дизайнеров по цветам

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

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

Цвет: это психологическое и культурное восприятие

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

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

Источник изображения — colorindesign.net

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

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

Источник изображения — Stoneleigh Wines

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

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

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

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

Источник изображения — Red Card Sports Bar

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

Психологическое цветовое колесо

Сила, страсть и энергия

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

Источник изображения — Sports New Media

Elegantly Dark

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

Источник изображения — Breezi

Спокойствие и прохлада веб-сайта

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

Источник изображения — Мастер

Как волдырь на солнце

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

Источник изображения — Polish Taxi

Orange Crush

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

Источник изображения — OrangeQC

Зеленый в цвете

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

Источник изображения — AziendaOleariadel Chianti

Фиолетовый

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

Источник изображения — Получить символы

Белый

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

Источник изображения — Nils Clasen

50 оттенков серого

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

Источник изображения — PneuservisPraha

Розовый

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

Источник изображения — Ресторан MidiSoir

Коричневый

Комфорт, сила, стабильность и надежность представлены коричневым цветом.С этим тоже можно связать примитивизм и приземленность.

Источник изображения — Resistenza

Комбинация цветов и темы

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

Мотивы

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

Источник изображения — Lenineon

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

Источник изображения — Это Hovland

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

Сезонные темы

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

Праздники

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

Источник изображения — Burkson, This is Hovland, The Christmas Tree

Выбор цвета с помощью правильных инструментов

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

• Kuler — Действительно интуитивно понятный инструмент, который позволяет вам обмениваться и просматривать темы, а также уже установленные цветовые темы, бесплатные и заполненные, связанные с другими продуктами Adobe.
• Генератор цветовой палитры — Если вы случайно планируете использовать много изображений и они чем-то напоминают, вы можете использовать экстрактор цвета, который позволит вам выбрать цветовую палитру в зависимости от изображений, которые вы используете.
• ColorMatch 5k — Планируете использовать несколько цветов и не знаете, как совместить их с другими? Это простое в использовании онлайн-приложение позволяет вам экспериментировать с ползунками, чтобы вы ни разу не ошиблись.

Как это сделать?

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

.

Canva — Фоторедактор и дизайн: лучший инструмент для начинающих цифровых дизайнеров

Canva — фоторедактор и дизайн

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

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

Минусы: Требует много ресурсов и может привести к сбоям. Можно легко спутать «макеты» и «проекты» и потерять работу в процессе.

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

Подробнее

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

По Common Sense Education

(Изображение предоставлено Common Sense Media) ,

Стратегии проектирования для новичков и экспертов

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

Что это такое

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

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

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

Не вмешивайся

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

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

Стратегии проектирования

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

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

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

Каталожные номера:

1. Калюга, Слава. Эффект отмены опыта. Психолог-педагог , 38 (1), 23–31.
2. Калюга, Слава. Управление когнитивной нагрузкой в ​​обучении на основе ИКТ.
3. Слава Калюга и Александр Ренкл. Эффект отмены опыта и его учебные последствия
   последствия: введение в специальный выпуск. Instr Sci (2010) 38: 209–215.

ПРИСОЕДИНЯЙТЕСЬ ко мне НА FACEBOOK. Еще советы и возможность для обсуждения!

Статьи по теме:
Мозг эксперта
Дизайн для экспертов
Мозг новичка
Как разрабатывать для новичков

,

Визуальное отображение навыков вашей команды

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

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

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

Два примера карт компетенций.

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

Карты компетенций

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

Шаг 1. Составьте список ключевых компетенций.

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

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

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

1. Общие исследования пользователей
2. Оценка потребностей пользователя
3. Оценка удобства использования
4. Метрики и измерения
5. Информационная архитектура
6. Прототип
7. Дизайн взаимодействия
8. Визуальный дизайн
9. Письмо
10. Управление клиентами
11. Профессиональное сотрудничество
12. Бизнес и стратегия
13. Развитие
14. Помещения для мастерских

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

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

Шаг 2: Определите, что означают эти ключевые компетенции на практике

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

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

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

Шаг 3. Настройте разные уровни знаний.

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

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

Шесть уровней для измерения уровня знаний:

• 0 — Совершенно незнакомо: Не понимает компетенции.
• 1 — Новичок: Понимает компетенцию и ее важность.
• 2 — Продвинутый новичок: Демонстрирует эту компетентность под наблюдением или с поощрением.
• 3 — Компетентность: Демонстрирует эту компетентность независимо от надзора или поощрения.
• 4 — Уровень владения: Поощряет или руководит другими в этой компетенции.
• 5 — Эксперт: Разрабатывает новые способы применения этой компетенции, измеряемой на мировой арене.

Здесь вы можете увидеть пустую карту компетенций. Для нашей команды я создал эту и красочные карты в Sketch. Если вы не используете такое программное обеспечение, как Sketch или Figma, или не уверены в своих навыках проектирования, я предлагаю вам начать с простой паутины / радарной диаграммы с помощью Excel или простых онлайн-инструментов, таких как Vizzlo.

Наша пустая карта компетенций — теперь пора сделать карту для всех!

Шаг 4. Оцените каждого члена команды с помощью карты компетенций

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

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

Нам нужно было, чтобы каждый член команды внес свой вклад, но также и некоторые другие, чтобы дать свою оценку человеку.Итак, мы сделали следующее:

1. Мы создали гугл-форму со списком компетенций и уровней.
2. Мы сформировали группы из трех человек и попросили всех заполнить форму для себя и двух других, с которыми они работали в течение последних месяцев. (Узнав, что новички склонны переоценивать, а эксперты склонны недооценивать свою компетентность, мы поняли, что получим более объективные результаты, если смешаем их.)
3. Мы обсудили результаты, сходства и различия во время индивидуальных встреч с руководителем студии.
4. Мы добавили на карту окончательные выводы.
5. Обсудили от трех до пяти возможных компетенций, которые они хотят улучшить в следующие месяцы.

Окончательный результат выглядел так:

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

Шаг 5.Приоритезация компетенций: синтез результатов с жизненным циклом продукта

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

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

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

Сочувствие

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

Липкость

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

Виральность

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

Доходы и масштаб

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

Вам нужны разные компетенции на этапах жизненного цикла продукта.

Ваш личный список дел: как начать управление компетенциями?

1. Как владелец продукта создание собственной производственной команды,

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

2. Как руководитель проекта управление собственной командой,

1. Скопируйте эту форму и попросите каждого члена команды заполнить ее для себя и двух других, с которыми они работают.
2. Обсудите результаты один на один, чтобы объективно определить области, в которых рейтинг отличается, и где они хотят улучшить.
3. Визуализируйте компетенции на карте для каждого индивидуально.
4. Найдите шаблоны для всей команды и организуйте для них возможности обучения. Это может быть курс, в котором они участвуют как команда, или курсы, которые могут обучать новичков. Возможно, вам понадобится другой человек, чтобы покрыть некоторые из необходимых компетенций вашей команды.

3. Как рекрутер ,

1. Используйте перечисленные выше описания компетенций для написания объявлений о вакансиях.
2. Используйте области компетенции для поиска портфолио дизайнера.

4. Если вы или хотите стать дизайнером продукта ,

1. Используйте инструмент в качестве ориентира для определения необходимых компетенций.
2. Составьте собственный план и определите области для улучшения; визуализируйте это.
3. Используйте карту и список компетенций в своем портфолио

Как вам понравилась эта статья?

Хотите узнать все о наших методах и принципах? Наш генеральный директор Дэвид Пастор — автор книги о дизайне продуктов.

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

Пользователи уходят с вашего сайта, а коэффициент конверсии низкий? Аудит UX может помочь выявить потоки юзабилити в вашем продукте и определить ключевые шаги по повышению его производительности. Узнайте больше о UX Expert Review от UX studio — >>

Статьи по теме:

,