Как сделать и оформить портфолио дизайнеру

Решение реальной проблемы

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

Дизайнерский дайджест ». Это еженедельная рассылка главного редактора с лучшими ссылками для графических дизайнеров.

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

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

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

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

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

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

И да

Нам важно ваше мнение. Ваши комментарии приветствуются

Определиться с работами для включения в портфолио

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

• Кто вы как дизайнер? Какие виды работы вы делаете?
• Какое сообщение вы хотите донести до своего дизайнерского портфолио? Когда кто-то смотрит на него, как они могут определить вашу специализацию дизайна: веб-дизайн, UX , дизайн продукта, графический дизайн и так далее?

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

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

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

Итак, вот краткое изложение правил :

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

Выберите платформу для вашего портфолио дизайна

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

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

Вот варианты для рассмотрения:

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

Хостинг бизнес-сайтов, таких как Squarespace или Weebly. Здесь вы также можете выбрать шаблон для вашего портфолио, но иметь больше контроля над ним. Вы можете настроить его, выбрать премиум-варианты или оставить все как есть.

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

Поддерживайте проверенный и надежный формат

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

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

Определитесь с основной целью и форматом вашего портфолио.

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

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

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

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

Как освоить веб-дизайн самостоятельно и бесплатно

Изучить теорию

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

• «Школа дизайна: макет» от Ричарда Пулина. Практическое руководство с фундаментальными основами, правилами и примерами составления композиционных схем верстки. 
• «Графический дизайн. Принцип сетки» от Кимберли Элам. Книга позволит научиться основам композиции и проектировать изображения и страницы на основе сетки.
• «Искусство цвета» от Иоханнеса Иттена. Создатель известного цветового круга в своей культовой книге рассказывает о цветовой гармонии и цветовом конструировании. Она подойдет не только дизайнерам, но и иллюстраторам, фотографам и художникам.

Пройти бесплатные курсы 

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

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

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

Постоянно практиковаться 

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

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

Зарегистрироваться на бирже дизайнеров

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

Тренировать насмотренность

Что значит портфолио?

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

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

В чем отличие портфолио от резюме?

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

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

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

Пример:

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

Важные моменты в создании портфолио

Эти советы помогут вам сделать ваше портфолио более привлекательным и грамотным.

Выбор нужного направления

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

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

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

Пример – Кэрол Банач. Муралы, представленные в его портфолио, преображают интерьер любого офиса, ресторана и пр.

Не бойтесь учиться у профессионалов

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

Пример – креативное агентство Red Keds, в портфолио которого про каждый проект сняли продающий видеоролик.

Что делать, если пока нет выполненных для клиентов работ

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

Как новичку «разжиться» проектами для портфолио

1. Создание собственного проекта, типа плакатов или визиток.
2. Возьмите любую компанию и сделайте обновление ее старого дизайна. Или придумайте для себя заказчика и создайте проект для него. Многие крутые дизайнеры начинали свой путь, делая выдуманные или бесплатные работы.
3. Проходите обучение и пополняйте портфолио учебными работами. Закончите курс любого известного дизайнера: после прохождения практической части у вас будет готовая работа для портфолио.
4. Делайте тестовые задания. Откликнитесь на вакансию, опубликованную дизайн-студией. Не беда, если вам не удастся её занять. Работу, выполненную по тестовому заданию, вы поместите в свое портфолио.
5. Благотворительность – это замечательно и полезно. Поучаствуйте в благотворительной акции: сделайте бесплатный дизайн для вашего знакомого либо какого-то учреждения. И портфолио пополните, и на душе хорошо станет.

Таким образом можно создать себе портфолио, даже не имея ни одного клиента.

5 классных проектов лучше, чем 15 посредственных

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

Не старайтесь впихнуть всё, что у вас есть. Достаточно пяти-семи работ, но самых крутых.

Слабый дизайн не спасет хорошая презентация

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

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

Зачем веб-дизайнеру собирать портфолио

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

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

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

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

Перспективы и карьера

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

1. Junior web-designer

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

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

2. Middle web-designer

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

Зарплата мидла около 40000-60000 рублей в месяц, на покорение этого уровня может уйти от 1 до 2 лет.

3. Senior web-designer

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

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

4. Team Lead web-designer

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

Зарплата тимлида или арт-директора от 100000 рублей в месяц.

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

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

Потенциальные работодатели могут даже не смотреть на ваше образование, им важно, что вы умеете

Сайт-портфолио веб-дизайнера поможет достигнуть следующих целей:

найти заказы – иллюстратор вы или UI-, UX-дизайнер, подтверждать умения одинаково важно;

