Web дизайн с нуля: Курс «Веб-дизайнер с нуля», онлайн-обучение веб-дизайну сайтов

Лучшие курсы по веб дизайну 2023 (голосование) / Хабр

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

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

Сontented

Сontented

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

Плюсы:

Минусы 

Netology

Netology

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

Плюсы:

Минусы:

Skillbox

Skillbox

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

Курс веб дизайна от Skillbox длится 8 месяцев. Он разбит на два блока:

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

• Веб дизайн PRO — в этом блоке вы разберетесь как веб дизайнеру найти свой стиль и где работать; научитесь правильно выбирать проекты.

Плюсы: 

Минусы:

Skillfactory

Skillfactory

SkillFactory — это российская образовательная платформа, которая с 2021 года сотрудничает с министерством цифрового развития, связи и массовых коммуникаций Российской Федерации в рамках реализации программы «Цифровая экономика Российской Федерации». Основные направлениями школы являются:

Плюсы:

• Возможность пройти онлайн-магистратуру в МФТИ или РАНХиГС

• Большое количество бесплатных материалов.

• Сильное UX/UI направление.

Минусы:

Brunoyam

brunoyam

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

Плюсы:

Минусы:

Sky.pro

Sky.pro

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

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

Особенностью Sky.pro является гарантия трудоустройства по окончанию обучения, которая прописана в договоре. Доступно как индивидуальное обучение, так и корпоративное. Курсы длятся в среднем 12 месяцев, хотя есть и трехмесячные.

Плюсы:

Минусы:

Rebotica

Rebotica

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

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

Плюсы:

• Занятия проходят один на один с преподавателем.

• Бесплатный пробный урок.

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

Минусы:

Coddyschool

Coddyschool

Coddyschool.com — это школа программирования, где вас научат разрабатывать игры, чат-боты, обрабатывать музыку, а также создавать сайты и работать с графикой. Сoddyschool предлагает курсы по верстке сайтов, курсы веб дизайнер, программированию в minecraft и созданию  игр в Scratch.

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

Плюсы:

Минусы:

ITVDN

ITVDN

Школа хорошо подходит для тех, кто хочет освоить профессию веб дизайн. С чего начать свой путь в IT-индустрии с нуля? Зарегистрироваться в itvdn. Здесь вам предложат курсы по UI/UX дизайну, верстке сайтов, фронтенду, JavaScipt,  разработке игр и приложений. Обучение проходит в формате видеоуроков и домашних заданий. Возможно прохождение курса как с тренером, так и самостоятельно.  

Плюсы: 

Минусы:

Videoforme

Videoforme

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

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

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

Плюсы: 

• Комфортная атмосфера, с уютными аудиториями.

• Приемлемая стоимость обучения.

• Курсы часто обновляются.

• Большое количество профессий.

Минусы:

Sredaobuchenia

Sredaobuchenia

Онлайн школа Sredaobuchenia занимается дистанционным образованием с 2003 года. Данная образовательная площадка предлагает три формы обучения:

Набор студентов проводится на девять факультетов:

• Факультет дизайна;

• Факультет дизайна интерьеров;

• МГИМО онлайн;

• Факультет Fashion;

• Факультет издательского дела;

• Факультет современного искусства;

• Факультет психологии;

• Школа Родченко онлайн;

• Школа кино и телевидения “Индустрия”

Среда обучения сотрудничает Первым Московским государственным медицинским университетом имени И. М. Сеченова,  МГИМО, МЭИ.

Плюсы:

Минусы:

Логомашина

Логомашина

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

Плюсы:

• Возможность собрать портфолио.

• Хорошо подойдет начинающим дизайнерам.

• Быстрый и качественный фидбек.

Минусы:

Pentaschool

Pentaschool

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

Студенты школы во время обучения проходят стажировку в таких компаниях, как: MORS MARKETING & DESIGN, Аналитикум+, Маркетинговое агентство ZAMEDIA.

Плюсы:

Минусы:

Gb.ru

Gb.ru

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

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

