Нужен учебник по веб-дизайну? Используйте эти 10 удивительных ресурсов

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

и шрифты для принятия дизайнерских решений для всего сайта.

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

Не бойся Интернета (бесплатно)

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

Из основного объяснения того, что такое Интернет

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

Введение в веб-дизайн от Stone River eLearning ($ 99)

Если вы новичок в веб-дизайне, этот курс от Stone River — отличное место для начала. Он начинается с рассмотрения основных элементов веб-дизайна с лекциями, такими как «Что такое CSS и HTML?», «Введение в макет документа» и «Связывание в таблице стилей». Курс развивается с использованием CSS и HTML для создания различных элементов. это будет полезно на реальном веб-сайте, таком как формы и кнопки, и завершается финальным проектом: созданием веб-сайта.

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

Домик на дереве ($ 29 / месяц)

Эта служба подписки, как и многие другие сайты для онлайн-обучения, имеет ряд курсов, связанных с веб-дизайном, в том числе курсы HTML, CSS, JavaScript, PHP и один, полностью посвященный веб-дизайну. Есть также много других областей, которые вы можете изучить, такие как разработка игр, язык Apple Swift

и даже деловые навыки.

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

SitePoint ($ 9 / месяц, оплачивается ежегодно)

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

Современные видео о дизайне включают «Создание элегантных (но простых) взаимодействий с помощью Sketch». Atomic.io, «15 шагов к лучшему удобству использования (и более счастливым пользователям)» и «Что важнее в дизайне: изображения или текст?». Цена также практически непревзойденна для услуг подписки.

Тутс + Веб Дизайн (бесплатно)

Раздел Tuts + Web Design, состоящий из нескольких бесплатных видеороликов, охватывающих широкий спектр категорий (включая HTML, CSS, теорию дизайна, дизайн пользовательского интерфейса и т. Д.), Является отличным местом для расширения ваших знаний о концепциях веб-дизайна.

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

Smashing Magazine (бесплатно)

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

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

A List Apart (бесплатно)

Другой онлайн-журнал A List Apart охватывает большинство тем, о которых вам нужно знать, чтобы не только создавать веб-дизайн, но и писать код на стороне сервера, разрабатывать контент-стратегию, управлять проектами и следить за отраслью. Раздел «Дизайн» полон полезных размышлений от дизайнеров, а раздел «Кодирование» поможет вам отточить свои навыки работы с HTML, CSS и JavaScript.

Превратите любой сайт в адаптивный сайт (бесплатно)

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

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

и библиотеки jQuery, чтобы помочь вам сделать ваш сайт еще лучше.

Создание адаптивных сайтов реального мира с HTML5 и CSS3 ($ 199)

Этот видео-курс по Udemy сфокусирован на разработке и развертывании отличных веб-сайтов; в нем вы узнаете основы HTML и CSS

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

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

HTML, CSS, Наставничество по веб-дизайну ($ 1250)

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

вы получите индивидуальную встречу с опытным профессионалом и узнаете все от HTML и CSS до теории цвета

и принципы верстки. Это дорогой вариант, но лучшего способа быстро улучшить свои навыки не существует.

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

Учись у лучших

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

и блоги

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

Какие лучшие ресурсы веб-дизайна вы встретили? Вы нашли какой-нибудь из них особенно полезным? Поделитесь своими фаворитами ниже!