Дизайн для начинающих


10 уроков по дизайну интерьера, которые нужно знать каждому

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

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

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

1. Функциональная планировка

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

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

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

2. Не бойтесь потратиться на хорошую мягкую мебель

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

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

Мы рекомендуем ограничить свой выбор несколькими вариантами, а затем выбрать из них тот, что обладает наилучшим качеством. Приобретая мебель высокого качества, вы можете быть уверены в том, что она послужит вам долгие годы, а то и всю жизнь, так что выбирайте лучшее из того, что вы можете себе позволить. Ах, да: подберите такую обивку, от которой вы не устанете в скором времени… кто захочет всю оставшуюся жизнь смотреть на диван в цветочек или с расцветкой, давно вышедшей из моды?

3. Декоративные объекты

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

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

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

4. Добавьте зелени

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

Удивительно, насколько преображается атмосфера и комфортабельность интерьера, когда вы помещаете в нем небольшую пальму, посаженную в горшок. В тот же момент ваша комната покажется более свежей, а стиль оформления – куда более цельным.

Домашние растения сделают ваш дом светлее, а воздух в нем – чище. И даже если вы не считаете себя большим любителем зеленой растительности, вы всегда можете использовать в интерьере растения, которые не требуют сложного ухода. Уверяем вас: вы порадуетесь тому качественно новому уровню, на который выйдет ваш интерьер благодаря растениям.

5. Добавьте слои

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

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

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

6. Поэкспериментируйте с черным цветом

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

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

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

7. Создавайте декоративные группы предметов

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

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

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

8. Добавьте индивидуальности

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

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

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

9. Придерживайтесь классических линий

Неважно, кто вы – бедный студент, впервые решивший украсить свою комнату или домовладелец, желающий, наконец, превратить ваше жилище в дом вашей мечты – всегда лучше, если крупные (и более дорогие) предметы мебели будут выдержаны в классическом стиле.

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

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

10. Сфотографируйте и исправьте

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

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

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

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

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

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

www.weareart.ru

Как я стала дизайнером за шесть месяцев

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

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

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

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

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

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

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

— Проходите по несколько обучающих уроков с этого сайта каждый день.

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

Написано огромное количество книг на эту тему, начать можно с этих двух:

— «Дизайн повседневных вещей».

— «Не заставляй меня думать!»

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

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

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

— На этом сайте много примеров хорошо подобранного текста.

Уровень второй: учимся пользоваться Photoshop и Illustrator

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

Изучаем Illustrator

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

Изучаем Photoshop

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

Уровень третий: приобретение специализации

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

Изучаем дизайн логотипов

— «Дизайн логотипов». — «Создание узнаваемоего бренда» (от веб-сайта до визитной карточки).

Изучаем веб-дизайн

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

Уровень 4: создание портфолио

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

— Практикуйтесь на сайтах для дизайнеров.

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

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

Теги:
  • Дизайн
  • веб-дизайн
  • обучение дизайну

habr.com

Веб дизайн с чего начать – как стать веб дизайнером самостоятельно

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

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

Сначала небольшое лирическое отступление для дизайнеров, которые случайно забрели почитать эту статью. «Я занимаюсь веб дизайном», наверно, вы не раз говорили кому-то эту фразу и испытывали холодный страх, когда вам отвечали что-то вроде: «Круто! А научи-ка меня, как это делается? Как стать веб дизайнером с нуля?» Многие просто предполагают, что они щелкнут мышкой, перетащат пару значков на экран, и дизайн готов. Но, к сожалению, это не так. Поэтому, в следующий раз, когда кто-то спросит вас, как создавать дизайн сайтов, просто покажите им эту статью.

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

Для кого эта статья о веб дизайне?

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

Требования к начинающим веб дизайнерам

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

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

Также, вам пригодятся знания основных языков кодирования, а именно HTML и CSS, об этом мы тоже поговорим.

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

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

Как использовать этот руководство по веб дизайну для начинающих

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

Дизайн в браузере для начинающих

Возможно, знаете, что большинство дизайнеров сначала используют графические редакторы, а уже потом отдают свои проекты кодеру на верстку. Photoshop – это наиболее часто используемый инструмент, но дизайнеры также используют такие программы, как Sketch, GIMP, Inkscape и Illustrator.

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

Рабочий процесс на основе браузера имеет ряд других преимуществ:

1) Вы точно видите, что получаете. Даже профессиональные мокапы не передают интерактивные или анимированные части сайтов. Создавая дизайн на основе браузера вы сможете точно видеть, как он работает.

Это особенно актуально, когда речь идет об адаптивном дизайне. (Для непосвященных: отзывчивый или адаптивный дизайн – это тот, который корректно отображается на разных экранах и устройствах, будь то мобильный телефон, планшет, или ПК ).