Курс веб дизайна от GeekBrains  длится 12 месяцев, по 3 занятия в неделю. По окончанию студенты получают диплом и портфолио с 6 выполненными работами.

Плюсы:

Минусы:

• Долгий фидбек. 

Design it

Design it — это онлайн школа дизайна, основанная в 2018 году. Курс состоящий из 18 уроков и 9 модулей, содержит материалы по таким элементам дизайна как: брендинг и скетчинг. Ученики обучаются работе в Adobe Photoshop,Adobe Illustrator, Adobe After Effects  и  Adobe Premiere Pro.

Плюсы:

Минусы:

Coursera

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

Каждый из курсов доступен бесплатно, однако для получения сертификата необходимо будет заплатить 40$. Длительность курсов , в среднем, составляет 6-10 недель.

Плюсы:

• Курсы можно проходить бесплатно.

• Площадка сотрудничает с такими гигантами индустрии, как Google, IBM, Cisco и Amazon.

Минусы:

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

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

Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design

Привет!

Меня зовут Дима и это видео-курс по веб дизайну в Figma, с нуля до результата!

Если вы давно искали что то интересное по веб дизайну, добро пожаловать!)

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

Вместе, вы и я, пройдем путь — от установке программы Figma до уровня UI дизайнера, который уверенно может брать заказы на фриланс и гордиться своей работой!

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

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

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

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

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

Этот курс направлен в первую очередь на развитие навыков User Interfaces дизайнера, но конечно, в курсе мы коснемся обеих сторон профессии как UX – User Expirience так и UI — User Interfaces

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

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

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

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

Ну и куда же без бонусов и приятных плюшек!)

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

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

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

Присоединяйтесь ко мне и мы вместе начнем создавать, прекрасный дизайн, в figma!

До встречи на уроках!

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

Что такое портфолио в веб-дизайне?

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

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

1. Бюджет и опыт

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

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

Каковы ваши варианты развития?

• Создать сайт с нуля

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

• Используйте веб-конструктор

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

• Нанять другого креативщика

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

Будете ли вы разрабатывать/поддерживать веб-сайт или кто-то другой?

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

Готовы ли вы платить за хостинг?

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

Хотите регулярно обновлять сайт?

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

2. Какова цель вашего портфолио?

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

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

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

1. Выберите подходящий для вас маршрут разработки веб-сайта.
2. Выберите пакет хостинга, соответствующий вашему бюджету.
3. Выберите уникальное и релевантное доменное имя.
4. Выберите шаблон дизайна или создайте структуру, которая вам нравится.
5. Настройте дизайн своего шаблона или собственного веб-сайта.
6. Загрузите и отформатируйте собственный контент в соответствии с вашим макетом.
7. Убедитесь, что все содержимое правильное, например. изображения, ссылки, видео и копии.
8. Предварительный просмотр и тестирование вашего веб-сайта.
9. Опубликуйте свой веб-сайт в Интернете.

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

1. Знакомство с вами

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

2. Подлинность

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

3. Доказательство

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

4. Цифровая игровая площадка

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

Чтобы узнать больше о том, как Upskillist может помочь вам, нажмите кнопку ниже:

Как создать портфолио веб-дизайна с нуля (без опыта!)

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

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

А сегодня днем ​​мы принесли немного горячего какао для видео.

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

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

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

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

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

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

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

Если ты сейчас слушаешь, говоря да, Гален, это на 100% я. У меня есть совет. Это поможет вам превратить свое портфолио ehh в то, чем вы так рады поделиться со всем миром.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Мне не обязательно разрабатывать весь сайт в Canva. Мне просто нравится получать представление о макете и различных элементах. Я создаю мигающий документ Canva. Это около 1920 x 4000 пикселей, и это дает мне много свободного места для работы. Я намечаю все различные элементы, потому что в Canva намного проще менять цвета или перемещать элементы, чем перемещать их, когда вы фактически создаете веб-сайт на выбранной вами платформе.

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

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

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

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

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

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

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

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