Как стать веб-дизайнером самостоятельно: что нужно знать новичку
Здравствуй, дорогой читатель! В этой статье мы расскажем вам о том, как стать веб-дизайнером самостоятельно.
Путь до уровня профессионала непрост, но результат того стоит. Советуем запастись терпением, трудолюбием, ведь научиться нам предстоит многому.
Для начала, давайте определимся, стоит ли это ваших усилий? Ведь, если вами движет цель заработка, то этого будет мало, важно желание получать удовольствие от самого процесса обучения и выполнения заказов. Тогда и работодатели будут вас ценить, так как истинный мотив – это дело всей вашей жизни.
С чего начать новичку
Многие начинающие в этой сфере теряются в тоннах информации, книгах, статьях, видеокурсах. Давайте, структурируем всю информацию и обозначим конкретные шаги.
Согласны?
- Научитесь работать с графическими редакторами.
Для начала, будет достаточно знания Adobe Photoshop на хорошем уровне. Эта программа удивляет своими возможностями, освоение которых потребует времени и сил. Экспериментируйте с цветами, кистями, эффектами. Не обязательно сразу рисовать сайт, важно выработать чувство вкуса и технические навыки при использовании фотошопа.
Также будет полезно разобраться в следующем:
- Illustrator – поможет при создании иконок, а также логотипов;
- UX и UI дизайн – знание основ поможет создать удобный интерфейс;
- HTML, CSS – понимание языков программирования служит помощником для оптимизации графики в полноценный элемент сайта.
Но на этом обучение не заканчивается, а только начинается.
- Всё свободное время рисуйте.
Особенно, если вы без опыта, важно перерисовывать работы других дизайнеров, известные бренды и их сайты.
- Создайте собственный блог, на котором будете публиковать свои первые работы, фишки, которые узнали.
Просите опытных веб-дизайнеров прокомментировать ваши труды. И вам полезно, и другим новичкам тоже.
- Развивайте в себе художественный вкус.
Без творческих идей и вкуса web-дизайнеру никак. Если природа вас этим обделила, значит, это нужно в себе воспитать. Ходите в кино, фотографируйте, обращайте внимание на рекламу, посещайте выставки, интересуйтесь новинками живописи, покупайте книжки, уделяйте время путешествиям в красивые места. Делайте всё то, что вас вдохновляет на творчество!
- Не зацикливайтесь на чём-то одном.
Пробуйте и находите именно своё. Чтобы определиться, нужно перепробовать многое, к примеру, верстать сайты или создавать лендинги. Можно уметь многое, но лучше быть профессионалом в чём-то одном.
- Анализируйте.
Нет, не себя, а работы других дизайнеров, к примеру, Андрея Горохова или Василия Пирогова. Изучайте не только отечественных представителей данной профессии, но и зарубежных. Так вы быстрее найдёте свой стиль, вдохновитесь и получите дозу мотивации.
- Создайте качественное портфолио.
Подробнее об этом читайте в инструкции — как сделать портфолио web-дизайнеру (ссылка будет позже).
- Предлагают – берите.
Беритесь за любую работу. Пусть это будут простенькие баннеры и логотипы, это не важно. Ведь, если вы начинаете с нуля, то любая работа нужна вам для портфолио. А ещё это важнейший опыт, который можно получить, только делая, и никак иначе. Действуйте! Пробуйте себя на биржах фриланса, ищите сами себе заказчиков. Только не завышайте цены, если вы пока не очень уверены в своих силах.
- Если вы только начинаете брать заказы на биржах, то не забудьте позаботиться и создать электронные кошельки, например, WebMoney и Яндекс Деньги.
- Учитесь общаться с заказчиком.
Для этого лучше пользоваться Skype. Это нужно для того, чтобы лучше понять желания человека. Важно выяснить, что именно хочет в результате видеть работодатель. Попросите заказчика показать сайты, которые ему нравятся, а также расспросите о том, чего быть не должно. Тщательно изучите техническое задание (ТЗ) и, если что-то неясно, то обязательно уточните. Обсудите сроки выполнения.
13.02.2020
5 912
Подборка лучших бесплатных и платных курсов по обучению web-дизайну для новичков и профи.
Составляющие удачного проекта
Хорошим web-дизайнером можно стать, только научившись делать цепляющие работы. В погоне за идеалами важно не впадать в крайности, поэтому давайте с вами поговорим, что нужно, чтобы создать хороший сайт? Какой он?
- Он интуитивный и ясный.
За годы использования интернета пользователи привыкли к примерным стандартам сайтов. Это простая регистрация, информация о созданном проекте. Но так как все стремятся к неповторимости, то неопытный дизайнер может увлечься и из простого, понятного создать уникальный, но неудобный для пользования ресурс. Поэтому новаторство приветствуется — готовый проект должен быть ярким, неповторимым, но, тем не менее, близок к стандартам.
Вы не задумывались, почему компания Google такая популярная и востребованная? Всё в дело в их простоте, они по максимуму говорят на языке пользователя. Ваш сайт должен быть интересным, но куча непонятных кнопок и опций явно будут лишними.
- Он уважает время пользователя.
Замечали такое, зайдёшь на один сайт и все странички быстренько загрузились, а на другом так долго, что не хочется и время тратить. Контент должен быть оптимизирован. Если сделать чуть меньше графических элементов, таких как видео или анимация, то это не только ускорит процесс загрузки, но и увеличит вероятность того, что именно вашим сайтом заинтересуется пользователь.
- Он имеет обратную связь.
Так называемый фидбэк, всегда любят посетители сайта. Этот инструмент поможет вам проанализировать востребованность, а также поможет узнать мнение о вашем продукте. Эта информация в дальнейшем понадобиться, если владелец данного сайта захочет улучшить контент или саму услугу, которую предоставляет клиентам.
- Он наполнен интересным контентом.
Самое главное – это содержимое. Люди приходят на сайт, чтобы решить ту или иную проблему, и помимо качественной информации, нужно позаботиться о читаемости. Это и уместные картинки, шрифт, цвет, структура текста, его наполненность и полезность.
Как без специального образования добиться успеха?
Проходите различные тренинги, курсы по веб-дизайну. Они не всегда дороги, а иногда и вообще бесплатны. Но это всегда замечательная возможность попрактиковаться под руководством опытных мастеров в кругу единомышленников.
- Читайте книги.
Специализированная литература будет вам верным помощником на пути к профессиональному мастерству.
Например, что такое модульная сетка или типографика. С каждым новым словом ваш профессиональный словарный запас будет расти, и вскоре будет намного легче понимать работодателей и их требования.
- Когда вы обзаведётесь необходимыми знаниями по использованию тех или иных программ, то вам, как новичку, будет мегаполезно выполнить следующее задание:
нужно найти любой понравившийся вам сайт в интернете. Далее загружаем фотошоп и копируем макет сайта, хотя бы одну страницу. Если проделывать регулярно такое упражнение, то вы очень быстро разберёте весь процесс на маленькие шаги. Это уберёт страх, когда вы будете приступать к первым самостоятельным проектам.
- Практика – это хорошо, но без теории и «разжёвывания» информации нам с вами не обойтись. Поэтому рекомендуем изучать различные видеоуроки и статьи.
Для примера можно посмотреть этот сайт: egraphic.ru.
- Также можно поступить намного проще. А именно скачать PSD другого опытного дизайнера и создать самому макет по примеру. Так вы довольно быстро войдёте в курс дела.
Пример, где можно скачать: freebiesbug.com.
- Если хватит энтузиазма, то можно найти уже опытного веб-дизайнера и попросить его вас обучить. Или хотя бы назначить мини-консультацию по вопросам, в которых вы не в силах разобраться самостоятельно.
- Пользуйтесь различными онлайн-программами.
К примеру, для создания баннеров подойдёт bannerovich.ru, логотипов — logaster.ru и т. д.
Заключение
Мы с вами разобрали некоторые шаги, которые приблизят вас к освоению web-дизайна. Время на самостоятельное обучение с нуля обычно занимает 5 — 6 месяцев. Это всё сугубо индивидуально и зависит от возможностей и способностей самого человека.
Поэтому не стоит забывать, что существует и профессиональное обучение, с помощью которого отличных результатов можно достигнуть за месяц — два.
Желаем вам успешных начинаний! Всего вам доброго!
ТОП 4 БЕСПЛАТНЫХ онлайн — ресурсов для самостоятельного обучения дизайну
Всем привет. Сегодня я хотела бы поделиться с вами полезной информацией, а именно, ссылками на ресурсы с крутыми уроками и курсами для самостоятельного обучения дизайну. Это будет особенно полезно для новичков и людей, которые хотят быть в курсе последних новинок в мире дизайна. Я расскажу о тех сайтах, которые оказались полезными для меня и будут интересны не только веб-дизайнерам, но и графическим, 3d дизайнерам и т.д. Естественно, список можно продолжать до бесконечности и будет здорово, если вы поделитесь своими источниками в комментариях.
Прежде чем перейти к списку ресурсов, которые я лично использовала в своем обучении, хочу порекомендовать вам удобный агрегатор онлайн курсов tutortop.ru. Там собраны все курсы онлайн-школ по дизайну и другим направлениям, что несомненно очень удобно. Так же есть список действующих акций и скидок на онлайн-курсы, которые могут быть очень привлекательными. И конечно отзывы пользователей уже воспользовавшихся услугами компаний, по которым можно выбрать действительно достойный онлайн университет.
1
Виртуальная школа графического дизайнера Creativshik.com – есть бесплатные и платные курсы.
Автор блога – Боб Поташник. Самоучка. Дизайнер, построивший свою карьеру совершенно самостоятельно. В своих курсах он не только креативно и доходчиво рассказывает о том, как стать профессиональным дизайнером, не закачивая учебного заведения, но и дает конкретные практические советы сам и с помощью своих партнеров.
- БЕСПЛАТНЫЙ Трехнедельный email-курс “Как Самоучка Может Стать Отличным Дизайнером”
Вы узнаете что делать тем, кто по каким-либо причинам не может себе позволить изучать графический дизайн в ВУЗе. И как в этом случае стать успешным дизайнером и что для этого необходимо. – в принципе это набор из его статей на блоге, но удобно, то, что они будут приходить на почту и постепенно.
- БЕСПЛАТНЫЙ курс «Adobe Photoshopдля дизайна полиграфии и рекламы.» Вводная часть
Вводная часть тренинга состоит из шести видеоуроков: * Вводный урок. Интерфейс программы. * Понятие пикселя. Растровая и векторная графика. * Цветовые модели CMYK и RGB. * Работа с Adobe Bridge. * Навигация по документу. Палитры «История» и «Навигатор». * Типы файлов, используемых в Photoshop. – Здесь самые основы Photoshop, курс будет интересен тем, кто осваивает программу или хочет систематизировать свои знания.
- БЕСПЛАТНЫЙ видео-курс «Узнайте как на самом деле создается креативный дизайн» Вы узнаете как быстро продумать концепцию дизайна и воплотить ее в полноценном эскизе с помощью Adobe Photoshop. Поймете тонкости взаимоотношений между идейным вдохновителем (арт-руководителем) и кропотливым исполнителем (фотошопером).
В свое время Боб Поташник мне очень помог с пониманием азов дизайна. Композиция, колористика, типографика – все это было для меня, как лес дремучий. Я считала, что все это очень сложно. Мудреные книги больше запутывали, чем объясняли. А вот Боб, являющийся самоучкой, сумел построить и объяснить в своем 6-часовом курсе все так, что многое стало понятным и простым. Сегодня автор модернизировал курс и включил в него много нового и интересного. Он называется…
Курс «Интенсив по графическому дизайну 2.0», и стоит всего 1390 р. Описание на странице курса.
Это не реклама, а рекомендация ресурса, который, когда-то помог и мне. Тем более, что у автора можно поучиться и совершенно бесплатно с помощью материалов, описанных в начале статьи или с помощью блога. На своем сайте он публикует статьи, посвященные графическому дизайну, композиции, техникам разработки идей, типографике и многому другому. Все изложено просто и понятно. Вы можете подписаться на обновления блога или серфить его самостоятельно. Я рекомендую начать с самых первых статей. Для этого перейдите на блог сайта.
И в архиве выберите самую первую дату – Июнь 2009. Интересного вам путешествия вместе с Бобом Поташником.
2
Онлайн-университет Skillbox — БЕСПЛАТНЫЕ вебинары
Внимание! До 1 мая Смотрите здесь! |
Наверное, многие слышали об этом проекте, где можно пройти обучение у профессионалов различных областей IT– дизайн, программирование, маркетинг, PR и многое другое.
Об уровне преподавателей можно судить по бесплатным вебинарам, которые они часто проводят в прямом эфире, и записи которых можно найти на youtube. Если отбросить тот факт, что в конце каждого своего вебинара они рекламируют курсы и предлагают их купить, что в принципе справедливо, почерпнуть из них можно очень многое. Если вы хотите быть в курсе последних новинок дизайна и вообще знать о том, как создается дизайн молодой, креативной, современной командой, то вам в Skillbox.
ИЗ БЕСПЛАТНЫХ вебинаров мне больше всего понравились следующие:
БЕСПЛАТНЫЙ мастер-класс«UI—UX
для чайников. Быстрый старт от дизайн-студии #1»Вначале ведущий немного непонятно гворит, но вот главный спикер изъясняется понятно, интересно и креативно!
БЕСПЛАТНЫЙ мастер-класс «Адаптив- как делать сайты для десктопа, планшета и мобилки»
БЕСПЛАТНЫЙ мастер-класс «Советы начинающим дизайнерам»
Мне вообще нравятся все видео, где рассказывает Денис Попков. Очень профессиональный и остроумный человек.
БЕСПЛАТНЫЙ мастер-класс«Прожектор счастья- список самых нужных дизайнерских ресурсов»
Skillbox– это крутые ребята, у которых есть чему поучиться. Серфите их сайт и youtubeканал и найдете много интересного! Конечно, рекламы много, и может быть вы решите купить один из их платных курсов, что, естественно, на ваше усмотрение.
3
БЕСПЛАТНЫЙ мини-курс «Web— Design» от Романа Горелика в проекте «Наука Дизайна».
Очень интересный курс, который состоит из 6 уроков. Автор на ваших глазах создает дизайн крутого сайта и выгружает его на Behance. Советую пройти все шаги вместе с автором и вы узнаете или вспомните основные правила гармоничного дизайна, как правильно оформлять дизайн макет для верстки, как работать с инструментами Photoshop именно веб-дизайнеру и многое другое.
Автор в комментариях к уроку предлагает купить свой полный курс – естественно, это на ваше усмотрение. Мне лично был уже очень интересен и полезен мини-курс, скорее всего многим придется по душе и полный курс. Так же у автора есть и другие курсы, например, по Figma.
4
БЕСАЛАТНЫЕ уроки на сайте «Фотошоп-мастер».
Сайт позиционирует себя как крупнейшая социальная сеть по Photoshopна русскоязычном пространстве. Собственно, с этого сайта и началось мое знакомство с Photoshopи миром дизайна еще 10 лет назад.
На сайте вы найдете не только уроки, из которых можно выбрать то, что интересно именно вам, но и можете поучаствовать в конкурсах, а так же скачать разные исходники для своих дизайном. Но здесь будьте осторожны, я не уверена, что размещенные на сайте шрифты, кисти и другие материалы можно использовать в коммерческих целях. Помните об авторском праве и ответственности за его нарушение.
Уверена, что ссылки на ресурсы с крутыми уроками и курсами для самостоятельного обучения дизайну будут вам полезны. Так же я рекомендую вам посетить статьи моего блога и подписаться на обновления для того, чтобы узнать еще больше интересного из мира дизайна.
(Visited 6 570 times, 6 visits today)
6 эффективных онлайн-курсов — Образование на vc.ru
История о том, как мы решили открыть свои курсы по веб-дизайну, но пока изучали конкурентов написали гайд по действующим курсам для начинающих веб-дизайнеров.
Количество курсов по веб-дизайну за какое-то десятилетие выросло с нуля до сотен вариантов.
Это стало настолько мейнстримом, что в ближайшее время Coalla Agency запустит свой собственный онлайн-курс по веб-дизайну (следите за анонсами).
Запросы по “курсы по веб-дизайну” в “Яндексе”
Чтобы оценить масштаб, обрушившейся на пользователей интернета digital-лавины из многочисленных скилбоксов и гикбрейсов требуется отдельный курс.
На что обращать внимание при выборе курса и является ли высокая цена гарантией результата? [спойлер: не всегда].
Мы составили подборку из шести популярных (платных) российских курсов по веб-дизайну.
Яндекс.Практикум
Курс по дизайну интерфейсов от сервиса онлайн-образования «Яндекс.Практикум».
7 месячный курс от состоит из 6 модулей и 1 перерывов в неделю. На выходе студенты получают мобильное приложение, веб-приложение и сайт для социального проекта.
Программа обучения:
— Вводный модуль — узнаете, над какими задачами работают дизайнеры в цифровой среде, познакомитесь с основным инструментом дизайнера интерфейсов — Figma и создадите свои первые макеты.
— Тренировочный модуль — начнёте работу в Photoshop, Miro, Trello. Узнаете о концепции атомарного дизайна, освоите базовые законы типографики, композиции и колористики, начнёте работу с модульными сетками и графическими материалами.
— Агентский модуль — узнаете, как работают дизайнерские агентства и студии; на примере нескольких реальных проектов пройдёте весь дизайнерский цикл.
— Продуктовый модуль, на котором вы создадите дизайн для интернет-магазина, пройдете необходимую аналитику, разработаете проект в ваше портфолио.
— Выпускной проект — н
Обучение веб-дизайну с нуля — пошаговая инструкция (2019)
Выбор редакцииМногие молодые люди желают связать будущую профессию с разработкой сайтов. Естественно, не все хотят быть программистами, часть из них их вполне устраивает веб-дизайн.
Обучение этой профессии с нуля – дело не легкое, ведь кроме навыков работы в графических редакторах необходимо быть креативным человеком, хотя бы немного разораться в коде (знать CSS и HTML), уметь общаться с заказчиком на одном языке и т. д.
Прежде, чем начинать ознакомление с азами профессии, возникает ряд вопросов, и ответы на них приходится искать самому. Сделать это непросто ввиду отсутствия опыта, материалы с интернета не всегда становятся полезными, а порой и наоборот, лишь добавляют новые вопросы, да и опытный товарищ есть не во всех.
Давайте разберёмся, с чего начинать обучение веб-дизайну, какие знания для творчества понадобятся, где и в каком порядке их добывать, сколько времени уделять практическим занятиям, как обзавестись первым опытом и заказом…и с массой сопутствующих вопросов.
Cодержание:
Этап первый – выясните, почему вы хотите этим заниматься
С одной стороны, это простой вопрос, ведь большинство хочет заниматься веб-дизайном ввиду хорошей оплаты труда.
Сайтостроение – очень прибыльное дело, а опытного, и главное, толкового разработчика днём с огнём не всегда сыскать.
Хотя бывает много случаев, когда человек хочет заняться именно программированием сайтов, а без знаний создания графического движка сайта программировать его непросто.
И третий распространённый случай, почему люди начинают интересоваться веб-дизайном, – тяга к изобразительному искусству.
И данная область может послужить отличным средством для реализации своих талантов на практике с извлечением из этого финансовой выгоды.
Рис. 1 – Увлекательная и творческая профессия веб-дизайнер
Важно! Для какой бы цели не знакомились с веб-дизайном, помните, что как обучение, так и работа должна быть интересной, выполняться с желанием и приносить удовольствие, но не превратиться в рутину.
Ввиду того, что графический художник – молодая профессия, её точного определения пока не существует, и многие специалисты трактуют понятие по-своему.
Если раньше этот человек должен был сделать странички красивыми и приятными глазу, то нынче необходимо и навыками кодера обладать, и в маркетинге разбираться, и понятие в SEO-продвижении иметь.
Без уникальных решений, оригинальных идей и индивидуального творческого подхода задача не решается.
Дизайнер сайтов – это технический художник, работающий над внешним видом и оптимизацией загрузки сайта и веб-приложений.
В задачи этих людей входят:
- работа над логической структурой страницы – дабы любому начинающему пользователю всё было понятно, он с первого раза смог отыскать то, что ищет, все важные ссылки должны быть на виду;
- разработка наиболее рационального способа подачи контента – способность заинтересовать посетителя, заставить его подольше задержаться на ресурсе, полистать страницы сайта;
- графическое оформление – где какие элементы будут размещаться, какими будут кнопки и надписи после клика, как осуществляется взаимодействие с клиентом, как и что будет изменяться в процессе работы посетителя, изменения масштаба и т. п.
Вот мы вкратце и выяснили, почему люди хотят заниматься графической частью сайтов.
Для будущих программистов достаточно ознакомиться с азами визуального оформления веб-ресурсов, хотя бы поверхностно освоить графические редакторы, верстку по шаблону.
Уж жаждущим многие годы жизни посвятить созданию интерфейса интернет страниц и получить соответствующую профессию поначалу придётся потрудиться, им и посвящена данная статья.
к содержанию ↑Этап второй – выберите направление веб-дизайна в котором вы хотите себя попробовать
Интернет-технологии стремительно развиваются, а вместе с ними повышаются и требования к разработчикам. Сначала красивая эстетичная и яркая страница были задачей художника.
Нынче различают целых семь направлений в их оформлении, и это только основных.
Рис. 2 – Основные направления современного веб-дизайна
Жесткий
Старый как само сайтостроение вид оформления страниц, не требующий прикладывания усилий, отлично подойдёт для новичков.
Суть заключается в том, что все элементы ресурса размещаются в виртуальных ячейках таблицы с фиксированными размерами, которые задаются дизайнером.
Такая страничка будет абсолютно одинаково выглядеть на всех устройствах, независимо от платформы и размера экрана.
И это не значит, что подобный ресурс отсталый, ведь опытный разработчик с применением жесткого дизайна может создать прекрасно оформленный сайт, а корректировка чего-то в таком случае занимает считанные минуты.
Гибкий
Также табличный дизайн, но ширина ячеек виртуальной таблицы не строго задана, а зависит от размеров экрана (соотношения сторон, разрешения). Объекты будут стараться заполнить всё пространство ячейки, изменяя её размер. Главная особенность подобного решения – повышение удобства визуального восприятия данных за счёт динамически изменяющихся параметров отображения. На подобных страницах нет пустых, свободных от контента, мест.
Сложностями подобного дизайна являются:
- отсутствие гарантии, что на старых «квадратных» и огромных широкоформатных дисплеях ресурс будет отображаться правильно, без растягивания или сжимания содержимого;
- далеко не все браузеры нормально справляются с обработкой так называемых гибких ячеек, да и интернет-обозреватели, созданные на различных движках, делают это каждый по-своему;
- на подгонку и доведение проекта до идеала уходит много времени.
Рис. 3 – Гибкий веб-дизайн
Комбинированный
Соединение двух предыдущих методов: если размеры монитора (соотношение его сторон) сильно отличаются от параметров дисплея, что использовался при создании сайта, применяется гибкий дизайн, в ином случае используются и те, и иные ячейки, в зависимости от наличия свободного пространства в них.
Текстовый
Применяется при оформлении одностраничных ресурсов и сайтов, которые представляют небольшие предприятия и компании в глобальной цифровой сети. Особенностью подобного оформления является практическое отсутствие графических элементов, что положительно сказывается на скорости загрузки страницы. Сделать проект привлекательным поможет игра шрифтами, цветами текста и удачным расположением текста.
Полиграфический
Наиболее востребован при разработке корпоративных и маркетинговых ресурсов, где на первом месте стоит эмоциональное наполнение. Дизайнер должен подходить к работе с наибольшей креативностью и творчески выбирать пиксельные изображения для оформления страницы.Недостатком полиграфического дизайна является понижение скорости загрузки сайта из-за наличия, как правило, обильного количества растровых рисунков, да ещё и в высоком разрешении.
Рис. 4 – Полиграфический дизайн страницы: насыщенный цветами и картинками
Интерфейсный
Обращаются к нему в основном опытные мастера. Их задача – угодить всем запросам пользователя, как правило методом минимизации программного кода, оптимизации графических элементов и создания удобной навигационной системы с расположением меню в верхней части страницы. Такие ресурсы быстро грузятся, с ними легко работать как с компьютера, так и с мобильных устройств
.Динамический
Наиболее трудоёмкие, сложные варианты оформления веб-страниц. Данный тип дизайна заключается в размещении на странице динамического контента (анимация, скрипты, двигающиеся и изменяющиеся элементы, широкоформатные видео).
Для реализации замыслов придётся изрядно попотеть, а, чтобы посетитель был доволен и всё работало, как задумано, нужны не только мастерство владения графическими редакторами, но и навыки оптимизации, кто же захочет подолгу ожидать появления какой-либо красочной трехмерной кнопки. Зато отлично проработанный ресурс всегда привлекает своей красотой, оригинальностью и художественными решениями, в независимости от наполнения.
к содержанию ↑Этап третий – выясните, какие программы для веб-дизайна сейчас в тренде
Прежде, чем скачивать книги по тому или иному графическому редактору, нужно ясно себе представлять те элементы, что используются при графическом оформлении сайтов: фигуры, цвета, формы, игра света и тени, линии – это базовые элементы, из которых и создаётся вся композиция.
Как ни крути, знания каскадных таблиц и гипертекстовой разметки нужны едва ли не в первую очередь.
Понадобятся дизайнеру и знания в области компьютерной анимации, популярных CMS, SEO, а может и трехмерного моделирования.
Так сложилось, что Photoshop стал самой востребованной программой для графического дизайна и используется фактически во всех сферах, где нужна обработка изображений.
Он хоть и сложный для освоения новичками, потраченное на изучение функционала редактора время окупится с лихвой. Масса уроков, книг, материалов и готовых проектов сети помогут в этом.
В добавок ко всему практически все проекты макетов хранятся в формате psd – родном формате Photoshop.
Рис. 5 – Основные инструменты для веб-дизайна
Внимание! Кроме сложности в освоении, приложение придётся ещё и покупать для полноценной эксплуатации, хотя в целях обучения можно и схитрить, обойдя защиту программы.
Также стоит обратить вниманием на Sketch (только для OS) – ближайшего конкурента Photoshop.
Последний обрастает функционалом, который востребован в десятках сфер, и преумножению возможностей относительно веб-дизайна ребята с Adobe внимания уделяют мало.
Другое дело Sketch – заточена для рисования графических интерфейсов с нуля, не имеет ни единого лишнего элемента, более проста в освоении и легко обгоняет Photoshop по основным показателям.
Обязательно выберите наиболее удобный текстовый редактор, поддерживающий синтаксис и подсветку: VIM, Sublime, Axure RP.
к содержанию ↑Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров
Интернет тем и хорош, что позволяет бесплатно обзавестись книгами, которые ещё десяток лет назад пришлось бы приобретать или искать в единомышленников.
С популяризацией профессии веб-дизайнера и количество книг по теме увеличилось. Без наставника и учителя книга – лучший способ получать знания.
Обучение веб-дизайну с нуля следует начинать с той литературы, где даются основные понятия, теория и небольшие практические задания:
1Итан Маркотт «Отзывчивый веб-дизайн» – практическое руководство для веб-дизайнеров, после освоения которого новичок избежит сотен типичных для начинающих ошибок, узнает о целесообразности создания мобильной версии сайта. Написано в ней и как верстать страницы, которые будут одинаково отображаться на всех устройствах.2Якоб Нильсен «Веб-дизайн» – в книге масса руководств по созданию эффективных интерфейсов, правильному расположению элементов навигации и заполнению ресурса контентом.3Ю. Сырых «Современный веб-дизайн» – справочник, описывающий тонкости работы над интерфейсом, начиная с этапа подбора контента в зависимости от тематики ресурса, и заканчивая тестированием и отладкой готового макета. В ней масса информации не только по рисованию интерфейса, но и по его оптимизации и наполнению.4Д. Кирсанов «Веб-дизайн» – автор создал самый полный и подробный теоретический и практический курс веб-дизайна. Книга написана простым языком, для её освоения даже HTML и CSS знать не обязательно. Электронный учебник – очень хорошо. Благодаря ему можно пробовать реализовать в деле полученные знания, быстро переключаться между книгами и сравнивать информацию с различных источников, но заменить ими бумажную книгу нельзя. Если хотите зарабатывать себе на жизнь оформлением и оптимизацией сайтов, не пожалейте денег на приобретение бумажных вариантов книг и справочников. Они всегда окупятся, да и домашнюю библиотеку расширят.Кстати, читайте также у нас:
Рис. 10 – Обложка книги «Настольная книга веб-дизайнера»
- Дженнифер Нидерст Роббинс «Web-дизайн. Справочник» — третье издание, где автор делится опытом многолетней работы в динамически развивающейся отрасли — web-дизайне. Особое внимание уделено работе с изображениями, подготовке материалов сайта к печати и публикации и использованию Java-скриптов.
Кроме отечественных авторов необходимо знакомиться и с книгами западных дизайнеров, именно от них можно узнать о чем-либо новом в области.
Англоязычные книги не всегда оперативно переводятся, так что хорошее владение английским будет только в плюс развивающемуся техническому художнику.
Рис. 11 – Книги для обучения веб-дизайну
При выборе литературы стоит опираться не столько на описание книги, сколько на отзывы практикующих дизайнеров о ней.
к содержанию ↑Этап пятый просто попробуйте создать первый проект
Если есть идеи или желание создать свой первый сайт, самое время реализовать их, параллельно набираясь опыта работы с графическим реактором и продумыванием будущего вида сайта.
В ином случае можно отыскать несложное техническое задание на одной из бирж фриланса или форуме и попытаться решить его, пускай даже бесплатно, для проверки своих навыков и получения первого опыта.
Ещё можно взять и скопировать какой-либо понравившийся сайт, стараясь всё сделать аналогично.
Затем изучаем полученный код, чтобы взять под контроль элементы дизайна и всё довести до совершенства уже в первом проекте.
Сначала продумываем концепцию оформления и подбираем контент, соответствующий тематике ресурса. Затем пойдёт работа над структурой макета (создание меню, разделов сайта, сортировка контента по разделам) и её доведением до ума (рисуем приблизительную схему расположения элементов на готовой странице).Основными элементами являются:
Логотип – занимает, как правило, центральную часть страницы и отличает ресурс от иных;
Элементы навигации – размещается вверху страницы горизонтально, реже – вертикально и содержит ссылки на основные разделы;
Футер – строка внизу сайта с данными о разработчике, правах, ссылки, кнопки «Поделиться»;
Основной блок, где размещён контент – занимает основную часть экрана, текст всегда сопровождается рисунками, таблицами, схемами, анимацией и т. д.
Модульная сетка
Перед разработкой схемы проекта нужно уяснить для себя понятие о модульной сетке. Она представляет собой способ распределения информации по колонкам, это каркас будущего сайта.
Использование модульной сетки сильно упростит дальнейшую вёрстку, посвятите время знакомству с ней.
Рис. 12 – Модульная сетка сайта
к содержанию ↑Этап шестой – онлайн-тренинги
Практикующие дизайнеры всегда готовы поделиться опытом и знаниями о новых достижениях в области, не за бесплатно, конечно. Способов попасть на подобные курсы, в общем-то, два:
- посещение семинаров и тренингов;
- участие в обучении по сети (удалённо).
Выбирайте подходящие занятия, исходя со своих знаний, опыта и направления, в котором реализуете свой творческий потенциал. При прохождении курсов обаятельно закрепление теории на практике.
1Уроки веб-дизайна для начинающих
2Краткий практический курс для новичков
3Основы работы в Photoshop по созданию макетов от дизайнера с 10-тилетним опытом
4Мастер-классы и советы от бывалого художника
Более опытные разработчики, владеющие английским языком, обязательно должны ознакомиться с курсами западных коллег. Как и в случае с книгами, западные технические художники раньше практикуют новые технологии и решения в области, во-вторых, концепция работы среди иностранных дизайнеров может изрядно отличаться, а перенять чужой опыт всегда полезно. От курсов люди получают большую отдачу, чем от десятков прочитанных книг, что касается практических навыков.
к содержанию ↑Этап седьмой – найдите единомышленников
В трудовой деятельности важно общаться с людьми, которые занимаются тем, чем и вы.
Так не только друзьями можно обзавестись, но и делиться опытом, знаниями, советами, оказывать помощь и оценивать проекты один одного.
Здравая конкуренция – двигатель прогресса, она позволяет развиваться, стремясь сделать лучше, чем у товарища, привнести в проект что-то новое. И при обучении веб-дизайну с нуля обязательно нужно общаться с более опытными разработчиками.
Для этого сообщества в социальных сетях есть, тематические форумы и сайты:
Рис. 13 – Живой форум веб-дизайнеров
к содержанию ↑Этап восьмой – следите за трендами и тенденциями
Чтобы быть готовым ко всему при работе с заказчиком в области, где ни дня не проходит без новинок, нужно постоянно следить за новыми разработками, решениями и технологиями.
Они и визуальный вид сайтов изменяют к лучшему, и оптимизируют загрузку ресурса, и эмоциональную привлекательность страницы повышают.
Проще всего посещать ресурсы, где опытные и не очень дизайнеры выставляют свои работы на показ:
Не бойтесь скопировать что-либо у других для своего нового проекта и поделиться готовыми работами.
к содержанию ↑Этап девятый – попробуйте свои силы на фриланс-бирже
Работать техническим художником можно как самому от себя, так и на какую-либо фирму. Начинающим пользователям лучше набираться опыта на биржах фриланса:
Рис. 14 – Удалённая работа веб-дизайнером
Работаем поначалу за дёшево: берём недорогие заказы и долго и усердно трудимся над их выполнением, пока заказчик не останется довольным.
Удачные проекты – это опыт не только в дизайне, но и в общении с различными клиентами, пополнение пока ещё пустого портфолио работами.
Побольше внимание уделите заполнению профиля и расценкам на работу.
Несложные, но доведённые до ума макеты можно и продавать, беря за основу подобные проекты, выставленные на продажу.
Важно! Не стесняйтесь задавать вопросы, поинтересуйтесь, какие сайты заказчику больше всего нравятся, чтобы было на что ориентироваться. Спешить и делать работу с изъянами или занижать сроки, а затем заставлять заказчика ждать и нервничать, не следует.
Этап десятый – превратите веб-дизайн из хобби в профессию
Заниматься дизайном сайтов обычно начинают студенты и молодые люди, для которых это занятие становится увлечением.
Они выходные и вечера посвящают любимому делу, а когда набираются немного опыта и увлечение приносит первые доходы, всерьёз подумывают о смене рода деятельности.
Вот только бросить работу и перейти на вольные хлеба или заменить текущее место работы на комфортное кресло в офисе за компьютером многие опасаются.
Тут и недостаток опыта сказывается, и невысокие шансы отыскать заказчика или обзавестись постоянными клиентами, и стабильного заработка в случае работы на биржах фриланса и соответствующих форумах никто не гарантирует.
Рис. 15 – Со временем веб-дизайн должен стать профессией
И все же, если занятие по разработке графических интерфейсов сайтов привлекает, превращать его в основную профессию определённо стоит, и затягивать с этим не обязательно.
Со временем и знания появятся, и опыт, и постоянные заказы.
А если хочется большей стабильности, обратите внимание на работу в офисе среди единомышленников с возможностью периодически работать удалённо.
Главное, стремиться становиться лучше, постоянно развиваться и получать удовольствие от того, чем занимаешься!
Самостоятельное обучение веб-дизайну — Удаленная работа в интернете
Доброго здоровья, уважаемый читатель журнала «Web4job.ru”! В этой статье мы поговорим на тему Самостоятельное обучение веб-дизайну, какие навыки для этого необходимы, с какими программами придется ознакомиться.
Самостоятельное обучение веб-дизайну
Содержание статьи:
Обучиться веб-дизайну с нуля можно, хотя и сложно.
И приобретенные знания найдут применение в жизни.
Профессия веб-дизайнер популярна, поэтому, получив эту специальность, есть шанс самореализоваться и улучшить свое финансовое положение.
Веб-дизайн включает в себя не только оформление внешнего вида ресурса, но и верстку с применением CSS и HTML.
Веб-ресурс должен отвечать всем установленным требованиям и правильно обрабатываться браузерами.
Их разработка содержит в себе творческую и техническую образующие:
- Техническая — формулирует цель создания и функции;
- Выстраивание логической структуры и подбор форм, с помощью которых материал будет преподнесен читателям;
- Графический дизайн – монтаж макета сайта с применением графического редактора;
- Верстка сайта;
- Веб-мастеринг – сайт размещается на хостинге, оптимизируется под поисковые системы и продвигается по сети.
При самостоятельном обучении можно использовать:
- Обучающие курсы;
- Чтение журналов и книг по теме веб-дизайна;
- Анализ других качественно оформленных ресурсов;
- Повышение профессиональных качеств через постоянную практику;
- Заведение знакомств с заказчиками и общение с ними.
Обучиться веб-дизайну может любой человек, для этого нужно иметь желание, терпение и время на обучение.
Навыки при обучении
При самостоятельном обучении необходимо понимать, какие навыки потребуются при работе. Это:
- Умение использовать графические редакторы. Наиболее популярные программы:
- Adode Photoshop;
- Adode Illustrator;
- Corel DRAW.
Вам не надо учить их наизусть, надо владеть информацией для выполнения первоочередных задач;
- Понимать термины веб-дизайна – контраст, цветовая палитра, текстура, типографика, модульная сетка, баланс, макет сайта.
Далее можно поискать работу в студиях или на биржах удаленной работы.
Для практики и наработки опыта первоначально браться можно за любые заказы.
И при этом не надо забывать об учебе.
Для того, чтобы стать высококлассным специалистом, потребуется немало времени и практики, придется постоянно получать дополнительное образование –
для этого проводятся специализированные курсы, тренинги, вебинары.
Для настоящего специалиста важно не красивое оформление сайта, а его продуктивность.
Главная его задача – вызвать у пользователя положительные эмоции и подвигнуть его подписаться на рассылки, зарегистрироваться, приобрести товар или услугу.
А для этого недостаточно знаний по фотошопу, придется изучить основы маркетинга и верстки, принципы юзабилити.
Посмотрим видео на тему Самостоятельное обучение веб-дизайну
Веб-дизайн: обучение с нуля
С чего начать развитие начинающему в веб-дизайне?
Заключение
В этой статье мы рассмотрели тему Самостоятельное обучение веб-дизайну, что для этого понадобится и как добиться успеха в этом направлении.
Надеюсь, статья оказалась полезной.
Если возникли вопросы, можете задать их через форму комментариев под этой статьей.
Также буду признательна, если поделитесь статьей со своими друзьями в социальных сетях.
Понравилось? Поделитесь с друзьями!
Получите высокооплачиваемую интернет-профессию!
Как я стала дизайнером за шесть месяцев / Хабр
Я не заканчивала дизайнерских курсов и не училась дизайну в институте, но мне удалось пройти свой собственный курс обучения за 6 месяцев, замечу, что в процессе обучения я параллельно занималась полный день своей основной работой. Хотя я не думала, что уже готова устраиваться на новую работу дизайнером, все же мне сильно повезло и удалось найти неплохое место.Конечно, я понимаю, что у меня нет тех навыков, которые есть у многих профессиональных дизайнеров, которые учились этому несколько лет и имеют большой стаж работы, тем не менее, я чувствую, что могу работать на хорошем уровне, создавая неплохой дизайн. В настоящее время я занимаюсь дизайном веб-сайтов.
Эта статья поможет начинающим дизайнерам сделать первые шаги в изучении дизайна самостоятельно, здесь вы найдете ссылки на те книги и ресурсы, которые помогли мне в изучении и оказались полезными. Замечу, что ссылки указывают на англоязычные ресурсы, которые я использовала для самообучения.
Уровень первый: учимся видеть
Основная ошибка, которую совершают начинающие дизайнеры – это попытка сразу начать с изучения Photoshop и рисования дизайна. Но Photoshop не сделает вас дизайнером, так же как покупка красок и кисточки не сделает из вас художника. Поэтому начнем с освоения самых азов дизайна.
Учимся рисовать
Для выполнения этой задачи не потребуется прилагать больших усилий или записываться в школу художников, вам не придется рисовать натюрморты и раскрашивать картины маслом, ограничимся изучением основ рисования, чего будет достаточно, чтобы сделать набросок на бумаге. Поможет в этом одна хорошая книга по рисованию – «Как научиться рисовать за 30 дней». Практикуясь по полчаса в течение 30 дней вы сможете изучить основы рисования.
Изучаем теорию графического дизайна
— Начните с книги – «Нарисуй это». Эта книга поможет понять основы дизайна.
— Изучайте работу с цветом, типографию и создание дизайна на основе сетки.
— Проходите по несколько обучающих уроков с этого сайта каждый день.
Изучите основы опыта взаимодействия
Написано огромное количество книг на эту тему, начать можно с этих двух:
— «Дизайн повседневных вещей».
— «Не заставляй меня думать!»
Учимся писать
Абракадабра вроде Lorem Ipsum должна настораживать, это прямой указатель на плохого дизайнера. Хороший дизайнер должен уметь хорошо общаться со своими пользователями, он видит весь процесс оценки его дизайна в целом и не упускает таких деталей как презентационный текст. Каждое слово подбирается вдумчиво, с умом, а сам текст пишется с расчетом, что его будут читать люди. Не используйте заумный язык, которым пользуются учителя в школе.
— Прочитайте книгу «Почему одни идеи выживают, а другие — нет». Эта книга научит вас как привязать к себе читателей.
— На этом сайте много примеров хорошо подобранного текста.
Уровень второй: учимся пользоваться Photoshop и Illustrator
Изучив основы можно приступать к освоению программ для создания дизайна. Изучение лучше всего начать с Illustrator (программа, которую используют дизайнеры для рисования различных иконок и логотипов). Написано огромное количество обучающих материалов на эту тему, я приведу лишь несколько ссылок на книги, которые были особенно полезны. Вы же можете воспользоваться теми ресурсами, которые покажутся наиболее подходящими.
Изучаем Illustrator
— «Иллюстратор — аудитория в книге». Скучная книжка, но если вы осилите хотя бы половину этого материла, то получите базовые навыки по использованию Illustrator.
— «Основы векторной графики». Эта книга научит вас создавать иконки в Иллюстраторе, которые будут выглядеть действительно профессионально.
— Так же посмотрите обучающий урок по созданию логотипа в Illustrator, вам это должно понравиться.
Изучаем Photoshop
На эту тему написано не менее миллиона обучающих статей, один из популярных сайтов с качественными материалами — дизайн на tutsplus. А это пример хорошего обучающего урока «как создать psd шаблон для веб-сайта» с этого же сайта. Уделяйте прохождению этих уроков пару часов каждый день и прогресс не заставит себя ждать.
Уровень третий: приобретение специализации
Настало время определиться с той сферой дизайна, которой вы будете заниматься в дальнейшем. Уделите время изучению разных направлений дизайна (сайты, графика, мобильные приложения) и выберите для себя то, что приносит больше всего позитивных эмоций.
Изучаем дизайн логотипов
— «Дизайн логотипов».
— «Создание узнаваемоего бренда» (от веб-сайта до визитной карточки).
Изучаем веб-дизайн
— «Не заставляй меня думать» — книга о дружелюбном пользовательском интерфейсе.
– «Принципы красивого веб-дизайна». Название говорит само за себя.
— Создайте список веб-сайтов, которые кажутся вам привлекательными, отмечайте их особенности и структуру.
Уровень 4: создание портфолио
Вам не нужно заканчивать художественную школу, чтобы устроиться на работу дизайнером, но без хорошего портфолио точно не обойтись.
Как создать портфолио новичку без опыта работы? Для этого не обязательно иметь за плечами законченные проекты или работать с настоящими клиентами. Просто занимайтесь своими собственными проектами.
Вот, что вы можете сделать, чтобы получить опыт:
— Найдите сайт с плохим дизайном и переделайте его.
— Найдите благотворительные проекты и предложите сделать дизайн бесплатно.
— Практикуйтесь на сайтах для дизайнеров.
— Присоединитесь к команде на StartupWeekend.
— Выполняйте задания из этой книги.
Не включайте абсолютно все свои работы в портфолио, выберите только самые лучшие.
На начальных этапах не старайтесь быть оригинальным, это придет со временем, с опытом, с мастерством. Вначале все изучают основы и повторяют простые вещи за учителем, а когда накопится достаточно опыта, можно переходить к более продвинутым и самостоятельным работам.
Для вдохновения посещайте Dribbble (просматривайте работы лучших дизайнеров) и zurb.com/patterntap (веб-дизайн).
30 советов по изучению веб-дизайна за 30 дней
Изучение основ веб-дизайна все еще в вашем списке «когда-нибудь»? Почему ты еще не начал? Мы собрали 30 советов и ресурсов, которые помогут вам начать изучать веб-дизайн в этом месяце (и, возможно, даже найти себе новую карьеру!)
Графические дизайнеры, дизайнеры полиграфии и креативщики, которые хотят узнать что-то новое или проникнуть на веб-сайт, должны перестать откладывать на потом. Каждый день, когда вы не делаете этого первого шага, вы на один день отстаете от всех остальных!
Выполните следующие действия, чтобы начать изучение того, как создать свой первый веб-сайт, лучшие отраслевые практики и многое другое — и все это за 30 дней!
1.Создать сайт
Лучший способ начать изучать веб-дизайн — это начать им заниматься. Это совет Дэвида Кадави, автора книги Design
Рекомендую завести блог. Я завел блог, чтобы иметь площадку для веб-дизайна, а 7 лет спустя выпустил книгу-бестселлер на эту тему. Наличие личного проекта, например блога, дает вам возможность попробовать что-то новое, и ваш босс не уволит вас, если вы напортачите.
Необязательно начинать с огромного веб-сайта или безумного дизайна; начать с малого.Поиграйте с сайтом, выясните, что заставляет его работать. (И обязательно изучите код, чтобы начать знакомство с тем, что заставляет ваш веб-сайт работать.)
Хотите быстро начать работу? Конструктор веб-сайтов, такой как Wix, может помочь вам начать работу со стильным дизайном веб-сайта, когда вы начнете изучать концепции и строительные блоки из того, что входит в состав веб-сайта.
2. Прочтите все, что сможете
Как стать веб-дизайнером
Итак, вы хотите стать веб-дизайнером, но не знаете, с чего начать. Не паникуйте! Это не так сложно, как кажется, но требует времени и усилий. Очень часто встречаются веб-дизайнеры-самоучки, , но вы должны знать, с чего начать. В этом посте мы рассмотрим основные шаги, чтобы стать веб-дизайнером.
Знать игру
Веб-дизайнер создает визуальные элементы веб-сайта , такие как цвета, макет, форматирование и т. Д.Он / она должен хорошо разбираться в основах дизайна и знать, как использовать основное программное обеспечение для проектирования . Графических и веб-дизайнеров часто считают равными, поскольку они оба должны обладать большими навыками компьютерной графики и использовать похожее программное обеспечение, но это не одно и то же. Веб-дизайн требует специальных знаний в данной области и определенных технических навыков.
Лучшее программное обеспечение, чтобы стать веб-дизайнером или веб-разработчиком
Основное графическое программное обеспечение, которое вы должны изучить, — это Adobe Photoshop и Adobe Illustrator .Кроме того, также рекомендуется изучить Adobe Fireworks и Adobe Dreamweaver. Эти программы несложны в использовании, но они очень сложны, и для их освоения требуется время. Вам также необходимо изучить некоторые базовые языки программирования, такие как HTML, CSS, Javascript, Flash, PHP или jQuery . Вы должны обладать компетентными навыками в двух первых, но желательно, по крайней мере, ознакомиться и с остальными. Ой! И немного знаний в области SEO. никому не повредит.К счастью, в настоящее время доступно множество обучающих ресурсов, большинство из которых бесплатны. Веб-дизайн — это область, которая постоянно развивается, поэтому вы будете постоянно тренироваться. У вас всегда будет что-то новое, чему можно научиться, и, хотя временами это может быть ошеломляющим, это также увлекательно и отнимает часть рутины, присущей любой работе. Зоркий взгляд на эстетику и проактивный подход к технологиям — это основа .У этих навыков есть важный врожденный компонент, но им тоже можно научиться. Ищите вдохновение в блогах, книгах и в своем окружении. Следите за поступающими тенденциями. Но больше всего увлекайтесь своей работой .
Странник, ты проложишь путь пешком
Если вы хотите стать экспертом (и чтобы вас тоже воспринимали), вам нужен опыт , не так ли? Это означает, что проделанная работа показывает, на что вы способны.Более чем вероятно, что у вас нет клиентов, когда вы начинаете, поэтому хорошая идея — начать с создания собственного веб-сайта . В конечном итоге вам понадобится портфолио, но сейчас мы просто ищем возможность присутствия в Интернете. Вы можете вернуться к нему позже и сделать что-нибудь более интересное, когда улучшите свои навыки. Когда вы работаете на себя, легко потерять фокус или войти в бесконечный цикл изменений в своей работе. Мы советуем назначить дату запуска вашего сайта и придерживаться ее. Составьте рабочий календарь и запланируйте все свои проекты , от ваших учебных целей до создания вашего портфолио. Не забывайте быть организованным (может быть полезно ведение списка дел) и всегда (ВСЕГДА) проверяйте свою работу перед ее запуском. Работайте над любым проектом как над платным . Таким образом, вы будете готовы к возможным неприятностям при работе над профессиональным проектом.
Стать игроком
Когда вы управляете инструментами, разбираетесь в своей области и имеете собственный веб-сайт, самое время начать работать над проектами для других.Первое, что вам нужно сделать, это решить, хотите ли вы работать в исследовании или агентстве или в качестве внештатного дизайнера . В любом случае, есть некоторые вещи, которые вы должны принять во внимание, если хотите, чтобы вас серьезно воспринимали как веб-дизайнера. Создайте сайт-портфолио и регулярно обновляйте его. Имейте в виду, что вы работаете в постоянно меняющейся сфере, то, что три года назад было в моде, сейчас может выглядеть устаревшим, поэтому демонстрация ваших последних работ имеет решающее значение для создания профессионального имиджа.Проанализируйте свою работу, узнайте, что вы можете или не можете делать, чего вы хотите достичь и чему вы готовы научиться. Знать свои навыки важно, чтобы ценить свою работу и продавать ее. Не стоит недооценивать себя, но помните, что ваша первая работа связана не с зарабатыванием денег, а с приобретением опыта и контактов с . Дизайн — это очень субъективный вопрос, и веб-дизайн не исключение. Если вы хотите получить работу, вы должны научиться продавать себя .Работайте над своими коммуникативными навыками, создайте личный бренд, продвигайте себя и не забывайте быть организованным и извлекать уроки из своего опыта, воспринимайте проблемы как возможность учиться и совершенствоваться как профессиональный дизайнер. Теперь вы на пути к успеху, помните, что это требует терпения, ничего хорошего не бывает легко. Сохраняйте позитивный настрой и наслаждайтесь поездкой.
Удачи!
Дополнительная информация и полезные ссылки 12 советов, как стать успешным веб-дизайнером [Webdesign tuts +] Истории читателей: как я стал веб-дизайнером [About.ком] Полный список ресурсов, чтобы стать веб-дизайнером
Как я менее чем за год стал дизайнером UX | Ирина Мэннинг
Я UX дизайнер, у меня за плечами множество замечательных клиентов и вдохновляющие проекты. Трудно поверить, что всего пять лет назад я ничего не знал о UX-дизайне и работал преподавателем…
После окончания одного из самых престижных университетов России я преподавал иностранные языки детям и взрослым. Мне это нравилось, у меня это хорошо получалось, но в какой-то момент я понял, что преподавание — это не та профессия, которой я хотел заниматься.Хотя обучение чрезвычайно важно и очень полезно, оно также нелегко и оплачивается не так хорошо, как должно быть.
Итак, я решил сменить профессию. Я просто не понимал, чем хочу заниматься. Все, что я знал, это то, что мне нужно что-то, что 1) мне нравится делать, 2) у меня хорошо получается, 3) будет хорошо оплачиваться, 4) даст мне возможность легко найти работу, 5) не будет слишком напряженный, 6) дало бы мне гибкость в моем расписании, 7) мне не потребовались бы годы, чтобы учиться. После месяца тщательных размышлений, исследований и размышлений я решил попробовать сделать карьеру UX-дизайнера.
Вот несколько причин, по которым я выбрал UX-дизайн:
- UX-дизайн сочетает в себе креативность с технической составляющей. Это было идеально для меня как творческого человека, мне очень нравится решать технические проблемы. (Что-то Мне нравится делать , а у хорошо — проверяйте и проверяйте)
- UX-дизайн — одна из самых высокооплачиваемых профессий сегодня. ( Хорошая зарплата — чек).
- UX дизайн — горячая, быстро развивающаяся область; Многие компании осознают важность качественного пользовательского опыта и ищут хороших дизайнеров UX.( Найти работу легко — проверю).
- UX-дизайн относительно свободен от напряжений. Конечно, при том, что вам это нравится. ( Низкий уровень стресса — проверьте).
- В большинстве случаев дизайнеры UX могут работать где угодно и когда угодно, когда они наиболее продуктивны. Будь то в офисе или дома, утром или вечером, в оживленном кафе или на пляже. Если вы можете присутствовать на встречах и уложиться в сроки. ( График гибкости — проверьте).
- Чтобы изучить UX-дизайн, необязательно учиться в университете или колледже четыре или более лет. Я точно знал, что, проведя уже пять лет в университете, я не хотел снова ходить в школу. Конечно, можно так много узнать о UX-дизайне, но это не то же самое, что учиться на врача. Итак, я решил, что к тому моменту у меня достаточно дисциплины и настойчивости, чтобы я мог много учиться самостоятельно. (Можно узнать быстро, — проверить).
Итак, я выбрал UX дизайн.Теперь мне нужен был план, как относительно быстро освоить основы дизайна. Очень упрощенная версия моего плана заключалась в том, чтобы изучить основы дизайна, найти работу в этой области и продолжать совершенствовать свои навыки, получая опыт. Вот шаги, которые я предпринял:
1. Исследование и подготовка
Так как я пришел в UX-дизайн из совершенно не связанной области, я хотел изучить эту область. Я хотел знать, что такое графический дизайн, каковы последние тенденции и что ищут потенциальные работодатели.Я нашел и подписался на несколько информационных бюллетеней по дизайну (взгляните на Creative Bloq, чтобы узнать все, что связано с дизайном: отличный источник вдохновения, информации и последних новостей дизайна). Я следил за популярными публикациями по UX на Medium (такими как, например, UX Collective, Google Design или UX Planet и многие другие). Попробуйте также поискать подкасты UX, если вы больше слушаете музыку. Итак, я начал читать по несколько статей в день, чтобы познакомиться с основами цифрового дизайна.
2. Школа дизайна
Читая о дизайне, я начал медленно исследовать быстрые, но качественные способы получить некоторые теоретические и практические знания в области дизайна.У меня было три основных варианта: высшее образование, интенсивный курс, онлайн-уроки / книги.
Поступить в колледж было нельзя — я не хотел проводить еще четыре года в школе.
Теперь я знал, что у меня есть необходимая настойчивость, чтобы изучать основы, читая книги, статьи и просматривая онлайн-руководства. Но онлайн-курсы и книги не предлагали достаточно профессионального наставничества и практических упражнений, которые мне действительно хотелось. Итак, я решил использовать более формальный подход, чем самообучение, но менее формальный, чем диплом дизайнера.Я выбрал интенсивный курс дизайна.
Я исследовал чертовски много школ дизайна, которые предлагали такие курсы.
В итоге я нашел отличный вариант — интенсивный трехмесячный курс дизайна в школе графического дизайна Shillington School of Graphic Design в Нью-Йорке (более подробный обзор Shillington School читайте здесь, ). Я должен признать, что школа немного дорогая, но в итоге стоила каждого доллара. Лучшее вложение в себя, которое я когда-либо делал.
Школа Шиллингтона просто великолепна.Это дало мне все необходимое для начала:
- Отличные знающие учителя, которые поддерживают, ободряют и увлечены дизайном.
- Фантастическая программа, основанная на практических упражнениях и достаточном (не больше и не меньше) теории, чтобы вы начали.
- Прекрасные знания и отличное владение Adobe Photoshop, InDesign и Illustrator (недавно они добавили приложение Sketch в свою учебную программу).
- Реальные жизненные ситуации, имитирующие работу с реальным клиентом на реальных дизайнерских брифах.
- Отличные выступления известных дизайнеров на месте; Вопросы и ответы группы бывших студентов, которые рассказали нам о своих историях успеха; экскурсии по известным художественным галереям и выставкам.
- Способность работать над групповыми проектами и взаимодействовать с другими (будущими) дизайнерами — такими талантливыми, творческими и вдохновляющими.
- Портфолио. Каждый из нас, студентов, ушел из школы с высококачественным портфолио, которое мы с гордостью продемонстрировали нашим потенциальным работодателям.
- И последнее, но не менее важное: по окончании учебы я почувствовал себя дизайнером.Я знал, что смогу это сделать.
Если вы в конечном итоге выберете такой курс — не заблуждайтесь, он действительно ОЧЕНЬ интенсивен, особенно на заключительном этапе создания портфолио. За те три месяца, что я проработал в Шиллингтоне, у меня почти не было свободного времени ни на что другое, кроме дизайна. Мои друзья меня не видели. Моему мужу вспомнились холостяцкие дни. И я спал (буквально) в течение нескольких последних недель курса (о, славные дни создания портфолио! ..), но все это того стоило.
Я начал курс, ничего не зная о дизайне, и ушел с большим количеством полезных знаний, отличным портфолио и уверенностью в том, что я действительно смогу добиться успеха в мире дизайна.
Примечание. Я никоим образом не связан с школой графического дизайна Шиллингтона. Я искренне рада, что нашла их и успешно закончила курс. Действительно, они классные. Если моего слова недостаточно, проверьте качество некоторых студенческих проектов на их странице Instagram и убедитесь сами.
3. Портфолио / присутствие в социальных сетях
Знания важны — я позаботился о самом минимуме. Но одна из самых важных вещей для нового дизайнера в наши дни — это знать, как себя продвигать.
Как я уже упоминал, мы работали над портфолио в качестве заключительной части курса. Те из нас, кто знал, что мы сосредоточимся на цифровом дизайне, создали интерактивные цифровые портфолио.
Одним из последних проектов было создание собственного бренда. Результатом этого проекта для меня стал мой личный логотип, визитные карточки и веб-сайт, размещенные на одной из платформ, таких как Behance, Square Space (мой личный выбор) и подобных.
Итак, когда я вышел из Шиллингтона, у меня были все инструменты, необходимые для того, чтобы представить себя и свою работу потенциальным работодателям. Все, о чем мне нужно было позаботиться, это присутствие в социальных сетях. Я не утомлю тебя тем, что сделал. Стратегия маркетинга в социальных сетях — дело индивидуальное. Вы должны адаптировать его к своим профессиональным потребностям. Выберите социальную сеть, которую предпочитают люди из вашей области. Размещайте свои проекты в Instagram. Станьте активным участником дискуссий в Твиттере. Вносите свой вклад в сообщество, отвечая на вопросы на Quora или Reddit.Пишите статьи на Medium. Множество возможностей стать заметным в Интернете!
4. Волонтерские проекты (выходящие за рамки школьных)
Итак, теперь у меня был сертификат дизайна, личный бренд, визитки, активное присутствие в социальных сетях и портфолио. Составил 100% студенческих проектов… Ой. Мне нужен был реальный опыт работы, реальные клиенты, реальные проекты за плечами. Но кто хочет нанять недавнего выпускника без ощутимого опыта работы. Будучи перфекционистом и идеалистом, я бы даже не осмелился искать платящих клиентов в тот момент.Но… я не возражал против поиска неплательщиков. Другими словами, я искал любую возможность стать волонтером! Я предложила свою помощь в дизайне небольшим компаниям, стартапам, людям, которых я знала, людям моего мужа (который, кстати, блестящий разработчик — привет, Ник!), И случайно работал над его стартапом в одном из крупнейших коворкингов. пространства в Нью-Йорке) знал.
В течение месяца или двух я активно выполнял бесплатные дизайнерские работы для небольших технологических стартапов, что дало мне потрясающий опыт работы, не оказывая на меня слишком большого профессионального давления.Другими словами, поскольку мои клиенты получали работу по дизайну бесплатно, я знал, что их ожидания не будут слишком высокими, и я не стеснялся допустить незначительные дизайнерские ошибки.
Тем временем у меня появился первый платящий клиент… Феликс Гилман, известный и невероятно талантливый писатель и мой хороший друг, доверил мне изменить дизайн своего веб-сайта. Это усилие было огромной ответственностью — Феликс был последним человеком, которого я хотел подвести. Я сделал все, что мог, создав его веб-сайт и получил свою первую зарплату.Это было приятно и вселило в меня необходимую уверенность в своих силах. Помимо удовлетворения от работы над реальным проектом, для замечательного клиента и за деньги, я получил кое-что еще из этого проекта…
5. HTML / CSS
… это привело меня к изучению HTML и CSS.
Раньше все мои волонтерские проекты были чисто дизайнерскими. Я работал один, без необходимости сотрудничать с разработчиками. Мой первый «настоящий» проект был другим. Я не только создавал дизайн, но и следил за выполнением макетов разработчиком.Я НИЧЕГО не знал о том, как создаются веб-сайты после дизайна. Программирование было для меня чем-то невероятно чуждым. Не буду лгать, первый опыт сотрудничества с разработчиком был тяжелым. Я справился, но заставил меня понять одну вещь. Если я хотел быть хорошим UX-дизайнером, мне нужно было разобраться в этом, мне нужно было понимать техническую часть создания цифрового продукта.
Поскольку моей целью было просто познакомиться с процессом, а не изучать его подробно, я решил попробовать учиться самостоятельно.
Я поискал хорошие книги по HTML / CSS и купил одну. Я воспользовался книгой HTML5, Обучение визуально. У него не так много отзывов и всего четыре звезды на Amazon, но я могу поручиться за него и очень рекомендую. Для той цели, которую я имел в виду, он выполнил свою работу. Он безболезненно познакомил меня, как абсолютного новичка, с основами HTML и CSS. Книга очень наглядная и содержит множество практических упражнений.
Проработав всю книгу, у меня наконец появилось четкое представление о том, как создаются веб-сайты, и я знал, что мог бы намного эффективнее проектировать для цифровых технологий, и теперь мне будет намного легче сотрудничать с разработчиками.
6. Java Script
Изучив основы HTML и CSS, я гораздо лучше понял, как думают разработчики. Однако я понял, что мне этого мало. Поскольку HTML — это язык разметки, а не настоящий язык программирования, я лично почувствовал необходимость копнуть немного глубже. И это привело меня к изучению JavaScript. Я внимательно изучил и отработал все практические упражнения в A Smarter To Learn JavaScript. Книга просто великолепна.Я настоятельно рекомендую его всем (будущим) цифровым дизайнерам, которые хотят познакомиться с этим очень важным языком программирования. Информация разбита на удобоваримые части, теория представлена в очень структурированной и ясной форме, а практические онлайн-упражнения помогают закрепить и запомнить все концепции весело и (почти) без усилий. Я пробовал и другие книги, но они были довольно сложными для такого новичка, как я, и, честно говоря, заставили меня задуматься, способен ли я вообще.Я был способен. Просто нужно было найти хорошую книгу для начинающих.
Изучение JavaScript полностью изменило мои представления о цифровом дизайне. Если вы начинающий дизайнер, который планирует заняться UX, веб-дизайном или мобильным дизайном, сделайте себе одолжение и научитесь программированию. Как цифровые дизайнеры, мы должны много взаимодействовать с командами разработчиков. Поверьте, понимание мыслительного процесса и потребностей разработчика так же важно в нашей профессии, как и выдающийся дизайнер.
7. Работа в сети
Теперь, когда я знал, что у меня достаточно знаний и опыта в области дизайна, в моем портфолио было больше (и лучше) проектов, а также было некоторое понимание основ программирования, мне нужно было прославить свое имя.
Я уже упоминал, как важно быть активным в творческом / техническом сообществе онлайн. В начале своей карьеры я определенно не чувствовал себя достаточно авторитетным, чтобы писать статьи. Мне просто нужно было больше опыта, чтобы было о чем писать.Но я изо всех сил старался следить за влиятельными людьми отрасли в Твиттере, следил за интересными субреддитами UX и читал много статей. При любой возможности я также пытался комментировать сообщения.
Не всегда легко выразить свое честное мнение вначале, когда у вас просто недостаточно опыта или уверенности, но важно попробовать. Мало-помалу вы будете знать, за кем стоит следовать, вам обязательно будет что сказать, и вы даже почувствуете в какой-то момент (я знаю, что это сделал после нескольких лет моей профессиональной жизни UX-дизайна), что вы знаете и достаточно пережили делиться своими знаниями, давать советы новым дизайнерам, наставлять и обучать.
Сетевое взаимодействие очень важно. Но личное общение еще лучше. Обязательно присоединяйтесь к meetup.com и, когда можете, посещайте встречи дизайнеров / UX / технологий в вашем районе. Мне посчастливилось жить в Нью-Йорке, когда я начинал свою карьеру UX-дизайнера — о, у меня было много возможностей посещать фантастические встречи. Есть множество разных интересных групп, к которым можно присоединиться. Даже если ты не живешь в большом городе. Как можно чаще ходите на встречи дизайнеров. Вы встретите так много интересных талантливых людей из вашей отрасли.Не пугайтесь: наряду с известными дизайнерами там будет много новых дизайнеров, которые только начинают работать, как и вы.
Еще один важный момент — старайтесь проявлять инициативу и участвовать. Участвуйте в обсуждениях, задавайте вопросы, разговаривайте с людьми, спрашивайте их, чем они занимаются, рассказывайте им, над чем вы работаете в данный момент, предлагайте помощь, обменивайтесь контактной информацией и оставайтесь на связи после встречи. Никогда не угадаешь: человек, с которым ты говоришь, может случайно искать дизайнера.Я знаю, что не получил бы свою первую настоящую работу, если бы не начал рассказывать о своем опыте, изменившем карьеру, этому разработчику, которого я знал …
8. Первая работа
Итак, однажды, через несколько месяцев после Когда я закончил школу дизайна, я разговаривал с одним знакомым разработчиком. Мы говорили о том, как чрезвычайно важно для дизайнера знать, как написан код. Так я получил свою первую работу.
Оказалось, что компания из списка Fortune 500, в которой он работал в то время, искала младшего фронтенд-разработчика с опытом работы в области дизайна.Я серьезно сомневался, что смогу с этим справиться, поскольку мои навыки фронтенд-разработки были очень простыми. Он был вполне уверен, что я так и сделаю, так как им нужен был кто-то, кто был бы мостом, соединяющим команды дизайна и разработки, кто-то, кто мог бы «говорить на обоих языках».
Остальное уже история. Он рассказал обо мне своему менеджеру, меня пригласили на собеседование с HR, а потом еще на собеседование с менеджером по найму. Вот и все. Я получил первое предложение о работе. Это была очень младшая должность с очень простой зарплатой, но в международной международной компании.В тот момент меня не волновали деньги. Мне нужен был опыт. И ох — я получил тонну! ..
Работа не была для меня концом. Это было только начало. Моей первоначальной целью было стать дизайнером UX. Название моей должности гласило «младший интерфейсный разработчик» (Что?!)… Итак, я продолжил.
9. Работайте усердно и проявляйте инициативу
В Richline Group Inc я вначале в основном занимался фронтенд-разработкой. Было сложно? Невероятно. Знала ли я, как все делать? Не за что.Но я быстро и охотно учился. Я был настроен. Я исследовал решения вопросов программирования. Я задавал вопросы. Я смотрел свой код дома в нерабочее время и попросил своего мужа-разработчика объяснить мне вещи.
Я проработал первые пару месяцев на работе и, наконец, моя решимость окупилась. Стало легче. Мне больше не приходилось задавать столько вопросов.
Однако я не делал столько дизайнерских работ, сколько хотелось бы. Итак, я решил заранее попросить об этом.Хотя это не обязательно было в моей должностной инструкции. Я провел обширный анализ одного из существующих веб-сайтов, который, как мне показалось, был несколько устаревшим и нуждался в некоторой работе с UX и визуальным дизайном. Я написал подробный документ, очень быстро смоделировал свои предложения по улучшениям и представил его на одной из встреч. Я получил добро на это и с тех пор отвечал за переработку всей этой цифровой маркетинговой кампании. Это показывает, насколько важно проявлять инициативу.
С тех пор я начал постепенно переходить на должность веб-дизайнера, кроме того, я помогал с некоторыми внешними разработками. Я перепроектировал и спроектировал множество веб-сайтов для Richline Group, а в итоге стал ведущим дизайнером крупного перепроектирования основного веб-сайта компании. Это была огромная ответственность, и к концу этого проекта я очень гордился результатом.
10. Тем временем — онлайн-курсы / учись у всех вокруг / будь энтузиастом UX.
Работая в Richline, я НИКОГДА не переставал учиться.Постоянно узнавал что-то новое: читал книги, статьи, блоги, слушал подкасты. Я был самым активным пользователем профиля компании lynda.com! Мне нравится этот сайт. Здесь так много качественных курсов по всему, от визуального дизайна до UX-дизайна и маркетинга. Я не мог бы рекомендовать это более высоко.
Я также учился у всех и вся на работе. Какой-то талантливый коллега сделал что-то классное? Я сделал мысленную заметку. Кто-то хорошо справился с ситуацией? Я отметил. Я сам или еще кто-то ошибся? Я вспомнил и больше никогда этого не делал.
Другими словами: учиться, учиться, учиться. Никогда не переставай учиться. UX-дизайн включает в себя множество областей и навыков, от психологии до копирайтинга, маркетинга и программирования, и это лишь некоторые из них. UX-дизайнер никогда не сможет научиться достаточно, независимо от вашего уровня опыта. На данный момент я работаю в этой области в течение многих лет и до сих пор узнаю что-то новое каждый божий день, и это не преувеличение.
Последнее, что я добавлю к этому моменту, это то, что компаниям, особенно крупным корпоративным компаниям, некогда вводить изменения.Это клише, но на самом деле: «будь тем изменением, которое ты хочешь увидеть». Когда я приступил к этой первой работе, я ни разу не слышал слова «пользовательский опыт». Но я был активным сторонником использования различных техник UX-дизайна в нашем рабочем процессе, представил множество новых инструментов, инициировал элементы юзабилити-тестирования. Я был большим сторонником UX-дизайна, и это оказалось заразительным. Мой менеджер был счастлив передать мне продвижение UX, практикуемого в нашей команде. Я сделал все, что мог, и снова сделал больше, чем требовала моя работа.Я сделал все, что сделал бы дизайнер UX. И наконец…
11. Стать дизайнером UX
… наконец, я стал дизайнером пользовательского интерфейса. В течение года после принятия решения о смене карьеры я достиг своей цели. Я никогда не думал, что это возможно, но это было.
Сегодня я занимаюсь UX более пяти лет. Мой путь обучения не всегда был легким, но я с гордостью могу сказать, что прошел долгий путь. Я встречался и работал вместе с удивительно талантливыми людьми, над десятками вдохновляющих проектов для компаний, начиная от успешных стартапов и заканчивая компаниями с богатством 500 в Нью-Йорке и Европе.Я запустил несколько собственных прибыльных проектов и основал дизайнерское агентство. Я никогда не перестаю учиться и продолжаю расти в личном и профессиональном плане каждый день.
Я ни разу не пожалел о решении стать дизайнером UX. Я люблю свою работу. Это безмерно обогатило мою жизнь. Если вы думаете о смене карьеры, но не уверены или боитесь. Не быть Это может быть нелегко, но вы справитесь. Просто верьте в себя, имейте план и выполняйте его!
Для тех, кто хочет ознакомиться с моей работой, нажмите здесь или оставайтесь на связи в Twitter.
.