Что нужно знать чтобы быть дизайнером. Как самостоятельно изучить основы дизайна

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

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

1. Не торопитесь

Не стоит совершать самую распространенную ошибку всех начинающих специалистов – торопиться. Вам придется потратить время на доскональное изучение Photoshop и Illustrator, обучиться техникам рисования и выучить основы в целом.

Для начала научитесь рисовать, если вы еще не владеете этим навыком

1. Для этого совершенно не обязательно сидеть в одной аудитории с такими же новичками и пытаться нарисовать очередной куб или вазу. Вообще-то, вам и не нужно быть супер-художником. Вполне достаточно знать основы рисования и уметь сделать набросок.
2. В этом вам поможет всем известная и невероятно полезная книга “You Can Draw In 30 Days”. Просто занимайтесь по ней хотя бы по тридцать минут в день на протяжении месяца, и вы сможете овладеть более чем посредственными навыками рисования.

Обучитесь основам графического дизайна

2. С этим поможет справиться книга “Picture This”, основанная на сказке про Красную Шапочку, она учит основам и графического дизайна, и рисунка.
3. Изучайте шрифты, цвета. Если есть возможность и желание пройти курсы – хорошо, в противном же случае в ваших руках есть целый интернет, который кишит бесплатными уроками и видеоматериалами по теме.
4. Занимайтесь по этим урокам ежедневно, они помогут вам в вашем обучении.

Также вы должны знать хотя бы основы UX

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

1. “Дизайн привычных вещей”
2. “Не заставляйте меня думать”

Вы должны уметь писать

1. Хороший дизайнер должен преуспевать в коммуникации и продумывать каждый момент в своем дизайне, в том числе и текст. Пишите так, чтобы ваш текст не был сухим и непривлекательным. Здесь вам опять же понадобится знание пользовательского опыта.
2. Стоит прочесть книгу “Made To Stick”, она поможет вам научиться писать цепляющие тексты.
3. Также внесите в закладки себе сайт Voice and Tone. Здесь есть масса примеров отличных текстов, они вам понадобятся для дальнейшей работы.

2. Досконально изучите Photoshop и Illustrator

Теперь, когда теория и основы уже изучены, пора приступать к практике. Стоит начинать именно с Illustrator, а затем переходить к Photoshop.

Illustrator используется в создании иконок и есть масса уроков и книг, с помощью которых вы сможете научиться работать в этой программе, и вот парочка для вас:

1. “Adobe Illustrator Classroom in a Book” – очень нудная, но полезная книга. И если вы сможете осилить хотя бы половину этого учебника, то вы уже сможете вполне уверенно ориентироваться в программе.
2. На этом канале вы сможете найти четыре достаточно подробных видеоурока, которыми вполне можно заменить вышеупомянутую скучную книгу.
3. “Vector Basic Training” – книга, с помощью которой вы научитесь создавать изображения с помощью кривых. Кстати, по ссылке помимо книги предоставляются еще видео и упражнения.

Photoshop считается более сложным, чем Illustrator, но интернет полон уроками по этой программе:

1. Tuts+ – здесь вы найдете массу уроков (и по Illustrator, кстати, тоже), которые помогут вам обучиться инструментам и получить навыки рисования.
2. Этот канал содержит в себе достаточно большое количество уроков по Photoshop, и они вам точно пригодятся.
3. Photoshop Tutorials – достаточно полезный ресурс, на котором помимо уроков есть и различные плагины, кисти, градиенты и многое другое
4. Занимайтесь по этим материалам хотя бы по часу в день, и вы быстро добьетесь достаточно высокого уровня знания Photoshop.
3. Определитесь со своей специальностью

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

Дизайн логотипов:

1. “Логотип и фирменный стиль” – в этой книге вы прочтете о том, как сделать по-настоящему классный и красивый логотип.
2. Logo Design Love – сайт от автора вышеупомянутой книги. Также посвящен логотипам, поэтому стоит на нем позависать. Тут собраны вдохновляющие примеры и интересная информация о создании лого.
3. Если же вы не хотите останавливаться только на создании логотипа, то книга “Designing Brand Identity” поможет вам научиться строить всю структуру бренда полностью – начиная от сайта и заканчивая персональными визитками.

