- Этап первый – выясните, почему вы хотите этим заниматься
- «Дизайн: форма и хаос» Пол Рэнд
- Если нужно найти вдохновение
- «Веб-дизайн: практика»
- «Веб-дизайнер 2.0» от WayUp
- Этап десятый – превратите веб-дизайн из хобби в профессию
- Карта культурных различий. Как люди думают, руководят и добиваются целей в международной среде, Эрин Мейер
- Все вместе – и про UX, и про UI, и про креатив
- Что такое веб-дизайн простыми словами
- Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров
- Платные курсы для начинающих
- Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров
- «Сначала мобильные!» Люк Вроблевски
- Этап второй – выберите направление веб-дизайна в котором вы хотите себя попробовать
- Гибкий
- Зарплата веб-дизайнера
- Этап третий – выясните, какие программы для веб-дизайна сейчас в тренде
- Продолжение обучения
- Учебники по JavaScript
- Изучаем программирование на JavaScript
- JavaScript. Подробное руководство
- Head First — jQuery
- Развитие креативного мышления
- «Кради как художник», Остин Клеон
- «Визуальные заметки», Майк Роуди
- «Искусство формы», Иоханнес Иттен
Этап первый – выясните, почему вы хотите этим заниматься
С одной стороны, это простой вопрос, ведь большинство хочет заниматься веб-дизайном ввиду хорошей оплаты труда.
Сайтостроение – очень прибыльное дело, а опытного, и главное, толкового разработчика днём с огнём не всегда сыскать.
Хотя бывает много случаев, когда человек хочет заняться именно программированием сайтов, а без знаний создания графического движка сайта программировать его непросто.
И третий распространённый случай, почему люди начинают интересоваться веб-дизайном, – тяга к изобразительному искусству.
И данная область может послужить отличным средством для реализации своих талантов на практике с извлечением из этого финансовой выгоды.
Рис. 1 – Увлекательная и творческая профессия веб-дизайнер
Ввиду того, что графический художник – молодая профессия, её точного определения пока не существует, и многие специалисты трактуют понятие по-своему.
Если раньше этот человек должен был сделать странички красивыми и приятными глазу, то нынче необходимо и навыками кодера обладать, и в маркетинге разбираться, и понятие в SEO-продвижении иметь.
Без уникальных решений, оригинальных идей и индивидуального творческого подхода задача не решается.
В задачи этих людей входят:
- работа над логической структурой страницы – дабы любому начинающему пользователю всё было понятно, он с первого раза смог отыскать то, что ищет, все важные ссылки должны быть на виду;
- разработка наиболее рационального способа подачи контента – способность заинтересовать посетителя, заставить его подольше задержаться на ресурсе, полистать страницы сайта;
- графическое оформление – где какие элементы будут размещаться, какими будут кнопки и надписи после клика, как осуществляется взаимодействие с клиентом, как и что будет изменяться в процессе работы посетителя, изменения масштаба и т. п.
Вот мы вкратце и выяснили, почему люди хотят заниматься графической частью сайтов.
Для будущих программистов достаточно ознакомиться с азами визуального оформления веб-ресурсов, хотя бы поверхностно освоить графические редакторы, верстку по шаблону.
Уж жаждущим многие годы жизни посвятить созданию интерфейса интернет страниц и получить соответствующую профессию поначалу придётся потрудиться, им и посвящена данная статья.
«Дизайн: форма и хаос» Пол Рэнд
Сейчас будет стебно и легко. Никаких фундаментальных знаний, никаких тяжеловесных советов монстров дизайна – просто 244 страницы здорового юмора. Какой он, современный дизайн? Какие тренды будут осмеяны, а какие останутся на века? Как отличить хорошего дизайнера от непрофессионала? Как правильно работать с клиентами? Ну и так далее. В книге, конечно, не только стеб. Между делом автор рассказывает о том, над чем иронизировать нельзя. О дизайн-мышлении, о качественных работах, о ценности эстетических суждений, о роли компьютерных технологий в дизайне, основных его принципах и т.п.
Понравилась подборка? Читали эти книги? Или, может быть, хотите поделиться своими любимыми произведениями для веб-дизайнеров? Пишите нам, обсудим!
Если нужно найти вдохновение
- – пожалуй, один из лучших ресурсов для вдохновения. На нем собрано огромное количество работ в сфере графического дизайна, веб-дизайна, постеров, интерьеров и многого другого. Одна из особенностей – можно создать собственную доску настроения и на ее основе смотреть похожие работы.
- Behance – место, где собраны работы со всего мира: от простых фотографий до профессиональных проектов из разных сфер дизайна. Можно создать свой аккаунт и использовать его в качестве портфолио, а также получать ленточки за выдающиеся работы.
- Dribbble – аналог Беханса, но с упором на шоты – небольшие работы в виде первых экранов сайтов, мобильных приложений и прочего.
- Awwwards – посвящен самым лучшим работам в веб-дизайне, можно найти подборки сайтов за день, неделю, месяц или год.
- Made on Tilda – сервис, где вы сможете найти лучшие работы, сделанные на Тильде. Если вы создаете сайты на этой платформе, то можете также подать свой сайт на рассмотрение. Достаточно вставить ссылку и отправить запрос.
- Designspiration – крутой сайт с невероятной подборкой различных дизайн-примеров. Можно подбирать фотографии с выбранной цветовой палитрой из 5 различных цветов.
- Synapticstimuli – галерея различных изображений из мира искусства. Отличный ресурс, если вы занимаетесь рисованием или хотите найти идеи для фотосессии.
- Designmadeingermany – большая подборка современных и трендовых сайтов.
- Designshack – место, где должен побывать каждый дизайнер сайтов. Здесь вы не найдете крутых проектов, однако сможете почитать глубокую критику на неудачные сайты. Сервис англоязычный, но никто не мешает воспользоваться переводчиком.
- Siiimple – уже из названия можно догадаться, что сервис про дизайн в минимализме. На нем вы сможете найти множество работ из веб-дизайна.
- Onepagelove – любите создавать лендинги? Тогда вам определенно следует посетить этот ресурс. На нем вы найдете подборку крутых лендингов, которые просто «взрывают мозг».
- Invisionapp – самые красивые подборки iOS design KIT.
- Mediaqueri – сервис для тех, кто хочет найти оригинальное решение для адаптивной версии своего сайта. Сайты представлены в 4 форматах: десктоп, лэптоп, планшет и мобайл.
- Bookcoverarchive – книжный архив с тысячью различных обложек. Подойдет для дизайнеров из любой сферы – можно найти много интересных решений для чего угодно.
- Wikiart – просто энциклопедия мирового искусства.
- Airpano – 3D-панорамы мира: выбирайте любое место на земле, над землей, под водой. Очень красивое зрелище с приятной фоновой музыкой.
- Adme – редкие фотографии, рекламные подходы, красивый арт, и всему этому сопутствует описание. Не только вдохновляющий, еще и информативный ресурс.
- Render – сайт для любого дизайнера, можно найти много крутых работ из компьютерной графики, а также почитать свежие новости.
- Land-book – ну куда же без него, это целый рай для веб-дизайнера. Здесь вы сможете найти колоссальное количество уже реализованных и крутых сайтов.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться
«Веб-дизайн: практика»
Ещё один видеокурс Софии Филипповой, является продолжением предыдущего. Состоит из 8 видеоуроков продолжительностью от 17 до 40 минут. В этом курсе также отсутствует сертификат об окончании.
Курс научит:
- создавать дизайн и редизайн сайтов в Figma;
- делать дизайн первого, второго и третьего экранов Landing Page в Photoshop;
- самостоятельно создавать лендинг в Photoshop.
Так же, как и предыдущий, будет полезен начинающим и опытным дизайнерам, так как содержит множество полезной информации. София рассказывает всё понятным языком, что не оставляет равнодушным никого из её учеников.
«Веб-дизайнер 2.0» от WayUp
Курс от WayUp, с которым ты возьмешь стремительный старт в профессии. За 7 дней интенсивного обучения тобой будет пройден путь с нуля до выполнения первого оплачиваемого заказа на фрилансе с последующим наполнением портфолио.
Кому подходит:
Новичкам и начинающим графическим дизайнерам, которые хотят в кратчайшие сроки освоить все основные понятия профессии и начать зарабатывать на фрилансе.
Кому не подходит:
Графическим дизайнерам с большим опытом работы и тем, кто рассчитывает на постоянное трудоустройство в офисе.
Программа обучения:
Обучение разбито на пять разделов: введение в веб-дизайн, разработка UI, прототипирование в Figma, адаптивный UI/UX-дизайн и заработок на фрилансе.
Ты научишься:
Созданию простых работ в Figma и основам как UI, так и UX-дизайна. Главное — основной фокус курса делается на выполнении заказов через фриланс с эффективным поиском заказчиков.
Этап десятый – превратите веб-дизайн из хобби в профессию
Заниматься дизайном сайтов обычно начинают студенты и молодые люди, для которых это занятие становится увлечением.
Они выходные и вечера посвящают любимому делу, а когда набираются немного опыта и увлечение приносит первые доходы, всерьёз подумывают о смене рода деятельности.
Вот только бросить работу и перейти на вольные хлеба или заменить текущее место работы на комфортное кресло в офисе за компьютером многие опасаются.
Тут и недостаток опыта сказывается, и невысокие шансы отыскать заказчика или обзавестись постоянными клиентами, и стабильного заработка в случае работы на биржах фриланса и соответствующих форумах никто не гарантирует.
Рис. 15 – Со временем веб-дизайн должен стать профессией
И все же, если занятие по разработке графических интерфейсов сайтов привлекает, превращать его в основную профессию определённо стоит, и затягивать с этим не обязательно.
Со временем и знания появятся, и опыт, и постоянные заказы.
А если хочется большей стабильности, обратите внимание на работу в офисе среди единомышленников с возможностью периодически работать удалённо. Главное, стремиться становиться лучше, постоянно развиваться и получать удовольствие от того, чем занимаешься!
Главное, стремиться становиться лучше, постоянно развиваться и получать удовольствие от того, чем занимаешься!
Карта культурных различий. Как люди думают, руководят и добиваются целей в международной среде, Эрин Мейер
Оригинальное название: The Culture Map: Breaking Through the Invisible Boundaries of Global Business
Книга тренирует в культуре общения с представителями разных стран. В итоге начнете лучше разбираться в культурном контексте, ментальности иностранных клиентов и даже начнете лучше улавливать скрытый смысл в сообщениях (потому что в некоторых культурах так принято вести переговоры).
Карта культурных различий. Как люди думают, руководят и добиваются целей в международной среде, Эрин Мейер
Для работы на международном рынке просто must-have, так как приобрете насмотренность по культурам, помогает лучше понять традиции, привычки и мотивы поведения других людей, особенно иностранцев. Здесь на примерах увидите, что для эффективного взаимодействия с каждым человеком нужно не только понять его личные ценности и особенности характера, но и определить ценности культуры, из которой он происходит — все это влияет на принятие решений во время переговоров.
Автор книги Эрин Мейер, преподает в The Business School for the World | INSEAD — — французская бизнес-школа и исследовательский институт. Кампусы школы расположены в Европе (Франция), Азии (Сингапур) и на Ближнем Востоке (Абу-Даби); исследовательский центр расположен в Израиле. INSEAD близка по духу к Harvard Business School.
Моя любимая цитата из книги Карта культурных различий:
Когда вы живете, работаете в другой стране или активно путешествуете, вы улавливаете множество контекстно-зависимых сигналов, помогающих понять культуру ее жителей, и это позволяет вам адекватно общаться и адаптироваться к ситуации. Когда же вы переписываетесь по электронной почте с партнером из страны, в которой вы никогда не бывали, очень легко упустить культурные нюансы, влияющие на общение.
Где найти: OZON, ЛитРес, Читай город, ArtLebedev
Все вместе – и про UX, и про UI, и про креатив
- Ux-journal – новый журнал для UI/UX-дизайнеров. Если надоело листать ленту Пинтереста, то можете заглянуть сюда. Есть много крутых и полезных статей обо всем из мира дизайна.
- Unsplash – не мог обойти стороной этот фотосток. На нем вы сможете найти огромное количество фотографий, которые выкладывают профессиональные фотографы со всего мира. Да и не только фото – тут можно скачать паттерны, картинки для сайта или доски настроения.
- Undraw – хотите использовать иллюстрации в своем проекте, но не умеете рисовать? Тогда воспользуйтесь данным ресурсом. Здесь можно найти много иллюстраций из разных категорий.
- Dailyui – если хотите прокачать свой Dribbble, то это определенно для вас. Оставьте свою почту, и каждый день вам будут приходить различные задания для прокачки своего аккаунта.
- Getfeedback – сайт про качественный UX и проектирование интерфейсов.
- Uxchecklist – полный цикл проверки UX. Просто пройдитесь по всем пунктам, и ваш UX станет лучше в несколько раз.
- Uxmovement – почитайте, если хотите, чтобы конверсия вашего сайта стала выше.
- Uxmag – как поживает UX сегодня и что в тренде. Обо всем этом можете узнать на этом англоязычном ресурсе.
Что такое веб-дизайн простыми словами
Веб-дизайн (web design) — это область веб-разработки, которая отвечает за внешнее оформление интернет-ресурса: сайта, мобильного приложения или онлайн-сервиса. Она включает 5 аспектов.
-
Визуализация. На этом этапе веб-дизайнер знакомится с целью проекта, уточняет детали технического задания и делает наброски будущего макета (шаблона). Затем согласовывает свои идеи с клиентом.
-
Проектирование. Специалист по web design продумывает структуру интернет-ресурса, расположение графических и текстовых блоков на каждой странице.
-
Графическое оформление. Самый творческий этап в веб-дизайне, на котором можно воплотить в жизнь смелые идеи. Заключается в оформлении шрифтов, продумывании толщины и формы линий, выборе цветовой палитры, создании логотипов, иконок и других иллюстраций.
-
Разработка пользовательского интерфейса (UX). Задача специалиста по web design — сделать ресурс максимально удобным для посетителей и мотивировать их на совершение целевых действий, например, на покупку товаров. О том, как этого добиться, можно прочитать в нашей статье «Юзабилити». А если кратко, то веб-дизайнер собирает аналитику поведения пользователей, продумывает навигацию и взаимосвязь между разными элементами сайта, проводит тесты. Особый подход применяется при разработке интерфейсов софта для Android и iOS. Подробно узнать о нём можно в статье «Дизайн мобильных приложений».
-
Вёрстка. Сводится к преобразованию дизайна в код страницы с помощью инструментов HTML и CSS. Эта работа необходима для того, чтобы контент правильно отображался в браузере. Правда, сегодня вёрсткой всё чаще занимаются смежные специалисты: верстальщики, программисты.
Таким образом, веб-дизайн — это профессия, которая находится на стыке трёх отраслей: искусства, маркетинга и IT. Поэтому не удивительно, что она больше всего подходит разносторонне развитым личностям.
Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров
Интернет тем и хорош, что позволяет бесплатно обзавестись книгами, которые ещё десяток лет назад пришлось бы приобретать или искать в единомышленников.
С популяризацией профессии веб-дизайнера и количество книг по теме увеличилось. Без наставника и учителя книга – лучший способ получать знания.
Обучение веб-дизайну с нуля следует начинать с той литературы, где даются основные понятия, теория и небольшие практические задания:
Электронный учебник – очень хорошо. Благодаря ему можно пробовать реализовать в деле полученные знания, быстро переключаться между книгами и сравнивать информацию с различных источников, но заменить ими бумажную книгу нельзя. Если хотите зарабатывать себе на жизнь оформлением и оптимизацией сайтов, не пожалейте денег на приобретение бумажных вариантов книг и справочников. Они всегда окупятся, да и домашнюю библиотеку расширят.
Кроме отечественных авторов необходимо знакомиться и с книгами западных дизайнеров, именно от них можно узнать о чем-либо новом в области.
Англоязычные книги не всегда оперативно переводятся, так что хорошее владение английским будет только в плюс развивающемуся техническому художнику.
Рис. 11 – Книги для обучения веб-дизайну
При выборе литературы стоит опираться не столько на описание книги, сколько на отзывы практикующих дизайнеров о ней.
Платные курсы для начинающих
В обзоре собраны программы, позволяющие освоить профессию с нуля.
Название курса и ссылка на него | Описание |
Веб-дизайнер (уровень обучения – с нуля) | Курс в университете Нетология. Обучаться можно онлайн, из любой точки мира. Можно освоить профессию с нуля. Упор идет на практику, что помогает лучше освоить навыки и получить работы для портфолио. Они пригодятся при последующем трудоустройстве. Особенность Нетологии – это вебинары, на которых можно не только слушать преподавателя, но и задавать ему вопросы и получить ответы. Домашние задания проверяют и дают по ним обратную связь. Помогают с трудоустройством. |
Онлайн-курс в школе Бруноям. Доступ к первой части можно получить бесплатно. Включает теорию и практические задания, которые проверяет наставник. Подходит новичкам, осваивающим профессию с нуля. | |
Курс в Skillbox. Сочетает освоение теории и практических навыков для решения реальных задач. Рассчитан на самостоятельное обучение. Вы получаете доступ к урокам, просматриваете их и выполняете практические задания. Подойдет людям, которые уже сделали первые шаги в дизайне. Например, сами освоили азы Photoshop, и теперь хотят изучить все на более глубоком уровне. | |
Курс в Skillbox, где можно обучиться делать дизайн сайтов на популярном конструкторе Tilda. Заработать на этом навыке можно на биржах фриланса, например, Кворке. |
Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров
Интернет тем и хорош, что позволяет бесплатно обзавестись книгами, которые ещё десяток лет назад пришлось бы приобретать или искать в единомышленников.
С популяризацией профессии веб-дизайнера и количество книг по теме увеличилось. Без наставника и учителя книга – лучший способ получать знания.
Обучение веб-дизайну с нуля следует начинать с той литературы, где даются основные понятия, теория и небольшие практические задания:
1Итан Маркотт «Отзывчивый веб-дизайн» – практическое руководство для веб-дизайнеров, после освоения которого новичок избежит сотен типичных для начинающих ошибок, узнает о целесообразности создания мобильной версии сайта. Написано в ней и как верстать страницы, которые будут одинаково отображаться на всех устройствах.
2Якоб Нильсен «Веб-дизайн» – в книге масса руководств по созданию эффективных интерфейсов, правильному расположению элементов навигации и заполнению ресурса контентом.
3Ю. Сырых «Современный веб-дизайн» – справочник, описывающий тонкости работы над интерфейсом, начиная с этапа подбора контента в зависимости от тематики ресурса, и заканчивая тестированием и отладкой готового макета. В ней масса информации не только по рисованию интерфейса, но и по его оптимизации и наполнению.
4Д. Кирсанов «Веб-дизайн» – автор создал самый полный и подробный теоретический и практический курс веб-дизайна. Книга написана простым языком, для её освоения даже HTML и CSS знать не обязательно.
Рис. 10 – Обложка книги «Настольная книга веб-дизайнера»
Дженнифер Нидерст Роббинс «Web-дизайн. Справочник» — третье издание, где автор делится опытом многолетней работы в динамически развивающейся отрасли — web-дизайне
Особое внимание уделено работе с изображениями, подготовке материалов сайта к печати и публикации и использованию Java-скриптов
Кроме отечественных авторов необходимо знакомиться и с книгами западных дизайнеров, именно от них можно узнать о чем-либо новом в области.
Англоязычные книги не всегда оперативно переводятся, так что хорошее владение английским будет только в плюс развивающемуся техническому художнику.
Рис. 11 – Книги для обучения веб-дизайну
При выборе литературы стоит опираться не столько на описание книги, сколько на отзывы практикующих дизайнеров о ней.
«Сначала мобильные!» Люк Вроблевски
Книга выпущена в 2012 году, но до сих пор является самым полным руководством о роли мобильных устройств. Не секрет, что пользователи проводят за смартфонами все больше времени – намного больше, чем за ПК. А значит, при разработке сайтов надо учитывать особенности мобильной версии и адаптивной верстки. Чем отличается мобильная верстка от декстопной, каким должно быть юзабилити, о каких распространенных ошибках нужно помнить, каковы отличия контента (который, по мнению автора книги, важнее навигации) – все это вы узнаете из книги. Также весьма привлекательны рассуждения о том, что никогда не надо останавливаться на достигнутом, что неизбежные ограничения мобильных платформ – не беда, а простор для творчества.
Этап второй – выберите направление веб-дизайна в котором вы хотите себя попробовать
Интернет-технологии стремительно развиваются, а вместе с ними повышаются и требования к разработчикам. Сначала красивая эстетичная и яркая страница были задачей художника.
Нынче различают целых семь направлений в их оформлении, и это только основных.
Рис. 2 – Основные направления современного веб-дизайна
Гибкий
Сложностями подобного дизайна являются:
- отсутствие гарантии, что на старых «квадратных» и огромных широкоформатных дисплеях ресурс будет отображаться правильно, без растягивания или сжимания содержимого;
- далеко не все браузеры нормально справляются с обработкой так называемых гибких ячеек, да и интернет-обозреватели, созданные на различных движках, делают это каждый по-своему;
- на подгонку и доведение проекта до идеала уходит много времени.
Рис. 3 – Гибкий веб-дизайн
Рис. 4 – Полиграфический дизайн страницы: насыщенный цветами и картинками
Зарплата веб-дизайнера
Этот вопрос волнует всех: и разработчиков и клиентов и каждого встречного. Постараемся разобраться в том, сколько зарабатывают профессионалы и новички.
Сейчас, часто можно увидеть градацию работников по уровням: Junior, Mid, Pro. Это «звание» сразу дает понять об опыте работы человека, его навыках, знаниях, скилах и профессионализме. Естественно, и спектр задач у каждого уровня будет отличаться: джуниоры будут получать мелкие заказы, которые не требуют особого опыта, таким образом нарабатывая свое портфолио и опыт. В то же время, профи будут приниматься за проекты, которые требуют долгой проектировки, анализа. Зачастую такие проекты создаются для международного рынка или серьезных корпораций. Ответственность на про-шках лежит огромная. Из-за всех этих факторов и уровень зарплат разнится:
Junior. На первых парах может зарабатывать от 20 000 до 40 000 тысяч рублей. Если повезет с заказчиками или работодателями, то и больше.Middle. Обязанностей больше, вот и зарплата растет: от 60 000 рублей.Pro. Профи своего дела, руководители отделов и проектов. Они получают от 150 000 рублей.
Кто-то решает освоить профессию самостоятельно, в свободное время, параллельно с учебой. Зачастую, первым шагом в развитии этих ребят становятся биржи фриланса.. Это то место, где многие учатся, набивают первые «шишки» в работе и налаживают контакты, связи, ищут постоянных заказчиков. Самый распространенный метод обучения – онлайн курсы, видео и статейки на форумах. Такой метод обучения неплох и имеет свои плюсы, но без преподавателя, наставника будут тяжелее, ведь никто сразу не укажет на ошибки или не предложит альтернативный метод создания проекта. Да, потребуется больше времени и усилий, но результат будет тоже на высоком уровне.
Этап третий – выясните, какие программы для веб-дизайна сейчас в тренде
Прежде, чем скачивать книги по тому или иному графическому редактору, нужно ясно себе представлять те элементы, что используются при графическом оформлении сайтов: фигуры, цвета, формы, игра света и тени, линии – это базовые элементы, из которых и создаётся вся композиция.
Как ни крути, знания каскадных таблиц и гипертекстовой разметки нужны едва ли не в первую очередь.
Понадобятся дизайнеру и знания в области компьютерной анимации, популярных CMS, SEO, а может и трехмерного моделирования.
Так сложилось, что Photoshop стал самой востребованной программой для графического дизайна и используется фактически во всех сферах, где нужна обработка изображений.
Он хоть и сложный для освоения новичками, потраченное на изучение функционала редактора время окупится с лихвой. Масса уроков, книг, материалов и готовых проектов сети помогут в этом.
В добавок ко всему практически все проекты макетов хранятся в формате psd – родном формате Photoshop.
Рис. 5 – Основные инструменты для веб-дизайна
Также стоит обратить вниманием на Sketch (только для OS) – ближайшего конкурента Photoshop. Последний обрастает функционалом, который востребован в десятках сфер, и преумножению возможностей относительно веб-дизайна ребята с Adobe внимания уделяют мало
Последний обрастает функционалом, который востребован в десятках сфер, и преумножению возможностей относительно веб-дизайна ребята с Adobe внимания уделяют мало.
Другое дело Sketch – заточена для рисования графических интерфейсов с нуля, не имеет ни единого лишнего элемента, более проста в освоении и легко обгоняет Photoshop по основным показателям.
Обязательно выберите наиболее удобный текстовый редактор, поддерживающий синтаксис и подсветку: VIM, Sublime, Axure RP.
Продолжение обучения
После прочтения книг ваша голова будет полна идей. Теперь их нужно попробовать применить на практике: в работе или в продолжении обучения. Особенно полезно, если на этом этапе своим опытом с вами поделятся профессионалы, которые «варятся» в профессии много лет и достигли в ней успехов.
Перенять опыт авторитетных дизайнеров вы сможете на курсах ведущих онлайн-школ. Подробный обзор школ — в нашей подборке «ТОП-10 лучших онлайн-школ дизайна по версии Checkroi». На курсах вы получите структурированную информацию по выбранному направлению дизайна, практические навыки для начала работы, обратную связь от преподавателей, портфолио и помощь с трудоустройством. Книги же расширят ваш кругозор и всегда помогут освежить в памяти подзабытую информацию.
Учебники по JavaScript
JavaScript – это уже не просто стили и разметки страницы, но полноценный язык программирования для веб-сайтов. Если вы видите не просто статичную страничку, но какую-то анимацию, проигрыватель видео или аудиозаписей, онлайн-калькуляторы и многие другие «фишки», где какие-то действия выполняются при загрузке страницы или по клику пользователя, вероятнее всего, что без JavaScript здесь не обошлось.
Изучаем программирование на JavaScript
Авторы — Эрик Фримен, Элизабет Робсон
Один из лучших учебников для новичков в веб-программировании. Очень простой язык, удобная подача информации. Новичкам будут особенно интересны базовые возможности, синтаксис и основной функционал. С опытом вы заинтересуетесь, как писать код, одинаково работающий в разных браузерах, как делать JavaScript-код максимально легким и быстрым, избегать проблем с передачей данных, защитить свой ресурс от взлома и т.д. В книге много примеров, практических задач и даже готовых небольших приложений, которые помогут понять на практике, что такое JavaScript.
JavaScript. Подробное руководство
Автор — Дэвид Флэнаган
Автор этого учебника – практикующий программист, который постоянно совершенствуется. Сейчас уже вышло 6-е издание, в котором автор обновил некоторые нюансы работы с новыми версиями языка. Это издание не совсем подходит для новичков, так как язык изложения несколько суховат, и основы описаны сжато. Но если вы сначала ознакомитесь с азами и синтаксисом, «Подробное руководство» поможет вам изучить многочисленные нюансы работы в JavaScript. В книге очень много полезных и оригинальных примеров.
Head First — jQuery
Авторы — Ryan Benedetti, Ronan Cranley
Эта книга посвящена одной из самых важных и универсальных библиотек JavaScript под названием jQuery. С ее помощью обеспечивается мультибраузерность, производится множество манипуляций с DOM, обмен информацией через API и многое другое. Эта библиотека применяется на большинстве сайтов. По сути, она позволяет при помощи средств JavaScript объединять элементы HTML и CSS, даже управлять ими. После изучения основ JavaScript, обязательно ознакомьтесь с этой библиотекой.
Развитие креативного мышления
Работа дизайнера требует высокого уровня творческого мышления, но его не ждут как музу и с ним не рождаются — его можно и нужно тренировать.
«Кради как художник», Остин Клеон
Информативная и прекрасно иллюстрированная книга от автора, который уверен в том, что творчество присутствует во всём и должно быть доступно каждому. Оригинальных идей в мире дизайна практически не осталось, поэтому не нужно отвергать чужое влияние и не стесняться коллекционировать удачные идеи.
«Кради как художник» — манифест современного цифрового мира. Книга наполнена яркими иллюстрациями, написана с юмором и помогает читателю раскрыть творческие стороны характера. Начинающие дизайнеры почерпнут из неё вдохновение и научатся грамотно использовать чужие идеи в своих целях.
«Визуальные заметки», Майк Роуди
Это красиво оформленный иллюстрированный учебник по созданию визуальных заметок. В книге подробно описана методика создания скетчей с яркими и понятными иллюстрациями. Пошаговые инструкции и упражнения для отработки навыков рисования, позволят быстро освоить это искусство.
По утверждению автора, рисовать скетчи может каждый, независимо от наличия художественного таланта. Это простое визуальное руководство, которое поможет освоить основные концепты, подходы и техники рисования скетчей в короткие сроки, так, чтобы вы могли сами быстро их создавать.
«Искусство формы», Иоханнес Иттен
Ещё одна книга известного швейцарского художника в нашей подборке посвящена искусству создания художественных форм. На страницах издания подробно изложена авторская система обучения художников, а также уделено немало внимания теории живописи.
Автор познакомит вас с основами профессиональной работы художников. Вы разберётесь в ритмах и акцентных точках композиции, роли формы и текстуры материала и принципах передачи предметов и сюжетов в изображении. Иллюстрациями служат работы учеников Иоханнеса Иттена.