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

1. Пройдите БЕСПЛАТНУЮ 3-минутную викторину, чтобы узнать, подходит ли вам профессиональная карьера!
2. Как научиться веб-дизайну: технические навыки 101
3. 1. Визуальный дизайн
4. 2. UX
5. 3. Дизайн программного обеспечения
6. 4. HTML
7. 5. CSS
8. Бонус! JavaScript
9. Мягкие навыки (или секретное оружие, в котором нуждается каждый веб-дизайнер)
10. 6. Управление временем
11. 7. Связь
12. 8. SEO / Цифровой маркетинг / Социальные медиа
13. 9. Управление бизнесом / клиентами
14. Как научиться веб-дизайну онлайн
15. Пройдите БЕСПЛАТНУЮ 3-минутную викторину, чтобы узнать, подходит ли вам профессиональная карьера!
16. Келли Смит

Пройдите БЕСПЛАТНУЮ 3-минутную викторину, чтобы узнать, подходит ли вам профессиональная карьера!

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

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

Но только идея Начало работы в веб-дизайне может быть подавляющим Может быть, вы тайно думаете: что делают веб-дизайнеры? Или, может быть, даже: что такое веб-дизайн? (Да, мы были там в один прекрасный момент тоже!)

Размышляя о том, является ли веб-дизайн правильным выбором для вашей карьеры, вам нужны ответы на важные вопросы: что вам действительно нужно знать? Вы должны научиться кодировать? Какие инструменты вам нужны? Как насчет управления клиентами?

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

(Psst! Вы можете изучить ВСЕ навыки, перечисленные ниже в Skillcrush's План веб-дизайнера , полностью онлайновая программа, предназначенная для того, чтобы перенести вас с нуля на веб-дизайнера за 3 месяца. У нас также есть Программа Visual Designer это охватывает все, от теории цвета и типографики до становления мастером Photoshop. Это идеальный цифровой курс для творческих людей.)

Как научиться веб-дизайну: технические навыки 101

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

1. Визуальный дизайн

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

2. UX

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

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

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

3. Дизайн программного обеспечения

Как и любой мастер, для работы вам нужны правильные инструменты. Знание своего отраслевого стандарта поможет вам в каждом случае и станет критическим для многих. Хотя проектирование веб-сайта может быть выполнено прямо в веб-браузере, такие инструменты, как Adobe Photoshop, Illustrator и Sketch, являются теми, которые почти все дизайнеры используют для важных частей своей работы, таких как создание макетов, проектирование активов (например, логотипов и изображений) и Конечно, изменение и улучшение фотографий. Вы должны научиться их использовать (хотя, если вы только начинаете, попробуйте несколько бесплатные альтернативы фотошопу вместо)

4. HTML

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

5. CSS

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

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

Бонус! JavaScript

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

Мягкие навыки (или секретное оружие, в котором нуждается каждый веб-дизайнер)

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

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

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

7. Связь

Оставаться на связи и донести свою точку зрения - также необходимые навыки для дизайнера. Вы не можете зарабатывать на жизнь созданием сайтов без отличного общения. Вам нужно будет информировать клиентов о прогрессе их проектов, а также предлагать идеи и объяснять свои творения. Вас даже могут попросить сделать несколько копирайтинг или редактирование для сайтов, особенно если у вас есть свой собственный (wo) man shop. Так что следите за своим письмом и навыками презентации, и вы обязательно сможете донести свою точку зрения в любой ситуации.

8. SEO / Цифровой маркетинг / Социальные медиа

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

9. Управление бизнесом / клиентами

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

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

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

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

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

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

Пройдите БЕСПЛАТНУЮ 3-минутную викторину, чтобы узнать, подходит ли вам профессиональная карьера!

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

Келли Смит

Келли занимается поддержкой клиентов здесь, в Skillcrush - плюс она является ранним выпускником Skillcrush 101! Она также прошла продвинутые уроки веб-разработки и была организатором в главе Helsinki Rails Girls.

В дополнение к помощи команде Skillcrush и студентам, Келли любит технические подкасты, милые фотографии корги и, прежде всего, танцы в каталонском стиле - как истинный техасец, живущий в Финляндии!

Похожие

Комментарии