Дизайн мобильных приложений:

1. Здесь вы найдете замечательное руководство по созданию интерфейса мобильного приложения. С его помощью вы сможете хотя бы поверхностно понять, с чем придется иметь дело.
2. “Tapworthy” – это отличная и небольшая книга от Джоша Кларка, в которой он рассказывает о том, как создать привлекательное внешне, а главное удобное приложение.
3. Пройдитесь по приложениям в своем смартфоне и постарайтесь понять, какое из них сделано хорошо, какое не очень, а какое вообще из рук вон плохо. И обратите внимание на мелочи, которые не были, по вашему мнению, продуманы до конца, придумайте способ исправить существующие ошибки.

Веб-дизайн:

1. Здесь вам опять же пригодится упомянутая выше книга “Не заставляйте меня думать”, обязательно прочтите ее, тем более, что мы нашли для вас русский перевод.
2. На этом ресурсе вы найдете 20 бесплатных книг по веб-дизайну, и мы советуем вам прочитать хотя бы пару из них.
3. Как и в случае с дизайном мобильных приложений, соберите сайты, которые вам нравятся, и посмотрите, что и как сделано. Выпишите основные плюсы этих сайтов и старайтесь в дальнейшей работе соответствовать своим идеалам.
У желающих стать графическим дизайнером часто возникает вопрос, нужно ли знать HTML и CSS. Скажем так, знание основ разработки вам никоим образом не помешает и даже даст преимущество. Но все, конечно, зависит от конкретной работы или проекта.

Даже если вы не собираетесь становится веб-разработчиком, основы HTML и CSS стоит знать, тем более, что есть огромнейшее количество бесплатных уроков, найти которые вы можете в наших статьях:

1. Полезные ресурсы для программистов
2. 9 полезнейших сайтов для изучения программирования

А также на этих ресурсах:

1. Один из лучших бесплатных Tuts+
2. И один из лучших платных, но недорогих ($25/мес.) – Treehouse. Он подойдет новичкам, которые ищут доходчивые и простые объяснения.

4. Позаботьтесь о своем портфолио

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

Также делайте различные классные штуки на сайте 99 designs, и выполняйте упражнения из книги “Creative Workshop”. Главное, боритесь со своим желанием впихнуть все свои работы в портфолио, выбирайте лишь самые лучшие. Пусть у вас портфолио будет небольшое, но стоящее. И не бойтесь “красть” работы, заимствуйте идеи, ведь вы начинающий специалист и вам нужно на чем-то учиться. Конечно, мы не говорим о том, чтобы вы выдавали чужие работы за свои. Просто берите идеи и видоизменяйте их.

5. Устройтесь на работу

Тут у каждого уже свой путь – либо идти работать в офис, либо быть фрилансером. Скажем сразу, что начинать с офисной работы гораздо проще, так как, скорее всего, вы будете не единственным специалистом в штате и вас смогут взять под крыло, чтобы доучить. Но попасть в офис сложнее, чем найти проект на фрилансе, тут уже будет иметь значение ваша способность понять и выполнить задание.

Мы говорили выше о знаниях основ разработки, и тут они вам пригодятся, как никогда, ведь в IT сфере графические дизайнеры очень востребованы и имеют наибольший заработок.

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

Главное, не прекращайте обучение, если вы уже получили работу. Все время совершенствуйте свои знания и навыки, и вы не успеете оглянуться, как станете настоящим профи.

С появлением многочисленных бесплатных онлайн-ресурсов, заниматься самообучением стало намного проще. Каждый может узнать много нового, не выходя из собственного дома. Интернет творит удивительные вещи. У каждого есть доступ к любой необходимой информации. И в связи с этим, самообучение становится всё более доступным. Вы не будете испытывать нехватку информации, и более того, эта информация постоянно обновляется. Таким образом, даже дизайнеры и фрилансеры могут заняться своей карьерой путем самостоятельного обучения. Несмотря на то, что некоторые всё же предпочитают поступать в школу дизайна, большое количество дизайнеров являются ни кем иным, как самоучками.

