веб дизайн с чего начать обучение самостоятельно
Как стать веб дизайнером с нуля самостоятельно и бесплатно — 5 шагов
Веб дизайн — это весьма востребованное направление в цифровой индустрии. Хорошим специалистам готовы платить неплохие зарплаты, а на рынке фриланса веб дизайн входит в ТОП популярных услуг. И как вы понимаете хороший веб дизайнер — это далеко НЕ бедный человек. В этой статье я расскажу, как стать веб дизайнером с нуля самостоятельно, исходя из сегодняшних реалий, и занять свое место «под солнцем».
Эта статья будет вам полезна, потому что она позволит структурно подойти к решению данного вопроса. После прочтения у вас будет четкий алгоритм действий, по которому вы сможете двигаться вперед.
Как сказал великий философ Конфуций: «Путь в тысячу миль начинается с первого шага»… И я вас поздравляю, первый шаг вы уже сделали, открыв данную статью. Сейчас вам нужно ее прочитать, вникнуть в суть того, о чем я буду рассказывать и начать применять мои рекомендации в жизни. Только в этом случае вы получите результат и приблизитесь к своей цели.
Базовая подготовка
Если вы совсем новичок и не имеете представления кто такой веб дизайнер, чем он занимается и какие у него обязанности, то первым делом я рекомендую вам углубиться именно в суть профессии. Для этого можете прочитать мою подробную стать на эту тему:
Далее если вы не имеете представления что такое сайты, как они функционируют, что из себя представляют и в чем их отличия, то я рекомендую вам почитать про сайты, поскольку веб дизайнер работает именно с сайтами.
Чтобы немного упростить вам эту задачу можете прочитать еще одну мою статью, в которой я рассказываю про один из типов сайтов — это лендинги. Переходите, читайте, думаю вам будет это полезно.
Как стать веб дизайнером с нуля самостоятельно — 5 шагов
После того, как вы разобрались кто такой веб дизайнер и что такое сайты, самое время переходить непосредственно к стратегии вашего старта в новую для вас профессию. Здесь сделаю небольшое уточнения.
Самое важное — это как можно БЫСТРЕЕ начать, потому что чем дольше вы будете откладывать, тем вероятнее всего вы перегорите этой затеей и забросите начатое дело. Поэтому все следующие рекомендации будут базироваться на том, чтобы как можно быстрее начать действовать.
Шаг 1 — Изучите основную теорию веб дизайна
Я рекомендую начинать обучение именно с теории, а не с изучения программ, как многие советуют это делать. Объясню свою позицию. Освоить графический редактор можно за 2-3 дня, максимум за неделю. Но какой в этом смысл, если вы еще не знаете, что и как там нужно делать. Это все равно что начинать играть в настольную игру, без знания правил. То есть получится ерунда.
К тому же, если вы начнете именно с теории, то уже на первых этапах вы сможете для себя понять, нравится ли вам то, что вы изучаете или нет.
Ваша задача изучить лишь 20% всей ОСНОВНОЙ теории дизайна, которая в итоге даст вам 80% результата.
Это правило Паретта и суть его в том, чтобы сконцентрироваться на самом главном и в перспективе получить максимальный результат.
Что входит в основу теории дизайна, которую вам нужно в первую очередь изучить:
1. Композиция. Это в большей степени о том, как работать с модульной сеткой и направляющими, чтобы композиция вашего дизайн выглядела хорошо.
2. Компоновка. Это о том, как взаимодействовать с элементами дизайна и компоновать их таким образом, чтобы это было удобно и понятно для пользователей.
3. Типографика. Умение работать с текстами — это важный навык, который должен присутствовать у каждого веб дизайнера, потому что на любом сайте есть текстовый контент.
4. Принципы иерархии и контраста. Это одни из самых важных элементов дизайна, потому что с их помощью можно отделять главное от второстепенного и тем самым упрощать восприятие дизайна для пользователей.
5. Цвет. Сочетание цветов и умение грамотно их применять также является важным навыком веб дизайнера.
Я оставлю ссылку на свою статью, в которой рассказываю об основах веб дизайна. Туда как раз входит часть из того, о чем я писал выше. Настоятельно рекомендую вам прочитать, потому что это весьма полезная информация для новичков.
Шаг 2 — Изучите программу Figma для веб дизайна
На этом этапе вам нет смысла изучать все графические редакторы, которыми пользуются дизайнеры. Вам будет достаточно изучить всего одну программу — Figma. Это та программа, которая покроит большинство ваших потребностей в разработке дизайна. Она бесплатная и достаточно проста в освоение.
Не пытайтесь начать свое обучение с изучение фотошопа. Это достаточно сложный графический редактор и вам на первых этапах она уж точно ни к чему. Сконцентрируйтесь на фигме.
Шаг 3 — Начните практиковаться в веб дизайне
Любые знания бесполезны без практики, поэтому важно как можно быстрее начинать практиковаться и набивать руку. Поскольку вы новичок, то у вас вероятнее всего нет никаких заказов, на которых вы могли бы тренироваться.
Поэтому у вас есть 2 способа, как исправить эту ситуацию:
1. Придумывать себе задания. Станьте сами себе заказчиком и придумайте себе задания на разработку дизайна. Например, разработать дизайн для лендинга по аренде строительной техники.
2. Делать редизайн уже существующих сайтов. В рунете огромное количество сайтов с отвратительным дизайном и этим можно пользоваться. Заходите в Яндекс, ищите сайты компаний или небольших организаций и начинаете их перерисовывать и делать свою, улучшенную версию дизайна.
Оба этих способа идеально подходят для начинающих дизайнеров и именно с помощью них я в свое время практиковался сам.
В процессе практики развивайте в себе НАСМОТРЕННОСТЬ.
Ваша задача — создать СВОЙ вариант дизайна, основываясь на ЧУЖОМ ОПЫТЕ, а НЕ придумывать дизайн с нуля.
Для этого смотрите и анализируйте работы других дизайнеров. В этом вам поможет сервис behance — это площадка, на которой собрано огромное количество дизайнерских работ, на любой вкус и цвет.
Почему важна насмотренность? Потому что если вы будете пытаться выдумывать что-то свое, то скорее всего вы сделаете нечто далекое от реальности, поскольку у вас еще очень мало практического опыта.
Дело в том, что у пользователей в интернете есть определенные паттерны поведения и их нужно учитывать. И лучший способ это сделать — смотреть на работы более опытных дизайнеров, анализировать и применять их дизайн решения в своих работах.
Здесь хочу заметить, что насмотренность это НЕ копипаст. То есть да, вы должны смотреть на чужие работы, но вы НЕ должны слепо их копировать. Перерабатывайте чужие решения, адаптируя их под свои задачи, и тогда у вас будет получаться уникальный дизайн, который будет работать на реальных проектах.
Шаг 4 — Составьте портфолио веб дизайнера
Портфолио для дизайнера — это архиважная вещь, поскольку без него вас не существует как дизайнера. Если у вас нет портфолио, то для новичков это приговор, потому что в этом случае вам никто не предложит работу.
Отбирайте самые удавшиеся на ваш взгляд работы и формируйте из них портфолио.
Пусть оно у вас будет «так себе», но это лучше, чем ничего.
Как должны выглядеть работы в портфолио? Здесь опять же я рекомендую вам зайти на behance и посмотреть, как другие дизайнеры оформляют свои работы.
Если вкратце, то каждая ваша работа должна представлять из себя кейс. То есть вам нужно описать весь процесс работы над дизайном: о чем проект, какие были задачи, какие были проблемы, как вы их решили, показать различные артефакты вроде прототипов, показать готовый дизайн и так далее. То есть не просто выложить макет одной страницы сайта (это будет плохо работать), а продемонстрировать процесс вашей работы.
Заводить портфолио я рекомендую тоже на behance. Это и удобно, и бесплатно.
Шаг 5 — Найти первую работу по веб дизайну
Когда у вас уже есть теоретическая база, немного «набита рука» и собрано портфолио, то самое время начинать искать свою первую работу. На старте я рекомендую вам попытаться устроиться в компанию или веб студию, а не идти во фриланс.
В компании вы гораздо быстрее сможете вырасти как специалист, особенно если над вами будет хороший арт-директор, который будет давать вам правильный вектор развития. К тому же в компании вы будете работать с другими дизайнерами и перенимать их опыт.
Потом вы всегда сможете уйти на фриланс, если вам близка философия фриланса, либо же совмещать основную работу с подработками.
Как получить первую работу? Нужно понимать, что никаких секретов здесь нет и прежде всего у вас должно быть огромное желание и упорство. Идете на hh.ru и начинаете отправлять отклики на все дизайнерские вакансии. В отклике пишите сопроводительное письмо с ссылкой на ваше портфолио и небольшой текст о себе. Это хоть немного, но выделит вас среди других кандидатов.
Запаситесь терпением и будьте готовы к огромному количеству отказов. Это морально сложно, и я это прекрасно понимаю, потому что сам через это прошел. Но здесь главное не опускать руки, продолжать искать и верить в свои силы. Параллельно с поиском работы продолжайте практиковаться и улучшать свои навыки.
Это нелегкий путь, но дорогу осилит идущий. В какой-то степени это хорошо, что есть такой фильтр на новичков, потому что в итоге в профессию попадают действительно замотивированные специалисты, которые горят дизайном. Но, с другой стороны, это морально сложно.
Заключение
В этой статье я рассказал вам о том, как стать веб дизайнером с нуля самостоятельно и получить свою первую работу. Спасибо за внимание и успехов вам!
Не забудьте подписаться на мой YouTube и Telegram. Там еще больше полезного материала про дизайн интерфейсов.
Как стать веб-дизайнером с нуля: план развития, видео и советы
Школа #VA ежемесячно выпускает десятки студентов, передавая им накопленные с годами опыт и знания о том, как стать веб-дизайнером. В этой статье мы в деталях расскажем вам про изучение веб-дизайна с нуля, а также поделимся подробным планом развития веб-дизайнера.
В своём блоге в свободной форме и приятном формате делимся интересными мыслями на тему работы компании в digital-пространстве. Реклама, продвижение, автоматизация процессов, образование — всё это находит отражение в нашем блоге.
На нашем YouTube-канале регулярно выходят новые видео на тему дизайна, разработки сайтов, продаж и взаимодействия с заказчиками. Подписывайтесь!
Мы постарались собрать ответы на самые популярные вопросы. В дополнение к этой статье мы записали интересное образовательное видео о том, как стать веб-дизайнером без специального образования и умения рисовать. Устраивайтесь поудобнее, погнали!
Ответы на вопросы о веб-дизайне
Перед тем, как обсуждать план развития веб-дизайнера, предлагаем вам изучить ответы на самые популярные вопросы о веб-дизайне. Возможно, ответы на некоторые из них помогут вам обрести уверенность в себе и направить энергию в нужное русло.
Кто может стать веб-дизайнером?
В общих чертах — любой человек, обладающий творческим складом ума. Совсем необязательно быть художником с рождения. Однако, важной чертой хорошего веб-дизайнера является умение находить нестандартные решения проблем. Изучение веб-дизайна с нуля в данном случае пройдёт намного эффективнее.
На наш субъективный взгляд, крутыми дизайнерами становятся люди, с лёгкостью балансирующие между гуманитарными и техническими науками. Веб-дизайн — это не только красивая картинка. Это ещё и гора аналитических данных, понимание психологии пользователя и, иногда — умение работать с кодом.
Что нужно чтобы стать веб-дизайнером?
Коротко: девайс для работы, специальный софт (подойдёт бесплатный), голова на плечах. Всё остальное развивается в процессе изучения веб-дизайна и практики. А теперь чуть подробнее:
Можно ли стать веб-дизайнером без образования?
Однозначно, да, если под «образованием» понимается получение диплома в вузе. Без образования сегодня можно стать кем угодно. Исключение составляют разве что профессии инженера и врача. Большинство современных специализаций вроде дизайна, разработки или маркетинга можно освоить самостоятельно при наличии должного упорства и старания.
Можно ли стать лучшим в мире веб-дизайнером без образования? С этим немного сложнее. Как минимум, вам необходимо заниматься самообразованием всю жизнь для того, чтобы добиться высот и продвинуться в выбранной вами специализации. Это относится к абсолютно любой профессии.
Можно ли стать веб-дизайнером, не умея рисовать?
Как и в предыдущем ответе — однозначно, да. В этот раз даже более однозначно. Практически весь веб-дизайн — это, в первую очередь, про работу головой, логику и аналитику, а уже потом — про искусство, пиксели, слои и цвета.
Меня зовут Артемий Лебедев. Рисовать не умею и никогда не умел, что не мешает мне работать дизайнером. Дизайн к рисованию не имеет вообще никакого отношения, так что никакого противоречия тут нет.
Конечно, в процессе обучения вам необходимо будет научиться грамотно сочетать оттенки, рисовать фигуры в графическом редакторе и подбирать шрифты. Но это не имеет ничего общего с навыком рисования цветочков и радуги, который вы забыли освоить в детстве.
Хочу стать веб-дизайнером, с чего начать?
Отличный вопрос. Если он регулярно звучит в вашей голове, значит вы на правильном пути. Начинающим веб-дизайнерам мы предлагаем разделить весь процесс освоения профессии на 5 шагов: знакомство, теория, практика, развитие насмотренности и soft-навыков — подробнее о каждом шаге мы рассказываем далее в данной статье. Мы проверили этот формат на сотнях студентов — он действительно работает и помогает разложить всё по полочкам.
Для изучения веб-дизайна в таком формате мы собрали стартовый онлайн-курс «Пять шагов для старта в веб-дизайне» — он представляет из себя пошаговое освоение профессии при помощи специально отобранных видео-лекций, статей, полезных материалов и инструментов. Курс призван решить главную проблему начинающего дизайнера — отсутствие структурированной и достоверной информации. Курс стоит как один обед в McDonalds и даёт в разы больше знаний, чем большинство случайных лекций, найденных на просторах Интернета.
План развития веб-дизайнера
Данный план развития веб-дизайнера был сформулирован нами исходя из личного опыта. Во-первых, мы сами прошли тяжёлый путь от первых бесплатных (и ужасных с точки зрения дизайна) заказов до открытия собственной студии со штатом дизайнеров и разработчиков. Во-вторых, мы регулярно проводим курсы для веб-дизайнеров и собираем фидбэк от наших студентов. Большинство из них проходят очень похожий путь.
Для всех любителей видео-контента мы собрали собственный план развития веб-дизайнера на нашем канале на YouTube. В дополнение к видео — детальное описание плана развития далее в этой статье.
Мы разделили план развития веб-дизайнера на 5 важнейших шагов. Проходить их рекомендуется именно в таком порядке, так как каждый шаг напрямую зависит от ваших результатов на всех предыдущих.
Освоение инструментов
Первое, с чем стоит разобраться — это инструменты. Банально, открыть и поиграться с графическим редактором, изучить расположение панелей и кнопочек. Для каждого приложения существуют сотни бесплатных видео на YouTube. Наш любимый редактор — Adobe XD, поэтому мы рассказываем о том, как создавать в нём крутые дизайн-макеты и прототипы.
На данном этапе вам нужно понять базовые принципы работы графического редактора ( они все очень похожи друг на друга) и изучить инструменты, чтобы в процессе освоения теории вы могли применять полученные знания на практике.
Изучение теории веб-дизайна
Начинающие веб-дизайнеры зачастую недооценивают важность этого шага. И очень зря. Без понимания основных законов и универсальных правил (применимых к любому виду дизайна), добиться приятной картинки будет тяжело. Мы также рекомендуем разбивать этот этап на части, и осваивать их именно в следующей последовательности:
Практика, практика и ещё раз практика
После освоения теоретической части можно переходить к работе руками. На начальном этапе можете забыть о больших заказах, богатых клиентах и золотых слитках. Вероятнее всего, первые заказы вам предстоит сделать либо за минимальную стоимость, либо вообще бесплатно. Но не стоит воспринимать данный этап как проблему. Запомните одно простое правило:
Практика — какой бы она ни была — это ключ к успеху дизайнера. Только пройдя сложный путь и совершив кучу ошибок, вы сможете стать лучше.
Не знаете, на чём попрактиковаться? Примите участие в как создавать. Это мини-соревнование по дизайну интерфейсов. Каждый день вам на почту будет приходить небольшое задание: нарисовать форму авторизации, экран приложения или страницу сайта. По специальным хеш-тегам в соцсетях вы можете смотреть работы других дизайнеров за каждый день. Отличный вариант для старта.
Опыт и насмотренность в веб-дизайне
Теорию изучили, на практике её применяем, что дальше? Если ориентироваться исключительно на свой предыдущий опыт, рано или поздно вы упрётесь в собственный потолок. Чтобы выйти за пределы рамок, необходимо ежедневно изучать работы и решения от других дизайнеров.
Дело не ограничивается только веб-дизайном. Живопись, архитектура, ландшафтный дизайн, интерьеры — всё это поможет вам расширить кругозор и сделать собственные работы более насыщенными, непохожими друг на друга. Широкие познания в области искусства помогут вам легко «попадать» в пожелания заказчика, предлагая ему именно ту стилистику, которую он ожидает увидеть. Насмотренность — бесценный навык, обязательный для каждого крутого дизайнера.
Soft Skills для веб-дизайнера
Параллельно с изучением веб-дизайна не стоит также забывать о развитии Soft-навыков. К ним, как правило, относят всё, что не связано с прямыми обязанностями специалиста, но помогает работать эффективно и достигать хороших результатов.
Например, навык слаженной работы в команде является одним из ключевых для дизайнера, который планирует стать частью студии или стартапа. Умение решать конфликты или «вкусно» презентовать продукт также полезно развивать для успешного взаимодействия с заказчиками.
Помимо вышеперечисленных навыков мы также рекомендуем начинающим веб-дизайнерам прокачивать свои знания на курсах английского языка. Практически весь современный софт для дизайнеров, а также многие популярные статьи и книги не переводятся на русский язык. Изучение веб-дизайна с нуля потребует от вас работы с материалами на языке оригинала. Согласитесь, есть над чем поработать помимо одного лишь дизайна
Где учиться веб-дизайну?
Ответ на этот непростой вопрос заслуживает отдельной статьи. Поэтому в данном материале мы дадим лишь вводную информацию о том, где учиться веб-дизайну. Более подробные ответы на данный вопрос вы можете найти по ссылкам ниже. Итак, способы изучения веб-дизайна с нуля:
Мы описали лишь некоторые популярные способы изучения веб-дизайна с нуля. Благодаря повсеместному использованию Интернета, обучиться сегодня можно практически чему угодно. Самое главное — это желание. Надеемся, статья была для вас полезна, делитесь своими впечатлениями в комментариях. Хорошего дня!
Продолжить чтение:
Вам могут также понравиться другие статьи из нашего блога:
Как я стала дизайнером за шесть месяцев
Я не заканчивала дизайнерских курсов и не училась дизайну в институте, но мне удалось пройти свой собственный курс обучения за 6 месяцев, замечу, что в процессе обучения я параллельно занималась полный день своей основной работой. Хотя я не думала, что уже готова устраиваться на новую работу дизайнером, все же мне сильно повезло и удалось найти неплохое место.
Конечно, я понимаю, что у меня нет тех навыков, которые есть у многих профессиональных дизайнеров, которые учились этому несколько лет и имеют большой стаж работы, тем не менее, я чувствую, что могу работать на хорошем уровне, создавая неплохой дизайн. В настоящее время я занимаюсь дизайном веб-сайтов.
Эта статья поможет начинающим дизайнерам сделать первые шаги в изучении дизайна самостоятельно, здесь вы найдете ссылки на те книги и ресурсы, которые помогли мне в изучении и оказались полезными. Замечу, что ссылки указывают на англоязычные ресурсы, которые я использовала для самообучения.
Уровень первый: учимся видеть
Основная ошибка, которую совершают начинающие дизайнеры – это попытка сразу начать с изучения Photoshop и рисования дизайна. Но Photoshop не сделает вас дизайнером, так же как покупка красок и кисточки не сделает из вас художника. Поэтому начнем с освоения самых азов дизайна.
Учимся рисовать
Для выполнения этой задачи не потребуется прилагать больших усилий или записываться в школу художников, вам не придется рисовать натюрморты и раскрашивать картины маслом, ограничимся изучением основ рисования, чего будет достаточно, чтобы сделать набросок на бумаге. Поможет в этом одна хорошая книга по рисованию – «Как научиться рисовать за 30 дней». Практикуясь по полчаса в течение 30 дней вы сможете изучить основы рисования.
Изучаем теорию графического дизайна
— Начните с книги – «Нарисуй это». Эта книга поможет понять основы дизайна.
— Изучайте работу с цветом, типографию и создание дизайна на основе сетки.
— Проходите по несколько обучающих уроков с этого сайта каждый день.
Изучите основы опыта взаимодействия
Написано огромное количество книг на эту тему, начать можно с этих двух:
— «Дизайн повседневных вещей».
— «Не заставляй меня думать!»
Учимся писать
Абракадабра вроде Lorem Ipsum должна настораживать, это прямой указатель на плохого дизайнера. Хороший дизайнер должен уметь хорошо общаться со своими пользователями, он видит весь процесс оценки его дизайна в целом и не упускает таких деталей как презентационный текст. Каждое слово подбирается вдумчиво, с умом, а сам текст пишется с расчетом, что его будут читать люди. Не используйте заумный язык, которым пользуются учителя в школе.
— Прочитайте книгу «Почему одни идеи выживают, а другие — нет». Эта книга научит вас как привязать к себе читателей.
— На этом сайте много примеров хорошо подобранного текста.
Уровень второй: учимся пользоваться Photoshop и Illustrator
Изучив основы можно приступать к освоению программ для создания дизайна. Изучение лучше всего начать с Illustrator (программа, которую используют дизайнеры для рисования различных иконок и логотипов). Написано огромное количество обучающих материалов на эту тему, я приведу лишь несколько ссылок на книги, которые были особенно полезны. Вы же можете воспользоваться теми ресурсами, которые покажутся наиболее подходящими.
Изучаем Illustrator
— «Иллюстратор — аудитория в книге». Скучная книжка, но если вы осилите хотя бы половину этого материла, то получите базовые навыки по использованию Illustrator.
— «Основы векторной графики». Эта книга научит вас создавать иконки в Иллюстраторе, которые будут выглядеть действительно профессионально.
— Так же посмотрите обучающий урок по созданию логотипа в Illustrator, вам это должно понравиться.
Изучаем Photoshop
На эту тему написано не менее миллиона обучающих статей, один из популярных сайтов с качественными материалами — дизайн на tutsplus. А это пример хорошего обучающего урока «как создать psd шаблон для веб-сайта» с этого же сайта. Уделяйте прохождению этих уроков пару часов каждый день и прогресс не заставит себя ждать.
Уровень третий: приобретение специализации
Настало время определиться с той сферой дизайна, которой вы будете заниматься в дальнейшем. Уделите время изучению разных направлений дизайна (сайты, графика, мобильные приложения) и выберите для себя то, что приносит больше всего позитивных эмоций.
Изучаем дизайн логотипов
Изучаем веб-дизайн
— «Не заставляй меня думать» — книга о дружелюбном пользовательском интерфейсе.
– «Принципы красивого веб-дизайна». Название говорит само за себя.
— Создайте список веб-сайтов, которые кажутся вам привлекательными, отмечайте их особенности и структуру.
Уровень 4: создание портфолио
Вам не нужно заканчивать художественную школу, чтобы устроиться на работу дизайнером, но без хорошего портфолио точно не обойтись.
Как создать портфолио новичку без опыта работы? Для этого не обязательно иметь за плечами законченные проекты или работать с настоящими клиентами. Просто занимайтесь своими собственными проектами.
Вот, что вы можете сделать, чтобы получить опыт:
— Найдите сайт с плохим дизайном и переделайте его.
— Найдите благотворительные проекты и предложите сделать дизайн бесплатно.
— Практикуйтесь на сайтах для дизайнеров.
— Присоединитесь к команде на StartupWeekend.
— Выполняйте задания из этой книги.
Не включайте абсолютно все свои работы в портфолио, выберите только самые лучшие.
На начальных этапах не старайтесь быть оригинальным, это придет со временем, с опытом, с мастерством. Вначале все изучают основы и повторяют простые вещи за учителем, а когда накопится достаточно опыта, можно переходить к более продвинутым и самостоятельным работам.