web дизайн с чего начать обучение самостоятельно
Как стать веб дизайнером с нуля самостоятельно и бесплатно — 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. Там еще больше полезного материала про дизайн интерфейсов.
Освоить веб-дизайн с нуля: что читать и где учиться?
Рассказываем, кто такой веб-дизайнер, чем занимается и где этому учиться. Бонусом — немного истории.
Что такое веб-дизайн
В начале нулевых веб-дизайн и веб-разработка зачастую шли нераздельно. Но технически веб-дизайн — это подкатегория веб-разработки, которая в первую очередь относится к видимой части сайтов, онлайн-сервисов и приложений.
Веб-дизайн — проектирование и визуализация продуктов, их макетов и прототипов.
Сегодня веб-дизайн не связан с кодом и включает в себя несколько аспектов:
А профессиональный веб-дизайнер вдобавок знает и понимает основные принципы сайтостроения, разбирается в вёрстке и маркетинге. Научиться веб-дизайну с нуля можно за год на курсе «Веб-дизайн с нуля до PRO» онлайн-университета Skillbox.
Пишет про дизайн в Skillbox. Редактор и арт-директор собственного дизайн-бюро. Ведет рассылку о текстах, типографике и дизайне.
Чем занимается
веб-дизайнер
Веб-дизайнер всегда в курсе новейших технологий, знает, куда двигается индустрия, обладает хорошим эстетическим вкусом и постоянно его развивает.
Во-первых, веб-дизайнер — это проектировщик, инженер. Он продумывает логику сайта, проектирует рабочий прототип, тестирует его, чтобы тот получился функциональным, и лишь после этого «оживляет» графику.
Во-вторых, дизайнер применяет на практике принципы юзабилити, чтит стандарты, использует анимацию, подбирает шрифты. Он также продумывает, как пользователь будет взаимодействовать с сайтом, объясняет расположение элементов на странице и отстаивает визуальные решения перед клиентом.
В отличие от графического или UX/UI-дизайнера, веб-дизайнер совмещает функции менеджера и дизайнера. Работа веб-дизайнера состоит из нескольких этапов, о которых мы рассказали ниже. И дополнили рассказ ссылками на наши статьи.
Где учиться
на веб-дизайнера
По запросу «веб-дизайнер» на сайте hh.ru открыто около 800 вакансий, из которых бóльшая часть — в сфере IT и диджитал. Спрос есть и продолжает расти.
Веб-дизайнер — довольно молодая профессия, получить образование по этой специальности в российских вузах проблематично.
На нашем курсе вы научитесь решать задачи реального бизнеса, создавать сильные дизайн-решения для продуктов и брендов, работать с типографикой, верстать контент по сетке, а также соберёте и оформите убедительное портфолио на Behance или вашем сайте. Обучение состоит из двух блоков — «Веб-дизайн с нуля» и «Веб-дизайн PRO», длится оно 12 месяцев.
Вы окунётесь в мир веб-дизайна, освоите популярные графические редакторы, научитесь создавать макеты сайтов и мобильных приложений — и в итоге получите прибыльную и востребованную профессию, даже если раньше никогда этим не занимались. Чтобы стать настоящим веб-дизайнером, нужно освоить несколько основополагающих навыков. Мы подробно расскажем обо всём, а вы под руководством личного наставника научитесь создавать крутые сайты.
История веб-дизайна
История веб-дизайна начиналась в 1990 году, когда британский учёный Тим Бернерс-Ли разработал язык HTML (англ. HyperText Markup Language) — язык гипертекстовой разметки. С его помощью 6 августа 1991 года команда Бернерса-Ли сделала первый в мире сайт — http://info.cern.ch.
Первые сайты представляли собой страницы с текстовыми ссылками, которые вели на другие сайты. Речи о дизайне и вёрстке тогда не шло — у первой версии HTML не было возможностей мультимедиа, которые доступны нам сегодня.
Быстрый прогресс веб-технологий привёл к тому, что в 1993 году сайты стали поддерживать до 16 цветов, появилась возможность добавлять картинки и располагать контент по сетке. Тогда создатели сайтов задумались над тем, как сделать веб-страницы более привлекательными и удобными для пользователей.
В 1994 году появился Консорциум Всемирной паутины, известный как W3C. Эта организация и сегодня разрабатывает и утверждает технологические стандарты интернета.
До 1996 года Консорциум выступал в роли консультативного органа, где крупнейшие мировые компании вырабатывали цельный подход к развитию HTML. Благодаря единым стандартам и набору тегов веб-сайты работают в разных браузерах и на разных устройствах. Сегодня мы называем это кросс-платформенностью.
Настоящий веб-дизайн, близкий к тому, который мы знаем сегодня, появился в период с 1994 по 1998 год. Тогда интернет-технологии совершили бешеный рывок вперёд.
Первая версия браузера Opera.
Появились Internet Explorer 1, JavaScript и PHP.
CSS и запуск технологии Flash, которую стали использовать для векторной графики, игр и мультимедиа.
Релиз Internet Explorer 3 и HTML 4.0 — в мире уже 100 млн пользователей.
Именно технологический прорыв привёл к появлению веб-дизайна.
Как я стала дизайнером за шесть месяцев
Я не заканчивала дизайнерских курсов и не училась дизайну в институте, но мне удалось пройти свой собственный курс обучения за 6 месяцев, замечу, что в процессе обучения я параллельно занималась полный день своей основной работой. Хотя я не думала, что уже готова устраиваться на новую работу дизайнером, все же мне сильно повезло и удалось найти неплохое место.
Конечно, я понимаю, что у меня нет тех навыков, которые есть у многих профессиональных дизайнеров, которые учились этому несколько лет и имеют большой стаж работы, тем не менее, я чувствую, что могу работать на хорошем уровне, создавая неплохой дизайн. В настоящее время я занимаюсь дизайном веб-сайтов.
Эта статья поможет начинающим дизайнерам сделать первые шаги в изучении дизайна самостоятельно, здесь вы найдете ссылки на те книги и ресурсы, которые помогли мне в изучении и оказались полезными. Замечу, что ссылки указывают на англоязычные ресурсы, которые я использовала для самообучения.
Уровень первый: учимся видеть
Основная ошибка, которую совершают начинающие дизайнеры – это попытка сразу начать с изучения Photoshop и рисования дизайна. Но Photoshop не сделает вас дизайнером, так же как покупка красок и кисточки не сделает из вас художника. Поэтому начнем с освоения самых азов дизайна.
Учимся рисовать
Для выполнения этой задачи не потребуется прилагать больших усилий или записываться в школу художников, вам не придется рисовать натюрморты и раскрашивать картины маслом, ограничимся изучением основ рисования, чего будет достаточно, чтобы сделать набросок на бумаге. Поможет в этом одна хорошая книга по рисованию – «Как научиться рисовать за 30 дней». Практикуясь по полчаса в течение 30 дней вы сможете изучить основы рисования.
Изучаем теорию графического дизайна
— Начните с книги – «Нарисуй это». Эта книга поможет понять основы дизайна.
— Изучайте работу с цветом, типографию и создание дизайна на основе сетки.
— Проходите по несколько обучающих уроков с этого сайта каждый день.
Изучите основы опыта взаимодействия
Написано огромное количество книг на эту тему, начать можно с этих двух:
— «Дизайн повседневных вещей».
— «Не заставляй меня думать!»
Учимся писать
Абракадабра вроде Lorem Ipsum должна настораживать, это прямой указатель на плохого дизайнера. Хороший дизайнер должен уметь хорошо общаться со своими пользователями, он видит весь процесс оценки его дизайна в целом и не упускает таких деталей как презентационный текст. Каждое слово подбирается вдумчиво, с умом, а сам текст пишется с расчетом, что его будут читать люди. Не используйте заумный язык, которым пользуются учителя в школе.
— Прочитайте книгу «Почему одни идеи выживают, а другие — нет». Эта книга научит вас как привязать к себе читателей.
— На этом сайте много примеров хорошо подобранного текста.
Уровень второй: учимся пользоваться Photoshop и Illustrator
Изучив основы можно приступать к освоению программ для создания дизайна. Изучение лучше всего начать с Illustrator (программа, которую используют дизайнеры для рисования различных иконок и логотипов). Написано огромное количество обучающих материалов на эту тему, я приведу лишь несколько ссылок на книги, которые были особенно полезны. Вы же можете воспользоваться теми ресурсами, которые покажутся наиболее подходящими.
Изучаем Illustrator
— «Иллюстратор — аудитория в книге». Скучная книжка, но если вы осилите хотя бы половину этого материла, то получите базовые навыки по использованию Illustrator.
— «Основы векторной графики». Эта книга научит вас создавать иконки в Иллюстраторе, которые будут выглядеть действительно профессионально.
— Так же посмотрите обучающий урок по созданию логотипа в Illustrator, вам это должно понравиться.
Изучаем Photoshop
На эту тему написано не менее миллиона обучающих статей, один из популярных сайтов с качественными материалами — дизайн на tutsplus. А это пример хорошего обучающего урока «как создать psd шаблон для веб-сайта» с этого же сайта. Уделяйте прохождению этих уроков пару часов каждый день и прогресс не заставит себя ждать.
Уровень третий: приобретение специализации
Настало время определиться с той сферой дизайна, которой вы будете заниматься в дальнейшем. Уделите время изучению разных направлений дизайна (сайты, графика, мобильные приложения) и выберите для себя то, что приносит больше всего позитивных эмоций.
Изучаем дизайн логотипов
Изучаем веб-дизайн
— «Не заставляй меня думать» — книга о дружелюбном пользовательском интерфейсе.
– «Принципы красивого веб-дизайна». Название говорит само за себя.
— Создайте список веб-сайтов, которые кажутся вам привлекательными, отмечайте их особенности и структуру.
Уровень 4: создание портфолио
Вам не нужно заканчивать художественную школу, чтобы устроиться на работу дизайнером, но без хорошего портфолио точно не обойтись.
Как создать портфолио новичку без опыта работы? Для этого не обязательно иметь за плечами законченные проекты или работать с настоящими клиентами. Просто занимайтесь своими собственными проектами.
Вот, что вы можете сделать, чтобы получить опыт:
— Найдите сайт с плохим дизайном и переделайте его.
— Найдите благотворительные проекты и предложите сделать дизайн бесплатно.
— Практикуйтесь на сайтах для дизайнеров.
— Присоединитесь к команде на StartupWeekend.
— Выполняйте задания из этой книги.
Не включайте абсолютно все свои работы в портфолио, выберите только самые лучшие.
На начальных этапах не старайтесь быть оригинальным, это придет со временем, с опытом, с мастерством. Вначале все изучают основы и повторяют простые вещи за учителем, а когда накопится достаточно опыта, можно переходить к более продвинутым и самостоятельным работам.
50 сайтов для изучения дизайна
Мы подобрали для вас популярные онлайн-курсы, на которых Вы сможете изучить основы графического и веб-дизайна, и могли начать свой путь от новичка к профессионалу или усовершенствовать уже имеющиеся навыки из любой точки мира.
Русскоязычные сайты:
Contented.ru
Этот веб-ресурс действительно прямой путь в разные виды дизайна, а именно:
Проходя курсы по дизайну от Contented.ru в течении 3-9 месяцев сможете получить обширное портфолио, на фрилансе найти первых клиентов, и в дальнейшем устроиться на высокооплачиваемую работу. На этом сайте можно освоить полностью с нуля новую профессию. И всего за год научиться делать шикарный дизайн и круто изменить свою жизнь к лучшему.
Skillbox
Skillbox — это онлайн-университет востребованных профессий в didgital-сфере от ведущих экспертов рынка.
Каждый курс содержит: пошаговые видео-уроки, ответы на вопросы от наставников, д/з по каждой теме, личные консультации преподавателей курса и экзаменационные работы.
Skillbox обучает дизайну, программированию, маркетингу и управлению. Здесь работают над реальными проектами (их можно сразу добавить портфолио!), дают стажировки, и в будущем курсанты трудоустраиваются в крупные и международные компании.
Нетология
Нетология – это университет современных профессий. Здесь есть курсы, которые обучают дизайну, маркетингу, управлению, аналитике и программированию как новичков, так и специалистов любого уровня. Учеба доступна на любом устройстве: от ПК до самого обычного смартфона.
В обучение входят практические занятия и домашние задания. Каждое домашнее задание проверяется преподавателем, ученик получает развернутый отзыв: что хорошо, а что стоит доработать. Если задачи выполняются успешно, студент допускается к защите дипломной работы и получает подтверждение, что прошел курс.
Geekbrains
Образовательный онлайн-портал, в котором можно выбрать обучение из 30+ профессий и 150+ курсов от новичка до профессионала.
На факультетах Geek University можно освоить профессию дизайнера/программиста/разработчика, и всего за полгода-год стать высокооплачиваемым специалистом и занять свою нишу среди профессионалов.
Прохождение курсов Geekbrains не только позволит пополнить знания и освоить новую профессию в IT-мире, но и устроиться на работу с хорошей зарплатой в престижную компанию.
Tilda Publishing
Tilda Publishing – эта веб-платформа, что позволяет заниматься созданием сайтов, интернет-магазинов, лендингов и блогов, не обладая навыками программирования. Одной из главных особенностей этой платформы – блочное редактирование. Любую страницу на Тильде можно собрать из готовых блоков. В библиотеке есть уже более 500 готовых шабонов. Все они разделены на 28 категорий, такие как обложка, услуги, отзывы, формы и прочее.
Блоки имеют правильные отступы и соотношения размеров, так как были спроектированы дизайнерами. Помимо этого, они адаптивны и подстраиваются под размеры экрана любых устройств. В режиме редактирования меняется текст и изображение. То есть, внешний вид можно полностью изменить. Для этого есть все настройки. А для профессиональных дизайнеров или любителей полностью создавать самому, есть встроенный редактор Zero Block. Его основная цель – создание новых и уникальных блоков. Интерфейс разработан так, что будет привычен для пользователей классических популярных графических редакторов. Помимо этого, в Zero Block есть возможность создания сложной анимации по шагам. Это позволит создавать интерактивные сайты без программирования.
Mobios.school
Mobios — это профессиональная школа с современным подходом к IT образованию. Школа создана на базе веб-студии, что находится в Киеве и Одессе.
Учебный центр Prog более 6 лет занимается дизайн образованием. В центре эффективно обучают программированию и тестированию программного обеспечения «с нуля», помогают сменить профессию. Более 4500 человек уже прошли обучение по направлениям Java, Front-End, Android, QA и Web-Design.
Lemon.school
Продолжительность обучения на курсах в Lemon School в среднем составляет от 2 до 4 месяцев. Темпы обучения серьёзные: на большинстве курсов занятия проводятся 3-4 раза в неделю.
Sochnik
Англоязычные проекты:
Udemy
Udemy – это очень популярный ресурс, где Вы можете учиться и обучать навыкам других. Компании могут обучать сотрудников, используя этот сайт. У Udemy есть собственный способ, позволяющий экспертам создавать онлайн-курсы и предлагать их через платформу. Есть много видео-лекций, чтобы изучить веб-дизайн, веб-разработку, разработку приложений, искусству фотографии и многое другое.
Цена: стоимость курса в Udemy отличается друг от друга. Большинство курсов стоят около 60 долларов.
SitePoint Premium
Это ещё одна онлайн-платформа обучения, которую недавно переименовали в Learnable. Она предоставляет видео-лекции по многим темам, таким как веб-дизайн, веб-разработка, разработка приложений, маркетинг, дизайн UX и т. д.
Tuts+ – это известный сайт для текстовых и мультимедийных обучающих программ. Tuts + охватывает обширную область от общего и поясняющего контента до часовых видеоуроков. Здесь Вы можете изучить веб-разработку, дизайн, 3D-графику и т. д.
Treehouse
Treehouse, основанная в 2011 году известным веб-дизайнером Райаном Карсоном предлагает более 300 обучающих видеокурсов по веб-дизайну, веб-разработке, мобильной разработке и разработке игр от начального до продвинутого уровня. Видеокурсы сняты профессионально. Качество обучения – первоклассное, и всё постоянно обновляется с учетом новейших технологий (новый контент выпускается еженедельно).
Онлайн-обучение позволяет Вам учиться в своем собственном темпе. Но это часто мешает мотивировать себя закончить курс. В «Treehouse» нашли умный способ мотивировать закончить курс, а не забросить на полпути.
Поэтому, после просмотра видео Вы проходите интерактивные тесты и выполняете задания, чтобы проверить, правильно ли вы всё поняли из лекции. После того, как Вы выполните их, вам дают значки за прохождение тестов и заданий, которые отображаются в вашем профиле.
Эти «награды» могут показаться немного глупыми, но они действительно помогают подтолкнуть вас к продолжению обучаться (любой, кто когда-либо сидел всю ночь, играя в игру, пытаясь перейти на следующий уровень, или наблюдая за разгулом шоу Netflix, чтобы достичь конца сезона, поймут это на инстинктивном уровне). Также обратите внимание, что многие компании сейчас активно набирают новых сотрудников через Treehouse, основываясь на количестве значков, которые у них есть.
Вам не понадобится какое-либо специальное оборудование или операционная система (кроме Mac, если вы изучаете iOS), и вы даже можете написать код в приложении Treehouse, используя функцию под названием «Рабочие пространства». Подписки, которые предлагают вам доступ ко всем учебным курсам на сайте, начинаются от 20 фунтов стерлингов в месяц, и есть 7-ми дневная бесплатная пробная версия, если Вы хотите сначала пройти обучение. Также обратите внимание, что существуют специальные организационные тарифы для компаний, некоммерческих организаций, школ, организаций и предприятий.
LinkedIn Learning (ранее Lynda.com)
Lynda.com можно назвать крестным отцом (или, возможно, крестной матерью) обучения в Интернете. Основанная в 1995 году Линдой Вайнман, она уже десятилетиями проводит высококачественные курсы по программному обеспечению, креативности и бизнес-навыкам. И, во всяком случае, его покупка и интеграция в LinkedIn в 2015 году сделали его еще более сфокусированным на том, чтобы помочь вам улучшить свои карьерные перспективы.
Например, когда Вы вошли в LinkedIn можно обнаружить, что учебный контент, который соответствует вашим потребностям автоматически появится. Кроме того, когда Вы изучаете новые навыки, система позволяет легко выделить их в профиле LinkedIn.
В настоящее время существует более 500 курсов по веб-дизайну и веб-разработке на выбор, в основном ориентированных на начальный и средний уровни и охватывающих всё — от PHP и React до более тонких тем, таких как «Moodboards для веб-дизайнеров». Поэтому, если Вы не ищете что-то очень нишевое или продвинутое, то скорее всего у вас получиться найти именно то обучение, которое искали.
И, тем не менее, вам придется немного поискать, прежде чем найти именно «свой» курс. Так как курсы не очень хорошо классифицированы на веб-сайте. Также Treehouse дает полную свободу своим студентам для того, чтобы они постепенно переходили от курса к курсу. Их цель: медленно, но верно развивать свои навыки у своих студентов. В этой учебной среде больше ощущения «выбирай и смешивай».
Все курсы доступны по подписке, которая стоит 19,99 фунтов стерлингов в месяц на годовом плане или 24,98 фунтов стерлингов в месяц. Также доступна бесплатная месячная пробная версия.
Запущенный в 2012 году, Bloc позиционирует себя как «онлайновый буткемп по кодированию», цель которого – превратить вас из начинающего в готового к работе веб-разработчика. Учебные материалы представляют собой комбинацию письменных и видеоуроков, но специальный соус Bloc – это модель ученичества, которая объединяет вас с опытным наставником, который обеспечивает поддержку и руководство на протяжении всего курса в течение 14 часов живых вопросов и ответов в день. Есть также еженедельные групповые дискуссии и ежедневные групповые критические анализы.
Вам понадобится веб-камера, потому что с каждым модулем Вы будете сталкиваться с оценкой человека, который не является вашим наставником; это будет похоже на реальное техническое интервью. Вы найдете отличный личный рассказ Кейси Маркхэма о его опыте прохождения курса Bloc здесь.
Udacity
Основанная в 2011 году «Udacity» изначально была ориентирована на предложение курсов университетского стиля, но теперь больше внимания уделяет профессиональным курсам для профессионалов, которые называются «нано градусами». Эти курсы обычно помогают вам составить проект, а затем вы применяете то, что узнали к собственному проекту.
Это долгосрочные курсы, и уроки для них установлены. Чтобы дать вам представление о том, как это работает на практике, Билал Тахир написал превосходный отчет о React Nano Degree, который он взял здесь.
Нацеленность на «пожизненных учеников», а не на начинающих. Udacity твердо сосредоточена на обучении специальным навыкам, чтобы помочь людям в технологической отрасли перейти на следующий уровень своей карьеры. Курсы ориентированы на такие важные темы, как автономные системы, ИИ, машинное обучение и веб-разработка с полным стеком, и созданы в сотрудничестве с Google, AT & T и Facebook.
Вы платите за курс и, как и следовало ожидать, это не дешево; например, курс «Основы блокчейна» стоит 799 фунтов стерлингов.
Stack Overflow
Этот сайт содержит большое количество ресурсов полезных для дизайнеров, разработчиков и другим пользователям. Вы можете просто посетить сайт и начать обучение.
Цена: Stack Overflow совершенно бесплатен для просмотра и изучения.
Launch School
Если полный интенсивный темп буткемпа пугает вас, то Launch School предлагает прямо противоположное. В «Launch School» про обучение на их ресурсе говорят следующее: «Медленный путь для начинающих к карьере в разработке программного обеспечения».
После этого проводится курс, основанный на приеме, который помогает студентам получить возможность начать карьеру. Это включает трехмесячное обучение на полную ставку и интригующее соглашение о распределении доходов, когда вы платите только после того, как получаете предложение о работе.
Pluralsight
Компания Pluralsight, основанная в 2004 году, предлагает широкий выбор качественных видеокурсов для IT-специалистов. Веб-разработка здесь хорошо раскрыта вместе с курсами CSS, JavaScript, Angular, React, HTML5 и многими другими, начиная от начального до продвинутого уровня.
Skillshare
Как и Udemy «Skillshare» является онлайн-площадкой для видео-курсов всех видов, включая курсы веб-дизайна, в основном для начинающих и средних уровней. Хотя, качество таких курсов может варьироваться. Несмотря на то, что они дешевые и, довольно веселые, может напрягать то, что их называют «курсами», ведь некоторые их видео длятся меньше часа.
Тем не менее, предлагается широкий спектр программ обучения, включая HTML, CSS, JavaScript, дизайн UX/UI, адаптивный веб-дизайн, веб-разработка и WordPress. И поэтому, если вам нужно устранить определенный пробел в знаниях – это может быть хорошим местом для вас. Вы можете разблокировать неограниченный доступ к тысячам уроков всего от 7 фунтов стерлингов в месяц за годовую подписку.
Behance
Behance не является веб-сайтом электронного обучения, но он действительно содержит большее количество профессиональных портфолио для поиска вдохновения и новых идей. Как дизайнер, вы должны, по крайней мере, знать эту фантастическую социальную сеть. Добавить свой собственный контент, если вы можете!
Pixel Art Academy
Мы думаем, что это действительно крутой и оригинальный проект. Pixel Art Academy — это ретро-игра, в которой главный герой должен получить высшее образование в художественной академии научившись рисовать пикселями, по-настоящему! Победа в игре равносильна изучению того, как создать свой собственный пиксель за пикселем. Кроме того, он дает вам доступ к сообществу художников-пикселов.
Canva
Canva – это инструмент дизайна для «не дизайнеров», который становится все более популярным и в настоящее время является одним из самых популярных вариантов благодаря его удобству использования. Здесь есть небольшая школа дизайна и блог, где они делятся советами и полезными хитростями. Это идеально, когда вы только начинающий дизайнер или вам нужно решать практические вопросы дизайна в компании. В блоге Вы также найдете интересные статьи на более продвинутом уровне.
StumbleUpon
Если мы выберем «Дизайн» и «Искусство» в качестве двух наших интересов в StumbleUpon, тогда это будет служить для фильтрации и поиска полезного контента. А еще это один из хороших способов оставаться в курсе и вдохновляться.
DeviantArt
Еще один бесплатный и известный вариант, который может не прийти в голову, когда мы думаем о том, как самостоятельно изучить дизайн. Многие пользователи DeviantArt делятся своими техниками и приемами из учебных пособий. Конечно, качество сильно меняется в зависимости от опыта пользователей, но Вы обязательно найдете ценную информацию и контент для всех уровней мастерства.
Smashing Magazine
Настоятельно рекомендуется, особенно для веб-дизайнеров, хотя и охватывает широкий круг тем. Если вы хотите взглянуть, вот одна из их последних статей: «Интернет убивает креативность?».
Hackdesign
Здесь вы найдете 100+ бесплатных курсов. Вы будете получать уроки по электронной почте на еженедельной основе, чтобы получить возможность учиться в своем собственном темпе. Инструкторы HackDesign – ведущие дизайнеры, работающие с такими гигантами, как Airbnb, Tech Crunch и TED. Помимо уроков, у вас также будет доступ к задачам по дизайну, современным инструментам и множеству полезных ресурсов.
Buy reddit upvotes
ECT специализируется на проведении корпоративных и онлайн-тренингов, IТ-консалтинге, HR-консалтинге (рекрутинг и аутсорсинг) с использованием лучших отраслевых практик, которые помогают компаниям трансформировать и использовать свои стратегические бизнес-инициативы с ощутимой выгодой.
CAREERFOUNDRY
Пришло время для перемен. Пройдите онлайн-курс мирового уровня, заручитесь поддержкой их выдающегося сообщества по смене карьеры и создайте портфель дизайнерских проектов. Опыт не требуется, и благодаря сети CareerFoundry они также гарантируют получение вашей первой работы в течение 6 месяцев.
Mockplus
Созданы для того, чтобы бесплатно изучить UI / UX-дизайн. Mockplus сделает ваш дизайн лучше, чем когда-либо. Приложение на сайте Mockplus Tutorial дает вам возможность усовершенствовать свои дизайнерские навыки удобным и быстрым способом. Приложение простое и удобное в использовании. Кроме того, на сайте есть множество полезных статей о том, с чего начать карьеру или как стать гуру веб-дизайна.
UX Design Edge
Этот ресурс пригодится всем, кто интересуется дизайном UX и смежными областями. Курсы могут научить вас практическим навыкам, необходимым для создания простых и эффективных пользовательских интерфейсов для веб-сайтов, мобильных устройств и приложений. Программа была разработана экспертом по дизайну и автором многочисленных книг Эвереттом Маккеем. В дополнение к курсу вы также можете извлечь выгоду из постоянного общения и консультаций с наставниками.
Springboard
Этот курс сделан для вас. Если вы хотите сделать карьеру в дизайне UX / UI или просто хотите создавать более качественные продукты, этот курс идеально подходит для вас.
ACAMICA
Научитесь программировать и разрабатывать у лидеров отрасли, курсов и профессий в течение 6 месяцев с нуля в своем темпе, где бы вы ни находились.
Eventbrite
Курс UX-дизайна для стартапов, разработчиков приложений и веб-дизайнеров. Получите все необходимое для планирования, продвижения и управления вашим лучшим мероприятием.
UX TRAINING
Изучайте UX в любое время и в любом месте. Есть причина, почему Facebook, Apple, Google и другие мировые компании вкладывают огромные средства в свои команды UX. Потому что они знают, что это самый умный и быстрый способ создания отличных онлайн-продуктов.
Future Learn
Образовательная платформа Future Learn предлагает сотни бесплатных онлайн курсов высшего качества. Среди них есть замечательный курс для дизайнеров UX, разработанный Accenture. Этот курс рассчитан на 3 недели, если вы занимаетесь около двух часов в неделю. С его помощью вы познакомитесь с основами UX-дизайна, освоите популярные инструменты и научитесь проводить тестирование.
Future Learn названо лучшим пользовательским опытом на UXUK Awards. Присоединяйтесь и изучайте любой курс FutureLearn. Вам не нужны официальные квалификации для прохождения наших курсов. Вам может потребоваться специальное оборудование или определенный уровень понимания предмета для некоторых курсов – вам сообщат об этом на странице информации о курсах в разделе «Требования».
LearnUX.io
Библиотека высококачественных видео курсов для дизайнеров UI/UX с более чем 50-часовым контентом о самых популярных инструментах дизайна UI, таких как Sketch, Framer, Principle и Adobe XD. Ориентирован на реальные и красивые примеры и практический подход к изучению дизайна пользовательского интерфейса. Рекомендуется как начинающим, так и более опытным пользователям.
Отзывы пользователей: «Я чувствовал себя действительно уверенно в своих навыках Sketch, но я знал, что должен стать более знакомым с другими инструментами. LearnUX показал мне, как использовать их на примерах из реальной жизни».
InVision
InVision – отличное приложение для создания макетов сайтов, дизайна и многого другого. Однако, в дополнение к приложению, вы можете воспользоваться бесплатным курсом по основам UX-дизайна, доступным на этом сайте. Вы получите доступ к 9 урокам, отправленным на вашу электронную почту один раз в неделю. Кроме того, вы можете подписаться на курсы по дизайну пользовательского интерфейса, дизайну макетов (и другим), которые проводят ведущие эксперты по дизайну.
В сотрудничестве с известными университетами платформа EdX разрабатывает новые курсы дизайна для всех желающих. Контент подходит как для новичков, так и для специалистов, стремящихся к постоянному развитию. Если Вы заинтересованы в области UX Design, в настоящее время доступно 9 уроков от профессора Мичиганского университета. Курс включает в себя много полезной информации, а также практические тесты и упражнения. Благодаря таким мини-заданиям, которые даются на протяжении всего курса, Вы легко освоите свои практические навыки.
NovoEd
Инновационная компания, разрабатывающая программное обеспечение NovoEd, решила сделать онлайн-обучение более привлекательным и эффективным. Так появились эти курсы. Они дадут вам необходимый объем знаний с помощью простых практических заданий. Платформа платная, но у вас есть возможность воспользоваться 5-ти недельным бесплатным курсом.
Academic Earth
С 2009 года основатели Academic Earth начали формировать базу с лучшими онлайн-курсами. Их целью было показать, что любой человек в любой точке мира заслуживает качественного образования. Благодаря этим ребятам, теперь у вас есть возможность пройти лучшие курсы веб-дизайна от ведущих экспертов и университетов. Здесь вы также найдете полезные уроки по основам программирования и любой интересующей вас теме.
The Open Learning
The Open Learning – это сообщество, созданное на базе Университета Карнеги-Меллона, предоставляет всем желающим возможность посещать различные курсы или участвовать в них в качестве инструктора. Они утверждают, что их главная роль — сделать качественное образование более доступным. Для вас Open Learning Initiative – это отличный шанс изучить UI/UX-дизайн с лучшими в своей области профессионалами, не тратя целое состояние. Более того, такие онлайн-курсы дают больше гибкости, чем автономное обучение.
ApnaCourse
ApnaCourse является одной из ведущих платформ электронного обучения, которая предлагает своим студентам самые популярные видеокурсы от известных специалистов. Среди доступных вариантов есть курсы по разработке сайтов и веб-дизайну. После завершения Вы получите сертификат, который оценят по всему миру. ApnaCourse предлагает, как платные, так и бесплатные курсы, так что Вы обязательно найдете что-то подходящее для ваших нужд.
Coursera
Каждый курс в Coursera преподают инструкторы из лучших университетов и учебных заведений мира. В курсах Coursera включают видео-лекцию, практичные упражнения, дискуссионные форумы (разбор задания, проверка усвоения материала, подсказки в работе на будущее и т. д.).
Coursera является образовательной компанией, которая предлагает онлайн-курсы для очень многих отраслей науки, в том числе они «зацепили» айти-сферу. Например, по дизайну можно найти высококачественные курсы с актуальной подачей знаний и с упором на практику от лучших преподавателей со всего мира.
+ACUMEN
Относительно новые курсы, которые предлагают любому человеку, независимо от места жительства и социального происхождения, получить качественное образование. С ними вы научитесь мыслить, как профессионал и станете членом сообщества, готового менять мир. Они сотрудничают с лучшими специалистами, которые делятся своим мастерством. График составляете сами.
MASTERCLASS
Берите онлайн-уроки от лучших специалистов в мире. Вы можете учиться у лучших с помощью различных мастер-классов, полученных от них же, в онлайн-режиме.
Эти уроки направлены на практику и созданы для вдохновения, в них есть щепотка юмора, материал подается нестандартно (будьте готовы быть серьёзными и веселыми одновременно!).
iversity
iversity.org — это европейская онлайн-платформа цифрового обучения для высшего образования и профессионального развития. Они дают возможность университетам и компаниям обмениваться курсами, вручая общепризнанные сертификаты участникам курсов со всего мира.
UX for Beginners
Для тех, кто все еще не знает, с чего начать изучение UX-дизайна, мы предлагаем обратить внимание на бесплатный курс на базе образовательной платформы Skillshare – UX for Beginners. Автором выступил Muhammad Ahsan, который работал с такими клиентами, как INTEL, PANASONIC и Coca-Cola. Он предлагает вам 61 урок, которые требуют около шести часов вашего времени, и вы сможете на практике увидеть основные ошибки новичков, понять процесс создания идеального дизайна и научится фишкам, которые сделают процесс еще проще.
Заключение
Мы предоставили вам обзор лучших мировых курсов и образовательных платформ для обучения веб-дизайну, а дальше выбор за вами. Желаем Вам успехов этом нелегком деле!
А какие онлайн-курсы по дизайну проходили Вы? Проголосуйте за лучший онлайн-курс по обучению дизайна. Если в нашем списке нет сайта, который Вы считаете самым лучшим, напишите нам в комментариях. Нам, правда, важно знать ваше мнение! 🙂