Многие из довольно успешных дизайнеров с громкими именами постигали азы дизайна самостоятельно. Они служат источником вдохновения для миллионов начинающих дизайнеров, которые поначалу не решаются заняться самообучением. Ориентируясь на них, все больше и больше людей подаются в дизайн, постигая его при помощи учебников и материалов из интернета. Безусловно, рядом с обучением должна идти решимость, терпение и страсть. Если в настоящее время Вы не можете решить, идти Вам в школу дизайна или нет, то статья ? может помочь Вам.

Самообучение представляет собой деятельность человека, связанную с процессом получения знаний и информации за счет собственных усилий. Оно подразумевает самостоятельное обучение без помощи других людей. Человек, который практикует самообучение, называется автодидакт или самоучка. Самообучение ведется путём чтения книг и других материалов, в которых представлена вся необходимая информация, а также путём получения консультаций от специалистов в этой области. В определённые моменты жизни каждый из нас становится самоучкой. Это показывает, что самообучение — это реально, и что оно может привести Вас к успеху, особенно если Вы полны решимости. Таким образом, для того, чтобы окончательно разобраться с самообучением, давайте рассмотрим все его плюсы и минусы. Позже мы дадим Вам несколько советов по поводу того, как Вы можете организовать самообучение, а также постараемся помочь Вам начать его.

Плюсы самообучения

Давайте рассмотрим те преимущества, которыми обладает самообучение. В некоторых пунктах мы будем сравнивать его с официальным образованием и обучением в школе. Вот они:

1. Доступ к обновленной информации.

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

2. Свобода действий.

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

3. Меньшие расходов.

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

4. Вы сами выбираете темп обучения.

Если Вы учитесь в школе, Вам приходится ждать того момента, пока преподаватель будет объяснять ту или иную тему. Но если Вы обучаетесь сами, Вы сами решаете, что читать и что учить в данный момент. Как только Вы закончили изучать что-то, Вы сразу можете перейти к следующему. А в школе у Вас не будет такой возможности, поскольку Вам приходится полагаться на то, что Вам дают преподаватели.

5. Возможность выработать свой собственный стиль.

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

Безусловно, у каждой медали есть две стороны. После того, как мы ознакомили Вас с плюсами самостоятельного обучения, самое время продемонстрировать Вам и его минусы:

1. Неопределённость в том, что надо учить.

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

2. Вы ограничиваетесь лишь учебниками.

Единственным для Вас источником получения информации для обучения дизайну являются учебники. Вы просто полагаетесь на то, что пишут другие. Что ж, Вам повезло, если Вы наткнулись на хорошие учебники, но если нет, то Вас ждёт разочарование. Кроме того, в своей работе Вы будете ограничиваться тем, что и как Вы поняли из учебников.

3. Отсутствие диплома.

Некоторые работодатели требуют диплом. Но если Вы самоучка, то у Вас его нет. Кроме того, у Вас нет тех документов, которые другие работодатели могут потребовать от Вас. Это означает, что Вы рискуете не получить рабочее место, которые Вам хотелось бы получить. Однако, Вы можете устроиться в компанию, где не требуют диплом. Ведь есть действительно много внештатных рабочих мест, на которые нанимают дизайнеров даже без диплома.

4. Необходимость поиска связей.

Когда придет время устроиться на работу, появится необходимость поиска связей. Это необходимо для того, чтобы расширить круг своих клиентов и позволить другим людям узнать, какие услуги Вы оказываете. В одной из наших статей, состоящей из трёх частей, Вы сможете узнать много нового о том, как найти связи как онлайн, так и оффлайн.

5. Во всём можно рассчитывать только на себя.

Вы сами по себе. И это действительно так! Самообучение подразумевает то, что Вам всё нужно делать самостоятельно. Вы самостоятельно ищите что читать, что учить, как это применить на практике, и сами ищите ответы на все Ваши вопросы. Также Вам приходится выполнять множество дел одновременно, чтобы справиться со всеми. Это может показаться сложным, но многие дизайнеры добились успеха именно так.

Как заниматься самообучением

Зная все плюсы и минусы самостоятельного обучения дизайну, Вы можете определиться, пойдёте Вы на этот шаг или нет. Но, как Вы видите, эти плюсы и минусы не станут помехой для Вашего успеха, если Вы знаете, как организовать работу правильно. Успех обучения зависит от того, как Вы это делаете, и от того, насколько непоколебимо Ваше желание это делать. Так что, если Вы решили обучиться дизайну самостоятельно, то вот несколько советов, которые помогут Вам в этом.