совершенствовать профессиональные скиллы – первые проекты можно сделать только ради саморекламы; 

быть конкурентноспособным – качественные и интересные работы могут стать решающим фактором, когда работодатель выбирает между вами и другими исполнителями;

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

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

Платные курсы для начинающих

В обзоре собраны программы, позволяющие освоить профессию с нуля.

Название курса и ссылка на него	Описание
Веб-дизайнер (уровень обучения – с нуля)	Курс в университете Нетология. Обучаться можно онлайн, из любой точки мира. Можно освоить профессию с нуля. Упор идет на практику, что помогает лучше освоить навыки и получить работы для портфолио. Они пригодятся при последующем трудоустройстве. Особенность Нетологии – это вебинары, на которых можно не только слушать преподавателя, но и задавать ему вопросы и получить ответы. Домашние задания проверяют и дают по ним обратную связь. Помогают с трудоустройством.
	Онлайн-курс в школе Бруноям. Доступ к первой части можно получить бесплатно. Включает теорию и практические задания, которые проверяет наставник. Подходит новичкам, осваивающим профессию с нуля.
	Курс в Skillbox. Сочетает освоение теории и практических навыков для решения реальных задач. Рассчитан на самостоятельное обучение. Вы получаете доступ к урокам, просматриваете их и выполняете практические задания. Подойдет людям, которые уже сделали первые шаги в дизайне. Например, сами освоили азы Photoshop, и теперь хотят изучить все на более глубоком уровне.
	Курс в Skillbox, где можно обучиться делать дизайн сайтов на популярном конструкторе Tilda. Заработать на этом навыке можно на биржах фриланса, например, Кворке.

Портфолио дизайнера — как создать и оформить, где размещать

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

Сбор и подготовка материала для портфолио

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

Сбор:

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

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

Подготовка:

• Рассортировать выбранные работы по разделам (если работаете в нескольких направлениях). Это нужно, если размещаете разделы с работами на своем сайте или сервисе/площадке, который подразумевает разделы. Для Инстаграм сортировать можно разве что для актуальных сторис.
• Привести работы к единому формату. Например, если размещаете в виде картинок на своем сайте — сделать одинаковый размер картинок. Если в Инстаграм — кадрировать так, чтобы самое главное попало в кадр.
• Если размещаете портфолио на своем сайте, и картинки или анимация получаются слишком тяжелые — нужно их сжать или настроить ленивую загрузку изображений на сайте (Lazy Load). Иначе контент может тормозить работу сайта, а это будет раздражать его посетителей — потенциальных заказчиков.
• Оформить каждую работу для портфолио — написать тип работы (логотип, макет, редизайн старого сайта), название проекта или компании, для которой создавался дизайн, можно добавить краткую историю (какой смысл вложен в работу или какая задача перед вами стояла), за какой срок сделана работа (если помните, конечно), в каком году (необязательно).
• Оформить или подумать, как оформить отзывы. Если размещаете их на своем сайте — это может быть отдельно оформленный блок с цитатой. Если размещаете отзывы в соцсетях — можно в виде скринов (например, в актуальных сторис, если это Инстаграм).

Это интересно: Этапы разработки айдентики

Где дизайнеру разместить портфолио

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

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

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

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

Вот как может выглядеть ваше портфолио на одном из шаблонов:

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

В сервисах для размещения портфолио. Вместо сайта можно использовать сервисы для создания портфолио: Portfeel и Portfoliobox.

На онлайн-площадках. Must-have площадки для размещения дизайнерского портфолио это Behance и Dribbble. Даже если у вас есть личный сайт, на них все равно стоит разместить свои работы. Особенно, если планируете работать с зарубежными заказчиками. Это не только площадки для демонстрации работ, но и для поиска клиентов.

В соцсетях. Презентовать себя и найти заказчиков можно и через соцсети. Для дизайнеров (особенно графических) две идеальных площадки — это Instagram и Pinterest. Есть еще малоизвестный аналог Пинтереста — Savee.it. Его можно использовать для демонстрации работ потенциальным заказчикам.

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

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

2. Изучить специфику web. Как пользователи воспринимают информацию с экрана, какие технические особенности нужно учитывать. В этом помогут книги. Классика – «Веб-дизайн» Якоба Нильсена. Изданию более 20 лет, некоторые советы устарели, но основы в нем изложены подробно и ясно. Также нужно разобраться, что представляет собой сайт, из чего состоит, как разрабатывается. Изучать современные тенденции. Для этого стоит читать профильные сайты. Например, на UXJournal есть курс для желающих самостоятельно научиться веб-дизайну с нуля.