2) Дизайн на основе браузера может сделать вас лучшим дизайнером. Когда вы сами знаете весь процесс, вы сможете понять что и как работает, и предостеречь себя от многих ошибок. Кошмар любого дизайнера (или верстальщика, которому это придется делать), работающего в, скажем, Photoshop, это дальнейшего его «натягивание» на живой сайт.

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

Дизайн в браузере может во многом поменять ваш подход к работе и подстегнуть вас узнать что-то новое о HTML и CSS. В принципе, чем больше вы повозитесь c грязными с кодом, тем лучше вы поймете, как работают сайты. Это не сделает вас потрясающим дизайнером; но это отличное начало.

Навыки, которые вам понадобятся, чтоб стать веб дизайнером

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

UX / UI дизайн

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

Больше информации об этом можно найти в статье «Что такое UX/UI дизайн на самом деле?»

Эстетические навыки

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

Сочетание шрифтов и типографика

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

Чтоб провести вас «от А до Я», предлагаю просмотреть книгу Эмиля Рудера «Типографика» . Чтение может быть довольно долгим, потому для желающих сразу же приступить к практике – короткое видео по теме, а так же гайд по определению шрифтов по картинке (это если вдруг вы уже нашли хороший пример текста, и хотели бы идентифицировать его шрифт).

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

Многие люди, включая меня, выбирают свои шрифты из Google Web Fonts. Шрифты Google можно «встраивать» в сайт, и это довольно удобно. Более того, можно пользоваться готовыми комбинациями шрифтов:

  • Крутые примеры комбинаций шрифтов
  • Статья с крутыми сочетаниями шрифтов

Другие подобные примеры можно найти в Интернете.

Если вы хотите создать свои собственные пары шрифтов Google, попробуйте «Комбинатор веб-шрифтов». Это инструмент, который позволяет вам быстро просматривать комбинации шрифтов в режиме реального времени, меняя шрифт, размер, цвет, ширину строки.

Если Google шрифтов мало, то можно заглянуть на WebDesignerDepot, Fonts-online, и другие сайты.

Теория цвета и цветовые схемы

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

Из обязательных инструментов – Adobe Color CC

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

Композиция и общая организация

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

Есть несколько полезных публикаций по этой теме, после которых доходит с первого (или почти с первого) раза.

Веб дизайн тренды

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

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

  • abduzeedo.com
  • behance.net
  • noupe.com
  • webdesignerwall.com
  • flickr.com
  • awwwards.com

Как стать веб дизайнером: HTML и CSS

HTML это «Язык гипертекстовой разметки». Каждый сайт, на который вы когда-либо смотрели, сделан на основе HTML. HTML – это тот язык, воспринимая который ваш браузер понимает, что на сайте есть текст, изображение, ссылка, видео или другие элементы. Ваш браузер затем переводит код в то, что вы видите на экране.

Другой язык, который простыми словами делает сайт красивым, называется CSS, это значит «Каскадные таблицы стилей». CSS сообщает браузеру, какой шрифт задан в тексте, и какие цвета используются. CSS, проще говоря, определяет внешний вид вашего сайта (кнопки, стили, цвета, анимация).

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

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

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

Выливка на живую

Готовы разместить свой сайт в Интернете? Есть доменное имя (например: mywebsite.com) и хостинг (пространство на компьютере, постоянно подключенном к Интернету или онлайн хостинг, приобретенный у сторонних провайдеров)? Загрузите файлы на хостинг, откиньтесь в кресле, расслабьтесь и …

Что делать после запуска сайта

Поправьте ошибки и допилите то, о чем забыли

“Ах, да, вот это вот… я точно хотел это поправить.”– С кем не бывает. Почти неизбежно после запуска любого сайта всплывают ошибки. И чем больше сайт, тем больше вероятность, что вы пропустили ошибку или что-то забыли. Для вашего удобства, вот довольно подробный контрольный список-чеклист :

  • Что проверить перед запуском сайта

Соберите отзывы

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

Как стать веб дизайнером – итоги

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

А если вы уже готовы опробовать свои навыки на живом проекте, и Вам нужен хороший хостинг – в качестве бонуса, вы можете купить хостинг на год от нашего партнера Inmotion всего за 1$.

Купить хостинг за $1

www.motocms.com

Как стать графическим дизайнером. 5 простых шагов.

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

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

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

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

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

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

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

1. Рекомендуем просмотреть наши базовые курсы по Цвету, Типографике, Композиции

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 и попробуйте связаться с компанией, в которую вы хотите попасть, или работающими там людьми. Старайтесь налаживать связи, ведь они являются ключом к хорошему месту работы.

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

say-hi.me


Смотрите также

Голосование

Оцените наш сайт

  •   
  •   
  •