1. Будьте терпеливы.

Вам нужно набраться терпения, поскольку Вы нельзя выучить все и сразу. Не спешите, поскольку в спешке Вы не преуспеете в том, чем занимаетесь. Успешные люди терпеливы и готовы учиться долго. Обучение подобно процессу приёма пищи. Вы кусаете небольшой кусочек, и, прежде чем проглотить, тщательно его прожёвываете. В противном случае Вы рискуете поперхнуться. «Откусите» небольшую часть урока и хорошенько во всем разберитесь. После этого, «откусите» следующую часть, пока Вы не выучите таким образом весь урок. А это требует терпения.

2. Определитесь с направлением дизайна, на котором Вы будете специализироваться.

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

3. Ищите вдохновение.

В поисках вдохновения просматривайте различные веб-сайты, журналы, а также посещайте самые разные места. Попробуйте проанализировать, какие стили использовали в своих проектах, и ​​обдумайте то, как Вы можете сделать тоже самое со своим проектом. Сделав это, Вы можете выработать свой собственный стиль и открыть для себя новые методы, что улучшит Вашу работу. Анализ успешных проектов поможет Вам работать лучше и практиковать больше.

4. Обратитесь к видео урокам.

В интернете есть много самых разных видеороликов, которые могут научить Вас чему угодно. Ознакомьтесь с ними. Однако Вам придется проверять их на качество, потому что некоторые обучающие видео совершенно ужасны. Тем не менее, есть много действительно хороших видео уроков благодаря которым Вы можете многому научиться. Обращайте внимания на видео уроки, которые подробно и чётко объясняют, что Вы должны делать.

5. Читайте учебники.

Помимо просмотра видео, Вы также можете читать учебники. Есть много полезных статей, которые могут выступить в качестве подробного учебника. Поищите их в интернете, и Вы будете поражены, найдя учебник, полностью подходящий Вам для решения определенной задачи.

6. Найдите блоги и сайты о дизайне.

Попробуйте найти различные блоги и сайты о дизайне, и Вас приятно удивит то, что на самом деле их очень много. Выберите те из них, на которых Вы сможете получить «халявные» материалы и читать полезные посты о дизайне.

7. Задавайте вопросы и ищите ответы.

Не переставайте задавать вопросы. Если Вы не уверены в чём-то, найдите ответ. Господа Яндекс и Google всегда готовы предоставить Вам ответы на все Ваши вопросы. Итак, не беспокоитесь об этом. Всякий раз, когда у Вас возникают вопросы, ищите на них ответы. Таким образом, Вы будете продолжать учиться новым вещам.

8. Читайте книги.

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

9. Вступите в сообщества дизайнеров.

Вступите в различные сообщества дизайнеров онлайн и оффлайн. Например, участвуйте в форумах. Задавайте свои вопросы и читайте ответы на чужие. Если Вы знаете ответ на какой-либо вопрос, напишите его. Вы не только узнаете много всего нового, но и начнёте создавать своё сообщество. Что касается сообществ оффлайн, то делитесь своим опытом с другими дизайнерами, и прислушивайтесь к их мнению. Это поможет Вам развить свои способности.

10. Практикуйте.

Усиленно практикуйтесь. Как говориться «дело делу учит». Это правда. Помимо того, что Вы читаете и изучаете материал, убедитесь в том, что Вы применяете полученные навыки на практике. Получаемые знания окажутся бесполезными, если Вы не можете применить их. Даже если у Вас ещё нет своих проектов, попробуйте разработать дизайн визитных карточек или займитесь дизайном веб-сайта. Практикуйте дизайн! Делая это, Вы можете сформировать портфолио, а также развить свои навыки.