3. Знакомиться с графическими редакторами (Figma,Principle, Adobe Photoshop, Illustrator, Corel Draw). Для начала стоит выбрать одну программу и подробно ее изучить. Сейчас популярна Figma. По этой программе для веб-дизайна много бесплатных уроков для изучения с нуля, курсы со свободным доступом – например, в Нетологии или на Ютуб. Освойте основные инструменты программы: стили, компоненты, цвет, маски, текст и другие. Желательно сразу отрабатывать теорию на практике – придумывать и делать учебные задания на применение каждого инструмента.

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

• Сделать схему расположения основных блоков.
• Выбрать цветовую схему.
• Подобрать шрифты.
• Задать модульную сетку, выбрать места для основных элементов страницы.

• Отрисовать каждый элемент страницы.

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

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

6. Освоить азы верстки на HTML и CSS. «Должен ли дизайнер уметь хорошо верстать» – спорный вопрос. Версткой занимаются отдельные специалисты – верстальщики. Но базу надо знать, потому что без понимания HTML и CSS не сделать правильный макет. Это как нарисовать проект здания, не разбираясь в технологиях строительства.

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

7. Составлять техническое задание (ТЗ) для верстки. Это потребуется для взаимодействия с верстальщиками и разработчиками.

8. Основы UX. Чтобы научиться веб-дизайну, нужно знать, из чего состоят пользовательские интерфейсы, каковы принципы их построения. Как проводить исследования аудитории и поведения пользователей и применять результаты. Уроки по UX на Habr.ru.

Теория – это база

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

Какие цвета стоит использовать для сайта-портфолио?

Как вы понимаете, это креативная часть и здесь нет единого ответа. Меня довольно часто просят скинуть сайты-портфолио которые нравятся лично мне, но вы должны понимать, что вкусы у нас могут отличаться. Например, мне нравятся темные сайты с темными интерфейсами, а вам могут нравиться яркие цвета, может даже розовый и принципе здесь не угадать с выбором цвета. Поэтому лучшим решением будет обратиться на сайт ThemeForest, где вы можете посмотреть примеры сайтов и взять какую-то идею для себя. Так же вы можете перейти на сайт Dribbble и в поисковой строке написать слово Portfolio, здесь вы также увидите множество решений, как цветовых, так и по расположению блоков. По такому же принципу работает сайт , здесь вы тоже можете ввести  в поисковый запрос Portfolio и подобрать варианты под себя. Если вдруг, по какой-то причине, вы не можете подобрать цвета которые хотели бы использовать на сайте, либо вы точно знаете какой хотели бы применить один из оттенков, то воспользуйтесь сервисом ColorScheme, вы можете написать код конкретного оттенка и уже после подобрать оттенки в зависимости от того сколько цветов вам необходимо на сайте. Почти по такому же принципу работает и сервис Palettable, но работает он по принципу Like/Dislake. Если вам не нравиться цветовое решение, то прощелкивайте до необходимого, если нравиться — ставите Like и соответственно дальше подбираете нравиться вам сочетание с первым цветом или нет.

Советы по составлению портфолио

1. Работы должны быть примерно одинаковыми по качеству.

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

2. Проекты должны отвечать духу времени.

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

3. Не добавляйте в портфолио незавершенные работы.

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

4. Забудьте о бесплатных мокапах.

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

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

Мокап для айдентики компании PLM. Источник

5. Используйте реальные фото проекта.

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

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

6. Следите за стилистическим единством кейса.

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

7. Попросите прокомментировать портфолио опытных дизайнеров.

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

профессия графический дизайнер с нуля до ПРО

20 месяцев
профессия графический дизайнер с нуля до ПРО

За год количество вакансий в графическом дизайне увеличилось на 222%. Научитесь создавать любой визуальный контент на уровне middle — от макетов сайта до полиграфии.

Научиться

8 300 ₽/мес.

5 395 ₽/мес.

Бумажные портфолио

20. Объём

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

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

19. Подходящие примеры

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

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

18. Контекст

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

Вам нужно будет уметь тщательно интерпретировать бриф.

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

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

17. Работа ради удовольствия

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

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

16. Срок годности

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

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

15. Рекомендации

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

Все это показывает ваши возможности

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

Рекомендации всегда помогают.

14. Шаг назад

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

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

13. Демонстрируйте себя во всей красе

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

Делайте упор на то, что вы профессионал во всем. Как в навыках общения, так и в соблюдении сроков.

12. Продавайте себя

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

11. Портфолио с индексами

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

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