Трудно? Не-а. Это не трудно. Как уже было сказано выше, всё, что Вам нужно, это решимость, терпение и страсть. Если у Вас есть всё то, то для Вас нет ничего невозможного. Вспоминайте успешных дизайнеров-самоучек, это поможет Вам сохранить тот огонь, что зажегся внутри Вас, и не прекращайте учиться. Пусть осуществление Вашей мечты служит в качестве конечной точки на пути упорного труда. И если Вы выбрали правильный путь, Вас ничего с него не собьет. Будьте открыты для новых знаний, и Вы всегда будете совершенствоваться.

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

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

Эта статья поможет начинающим дизайнерам сделать первые шаги в изучении дизайна самостоятельно, здесь вы найдете ссылки на те книги и ресурсы, которые помогли мне в изучении и оказались полезными. Замечу, что ссылки указывают на англоязычные ресурсы, которые я использовала для самообучения.

Уровень первый: учимся видеть

Основная ошибка, которую совершают начинающие дизайнеры – это попытка сразу начать с изучения Photoshop и рисования дизайна. Но Photoshop не сделает вас дизайнером, так же как покупка красок и кисточки не сделает из вас художника. Поэтому начнем с освоения самых азов дизайна.

Учимся рисовать

Для выполнения этой задачи не потребуется прилагать больших усилий или записываться в школу художников, вам не придется рисовать натюрморты и раскрашивать картины маслом, ограничимся изучением основ рисования, чего будет достаточно, чтобы сделать набросок на бумаге. Поможет в этом одна хорошая книга по рисованию – «Как научиться рисовать за 30 дней» . Практикуясь по полчаса в течение 30 дней вы сможете изучить основы рисования.

Изучаем теорию графического дизайна

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

Изучите основы опыта взаимодействия

Написано огромное количество книг на эту тему, начать можно с этих двух:
- «Дизайн повседневных вещей» .
- «Не заставляй меня думать!»

Учимся писать

Абракадабра вроде Lorem Ipsum должна настораживать, это прямой указатель на плохого дизайнера. Хороший дизайнер должен уметь хорошо общаться со своими пользователями, он видит весь процесс оценки его дизайна в целом и не упускает таких деталей как презентационный текст. Каждое слово подбирается вдумчиво, с умом, а сам текст пишется с расчетом, что его будут читать люди. Не используйте заумный язык, которым пользуются учителя в школе.

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

Для вдохновения посещайте Dribbble (просматривайте работы лучших дизайнеров) и zurb.com/patterntap (веб-дизайн).

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

В закладки

Карен стала довольно известной после своего ролика « Как научиться танцевать за год ». Бросив работу на корпорацию (Карен занималась продуктами Office), девушка начала заниматься танцами, за 12 месяцев продемонстрировав грандиозный успех. Сейчас Карен - единственный дизайнер в компании Exec. Она получила это место, не имея никакого специального дизайнерского образования - всё сама, своими силами.

Карен не кривит душой: она начала учиться дизайну прямо во время работы на Microsoft. Девушка признаёт, что не дотягивает до людей с дипломами магистров дизайна, но всё-таки кое-что умеет, раз её взяли на работу.

В Exec Карен выполняет широкий спектр работ: визуальный дизайн, печатка, веб, мобильные приложения. Так что давайте с вами поймём, как всего этого добиться в сжатые сроки.

Прим. редакции: книги и курсы, которые советует Карен, англоязычные. Мы не считаем это проблемой, ведь проблема - это незнание базового английского в 2013 году. Поэтому если захотите перевод, то вам придётся самостоятельно провести небольшой рисёрч.

1. Научитесь видеть

Самую большую ошибку совершают тогда, когда стремятся овладеть Photoshop слишком быстро. Знание Photoshop не сделает из вас дизайнера, как покупка кистей не сделает из вас художника. Начинать следует с основ.

Сперва научитесь рисовать.

• Вам не нужно сидеть в одной комнате с кучкой таких же чайников, пытаясь нарисовать голую тётку.
• Вам вообще не нужно особо преуспевать в рисовании, просто изучите базовые вещи, чтобы уметь набрасывать кое-что карандашиком.
• Для этого вам следует сделать одну вещь: купить книгу You Can Draw in 30 days и практиковаться по ней по полчаса в день на протяжении месяца. Это одна из лучших книг по рисованию.

Изучите основы графического дизайна.

• Начните с книги Picture This . Она основана на сказке о Красной Шапочке, но одновременно учит основам графдизайна и рисунка.
• Изучайте цвета, шрифты, сетку. Если в пределах доступности есть курсы - смело записывайтесь.
• Каждый день занимайтесь по этим урокам .

Изучите основы UX.

• Об этом написаны десятки книг. На верный путь вас направят эти две:

Научитесь писать.

• В этом отличие никудышного дизайнера: все эскизы заполнены приевшейся «рыбой» Lorem Ipsum. У хорошего дизайнера всё хорошо и с коммуникацией. Он продумывает весь пользовательский опыт, включая каждое слово. Пишите для людей. Не пишите тем канцелярским языком, который вы использовали для успешной сдачи работ в университете.
• Прочтите Made to Stick , эта вещь научит вас проникать в умы читателей.
• На сайте Voice and Tone полно примеров хороших текстов (может, что-то такое и на русском есть?).

2. Научитесь использовать Photoshop и Illustrator

Ура, теперь вы достаточно шарите в визуалке и UX. И вы готовы изучать Photoshop. Вообще-то, лучше начинать с Illustrator, а потом уже двигаться к Photoshop. Именно Illustrator используется при создании логотипов и иконок.

Учим Illustrator.

• Существуют тысячи книг, онлайн-курсов, мастер-классов. Выберите что-то, что подходит именно вам. Вот две книги, которые могут помочь особенно:
• Adobe Illustrator Classroom in a Book - довольно скучная, но если вы осилите хотя бы половину, то будете уже недурно знать программу.
• Vector Basic Training – эта книга научит вас делать действительно приятные глазу вещи в Illustrator.
• Теперь кое-что повеселее - эти онлайн-уроки помогут делать очень крутые штуки, вот два самых клёвых .

Учим Photoshop.

• Здесь, конечно, миллиард материалов. Большинство из них - полный кал. К счастью, есть на самом деле высококлассные сайты, например, PSDTuts и TutsPlus .
• Есть отличный мануал по созданию приложения под iPhone в Photoshop.
• Есть ещё один мануал - он про макет сайта .
• Выбирайте час или два в день на занятия по этим материалам, и вы поразитесь, насколько быстрым будет ваш прогресс.

3. Изучайте что-то более узкое

Хотите рисовать мобильные приложения, сайты, инфографику? Покопайтесь в этом, а потом выберите, что вам нравится больше.

Дизайн логотипов.

• Узнайте, как сделать логотип, который не стыдно показывать: Logo Design Love .
• Вам захочется делать нечто большее, чем просто логотипы. Научитесь строить всю структуру бренда, от сайта до визиток. В этом может помочь одна книга - Designing Brand Identity .

Дизайн мобильных приложений.

• Начните с этого мануала , чтобы немного окунуться в визуальный дизайн приложений.
• Прочитайте эту короткую, но очень крепкую книгу про дизайн iPhone-приложений: Tapworthy . Она о том, как сделать не только красивое, но и удобное в использовании приложение.
• Пробегитесь по приложениям в своём смартфоне. Окиньте их взглядом критика: что там работает хорошо, а что не очень?

5. Устройтесь на работу дизайнером

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

И вот, 6 месяцев спустя, у меня есть работа. Между мной и всеми прочими дизайнерами было одно ключевое отличие: я знала, как работать с разработчиками.

Это крупнейший фактор, который делает вас конкурентоспособным на рынке труда. Изучите основы проектирования, HTML и CSS. Дизайнеры в IT-индустрии крайне востребованы и хорошо оплачиваемы.

Вот где стоит искать работу. Если у вас нет опыта общения с разработчиками, попробуйте его получить. На стартап-уикендах, хакатонах, через интернет .

Создайте личный сайт и сделайте своё портфолио его центральной частью.

Используйте связи - рассказывайте всем вокруг, что ищете работу дизайнером. Никогда не знаешь, куда тебя заведёт социальный граф.

Изучите компании, где вам хотелось бы работать. Поищите в LinkedIn или «Моём Круге» людей, которые там заняты. Поговорите с ними, они могут вам помочь. Связи - лучший способ попасть на работу (здесь не имеется в виду старинная русская забава, которая называется «блат» - прим. ред.)

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

Обучение этой профессии с нуля – дело не легкое, ведь кроме навыков работы в необходимо быть креативным человеком, хотя бы немного разораться в коде (знать CSS и ), уметь общаться с заказчиком на одном языке и т. д.

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

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

Cодержание:

Этап первый – выясните, почему вы хотите этим заниматься

С одной стороны, это простой вопрос, ведь большинство хочет заниматься веб-дизайном ввиду хорошей оплаты труда.

Сайтостроение – очень прибыльное дело, а опытного, и главное, толкового разработчика днём с огнём не всегда сыскать.

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

И третий распространённый случай, почему люди начинают интересоваться веб-дизайном, – тяга к изобразительному искусству.

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

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

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

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

Без уникальных решений, оригинальных идей и индивидуального творческого подхода задача не решается.

Дизайнер сайтов – это технический художник, работающий над внешним видом и оптимизацией загрузки сайта и веб-приложений.

В задачи этих людей входят:

• работа над логической структурой страницы – дабы любому начинающему пользователю всё было понятно, он с первого раза смог отыскать то, что ищет, все важные ссылки должны быть на виду;
• разработка наиболее рационального способа подачи контента – способность заинтересовать посетителя, заставить его подольше задержаться на ресурсе, полистать страницы сайта;
• графическое оформление – где какие элементы будут размещаться, какими будут кнопки и надписи после клика, как осуществляется взаимодействие с клиентом, как и что будет изменяться в процессе работы посетителя, изменения масштаба и т. п.

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

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

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

Этап второй – выберите направление веб-дизайна в котором вы хотите себя попробовать

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

Нынче различают целых семь направлений в их оформлении, и это только основных.

Жесткий

Старый как само сайтостроение вид оформления страниц , не требующий прикладывания усилий, отлично подойдёт для новичков.

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

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

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

Гибкий

Также табличный дизайн , но ширина ячеек виртуальной таблицы не строго задана, а зависит от размеров экрана (соотношения сторон, разрешения). Объекты будут стараться заполнить всё пространство ячейки, изменяя её размер. Главная особенность подобного решения – повышение удобства визуального восприятия данных за счёт динамически изменяющихся параметров отображения. На подобных страницах нет пустых, свободных от контента, мест.

Сложностями подобного дизайна являются:

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

Комбинированный

Соединение двух предыдущих методов : если размеры монитора (соотношение его сторон) сильно отличаются от параметров дисплея, что использовался при создании сайта, применяется гибкий дизайн, в ином случае используются и те, и иные ячейки, в зависимости от наличия свободного пространства в них.

Текстовый

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

Полиграфический

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

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

Интерфейсный

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

.

Динамический

Наиболее трудоёмкие, сложные варианты оформления веб-страниц. Данный тип дизайна заключается в размещении на странице динамического контента (анимация, скрипты, двигающиеся и изменяющиеся элементы, широкоформатные видео).

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

Этап третий – выясните, какие программы для веб-дизайна сейчас в тренде

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

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

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

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

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

Другое дело Sketch – заточена для рисования графических интерфейсов с нуля, не имеет ни единого лишнего элемента, более проста в освоении и легко обгоняет Photoshop по основным показателям.

Обязательно выберите наиболее удобный , поддерживающий синтаксис и подсветку: , Sublime , Axure RP .

Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров

Интернет тем и хорош, что позволяет бесплатно обзавестись книгами, которые ещё десяток лет назад пришлось бы приобретать или искать в единомышленников.

С популяризацией профессии веб-дизайнера и количество книг по теме увеличилось. Без наставника и учителя книга – лучший способ получать знания.

Обучение веб-дизайну с нуля следует начинать с той литературы, где даются основные понятия, теория и небольшие практические задания:

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

2 Якоб Нильсен «Веб-дизайн» – в книге масса руководств по созданию эффективных интерфейсов, правильному расположению элементов навигации и заполнению ресурса контентом.

3 Ю. Сырых «Современный веб-дизайн» – справочник, описывающий тонкости работы над интерфейсом, начиная с этапа подбора контента в зависимости от тематики ресурса, и заканчивая тестированием и отладкой готового макета. В ней масса информации не только по рисованию интерфейса, но и по его оптимизации и наполнению.