С чего начать в профессии дизайнера? 5 шагов | GeekBrains
Советы для новичков: основы, навыки и обучение
https://d2xzmw6cctk25h.cloudfront.net/post/1931/og_image/aedfd47763b6a722dd4a9cc119d8c388.jpg
Эта статья — пошаговое руководство для начинающих дизайнеров. Неважно, есть у вас опыт в IT или нет, владеете ли вы графическими редакторами и умеете ли рисовать — эта профессия по силам каждому, у кого достаточно желания ее освоить. Несмотря на это, на рынке дизайна довольно высокая планка, из-за чего у большинства новичков быстро пропадает желание погружаться в индустрию.
Граф или веб? Sketch или Figma? Как разобраться в информации — что читать, какие курсы выбрать? Все эти вопросы беспокоят начинающих дизайнеров. Шаг под номером 0 — не бояться, а делать. Нет смысла принимать эту статью к сведению — надо выполнить рекомендации прямо по пунктам.
Не тратьте время впустую — сохраните в закладках полезные советы и ресурсы. Пишите в комментарии свое мнение по этой теме и оставляйте оценки статье — это помогает нам становиться лучше.
Определитесь с направлением в дизайне
Если вы еще не решили, в какой сфере дизайна начать развиваться, самое время сделать это. Только вы знаете, чем именно вам бы хотелось заниматься. Проведите время наедине с собой и выпишите 3 главных требования к профессии. Что для вас важнее всего: творчество, проявление лидерских качеств, выполнение аналитических задач, активное взаимодействие с коллегами? Возможно, вы хотите работать удаленно, или для вас на первом месте стоит материальный аспект? Ответив на эти вопросы, вы легче выберете подходящую сферу дизайна для изучения и карьеры.
- Нравится рисовать, придумывать образы и воплощать творческие идеи? Рассмотрите профессию графического дизайнера. Он создает айдентику, логотипы, занимается версткой печатных материалов, иллюстрациями и многим другим. Подойдет тем, кто мечтал совместить художественное хобби и работу.
- Восхищаетесь визуальной частью интерфейсов, можете скачать приложение только из-за красивой иконки или предпочитаете один сервис другому исключительно благодаря оформлению? Возможно, вы станете хорошим визуальным дизайнером (UI). Эта профессия подойдет тем, кто отличается визуальным перфекционизмом и хорошим вкусом.
- Вам интересно продумывать логику работы интерфейсов и анализировать продукт?
- Если вам нравится работать над продуктом комплексно, развивать его не только как работник, но и как владелец, — присмотритесь к специальности продуктового дизайнера.
- Гейм-дизайнер разрабатывает правила и содержание игрового процесса. Это профессия для тех, кто увлекается играми и хотел бы участвовать в их создании.
Окружите себя дизайном
Насмотренность — одно из самых важных качеств, которым должен обладать дизайнер. Развивать ее — самое простое, с чего может начать новичок, так как визуальные образы окружают нас повсеместно.
Попробуйте рассмотреть свой путь домой. Взгляните на уличную рекламу — почему она такая? Какие визуальные приемы используются на афише концерта Стаса Михайлова? Почему одни плакаты цепляют вас, а другие нет? Чем внимательнее вы будете к дизайну, окружающему вас, тем быстрее усвоите визуальные решения, составляющие основу профессии.
Настройте информационное поле вокруг себя. Ежедневно уделяйте 30 минут просмотру лучших работ на популярных порталах: Behance, Dribbble, Awwwards. Эта практика поможет быстрее сориентироваться в среде, ловить тренды и вдохновляться творчеством ведущих дизайнеров.
На кого подписаться:
- Кириллица · дизайн. Полюбите кириллицу благодаря регулярным подборкам свежих шрифтов в этом Telegram-канале. Полезно не только для новичков, но и для тех, кто давно работает в дизайне.
- Design & Productivity. Канал экс-дизайн-директора Яндекса, Кости Горского, который пишет про дизайн и продуктивность.
- Digital наизнанку. Канал о русском digital с упором на дизайн и веб-разработку.
- Блог «Дизайн-кабак». Тематический блог «для своих», который не похож на большинство информационных порталов по дизайну. Здесь вы найдете советы, статьи и просто истории от состоявшихся дизайнеров.
- Land-book. Большая подборка лендингов для вдохновения.
- Graphic Story. Telegram-канал для графических дизайнеров и всех, кто любит смотреть на красивые работы.
- Дайджест Юрия Ветрова. Блог дизайн-директора Mail.ru Group. Обязательно к прочтению дизайнерам интерфейсов и продуктовым дизайнерам.
- Medium. Популярная платформа для публикации статей на любые темы. Для знающих английский язык это просто находка, так как здесь ведут блоги выдающиеся дизайнеры со всего мира.
- Tilda Education. Образовательный журнал для дизайнеров — практические руководства по дизайну и маркетингу для цифровых проектов.
- Бюро Горбунова. Ежедневные инсайты от одного из ведущих агенств России.
Освойте дизайнерскую базу
Самая большая проблема, с которой сталкиваются новички, — это недостаток дизайнерской базы знаний, в которую входят:
- Графические редакторы и инструменты.
- Типографика и верстка.
- Композиция и сетка.
- Текст и редактура.
- Управление и результаты.
Это универсальные области компетенций, необходимых дизайнерам всех специализаций. И лучший способ начать получить их — на примере реальной задачи. Приобретите первый опыт, попробовав повторить работы состоявшихся дизайнеров. Это поможет разобраться в дисциплине, не утонув в технических заданиях, которые вы сами придумали. Ниже приведем проверенные ресурсы, которые помогут освоить дизайнерскую базу.
Графические редакторы и инструменты:
- Видеокурс по Figma. Освойте за 6 уроков самый популярный графический редактор среди дизайнеров интерфейсов.
- Векторная графика в веб-дизайне: основы и практика. Бесплатный вебинар с практической частью в Adobe Illustrator.
- Основы Adobe Photoshop. Знать каждому, учить упорно!
- Бесплатный интенсив «Основы веб-дизайна». Реальное погружение в профессию. За 2 часа вы создадите лендинг и узнаете, как профессионалы работают в Adobe Photoshop.
- Как создать логотип для приложения в Sketch. Даже если вы далеки от графического дизайна или только начинаете путь в нем, посмотрите этот вебинар — и сможете создать свой первый логотип приложения в графическом редакторе Sketch.
Типографика и верстка:
- Маст-хэв для новичков — «Живая Типографика» Александры Корольковой. Бесплатная электронная версия.
- Электронный учебник «Типографика и верстка» издательства Бюро Горбунова. Доступен по платной подписке. Обратите внимание на оформление сайта — это лучшая реклама содержания.
- Джеймс Крейг, Ирина К. Скала «Шрифт и дизайн». В книге много иллюстраций, она читается быстро и легко. Рекомендуем бумажную версию.
- Ян Чихольд «Новая типографика». Фундаментальное исследование типографики ХХ века. Материал довольно сложный — подойдет тем, кто хочет углубиться в предмет.
- Эмиль Рудер «Типографика». Книга даст базовые знания о контрасте, ритме, пропорциях и цвете в типографике.
Композиция и сетка:
- Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне». Автор на конкретных примерах рассказывает о применении модульной системы в оформительской работе: в дизайне книг, выставочных пространств, корпоративной полиграфии. Издание адресовано широкому кругу дизайнеров и оформителей.
- Пол Рэнд «Дизайн: форма и хаос». Знали ли вы, что автор этой книги считается самым влиятельным графическим дизайнером ХХ века? Именно он создал логотипы IBM, Ford и многие другие.
- Юрий Гордон «О языке композиции». Как работает композиция — на примерах известных скульптур и произведений искусства.
- И следите на Dribbble за этими авторами: BestServedBold, Geex Arts, outer.
Текст и редактура:
- Максим Ильяхов, Людмила Сарычева «Пиши, сокращай». Обязательно к прочтению всем, кто использует текст в работе.
- Бесплатная рассылка о дизайне текста от Максима Ильяхова.
- Скачайте «Эгею» и создайте свой блог (это бесплатно). Практикуйтесь каждый день — пишите статьи, посты и рассказы, применяя изученные приемы редактуры.
Управление и результаты:
- Работайте эффективно по технике управления временем Pomodoro.
- Освойте самоорганизацию с книгой Дэвида Аллена «Как привести дела в порядок».
- Юрген Апелло «Agile-менеджмент. Лидерство и управление командами». С помощью этой книги вы сможете глубже погрузиться в процесс управления проектами и создать собственный подход к задачам — в соответствии с вашими потребностями.
Пройдите курсы
Основную базу и огромное количество полезной информации можно бесплатно получить в интернете. Но осваивать новое дело сложно, не имея четкого плана. Вузовские программы не успевают за стремительным развитием индустрии дизайна, и самые актуальные знания лучше получать через онлайн-образование.
Вы можете начать с бесплатных вебинаров или интенсивов, которые познакомят вас с миром дизайна. Но для фундаментального освоения профессии краткосрочные курсы не подходят.
Выбирая образовательную программу, стоит оценить содержание курсов, длительность обучения, узнать, выдается ли диплом или сертификат по окончании. Большой плюс, если есть практическая часть. Собственный дизайн-проект, разработанный во время учебы, может стать первым в вашем портфолио — а по нему дизайнера оценивает работодатель.
Образовательные программы GeekBrains по дизайну:
- Факультет дизайна с гарантированным трудоустройством. Здесь вы освоите профессию с нуля за 14 месяцев, выполните дипломный проект и получите свидетельство установленного образца о том, что прошли профессиональное обучение.
- Профессия «Веб-дизайнер». Обширный онлайн-курс с возможностью пройти онлайн-стажировку в Mail.ru Group. За 8 месяцев вы сможете создать 5 проектов для портфолио и по окончании обучения получить сертификат.
- Профессия «Графический дизайнер». Это онлайн-курс, который расскажет все об индустрии. Как и во всех профессиях GeekBrains, акцент на практическом аспекте обучения: в курс входят вебинары в реальном времени, задания для самостоятельной работы, которые проверяет преподаватель, и проекты, на которых вы сможете закрепить знания.
- Дизайнер интерфейсов (UI/UX). В этом онлайн-курсе навыки интерфейсного дизайна отрабатываются на реальных задачах от крупных компаний. Он длится 8 месяцев, по окончании — сертификат и несколько проектов в портфолио.
- Гейм-дизайнер. Курс для тех, кто хочет войти в игровую индустрию и начать зарабатывать в ней. Обучение состоит из погружения, специализации и стажировки — она включает разработку реальной игры, которую оценят эксперты рынка и инвесторы.
Также рекомендуем ознакомиться со статьями и бесплатными вебинарами о дизайне.
Создайте портфолио и резюме
Портфолио — важнейший фактор, влияющий на трудоустройство новичка. Сложность профессии дизайнера еще и в том, что нужно уметь объяснять и защищать каждое свое решение. И прежде чем предложить вам тестовое задание, работодатель оценит ваше портфолио и то, как вы отстаиваете свой дизайн.
На этом этапе поможет только практика и усердие. Самый популярный способ получить первый проект в портфолио — придумать задачу самому. Редизайн — отличный способ потренировать навыки и заявить о себе в профессиональном сообществе: на крупных порталах популярны «ребрендинги» мировых компаний. Посмотрите на несколько успешных работ с Behance:
- Михаил Глазурин, Facebook redesign concept — более 15 000 просмотров.
- Edson Chilundo, Apple Music Redesign — более 35 000 просмотров.
- Daniel Tan, Daphnie Loong, Starbucks — UI/UX Redesign — более 85 000 просмотров.
Еще можете сделать дизайн своего сайта-портфолио, визитку друзьям-предпринимателям или придумать собственный сервис.
Как только в вашем портфолио появились первые работы, надо оформить резюме и опубликовать его на HeadHunter, SuperJob, 6nomads и других подобных порталах. Также используйте связи — расскажите в социальных сетях, что ищете работу. Среди ваших знакомых вполне может оказаться тот, кто поможет в трудоустройстве.
Чтобы стать дизайнером, надо много думать, учиться и работать. На ранних этапах вам будет по-настоящему сложно. Приобрести дизайнерские навыки — только половина успеха. Еще надо уметь общаться с людьми и понимать общие принципы бизнеса.
25 советов начинающим веб-дизайнерам — Лайфхакер
Никита Обухов
Дизайнер. Основатель сервиса Tilda Publishing. Руководитель дизайн-студии FunkyPunky. Куратор курса по веб-дизайну в Британской высшей школе дизайна.
Это учебник нового формата, в котором знания и опыт, накопленные за 15 лет работы в вебе, систематизированы и упакованы в 20 увлекательных лонгридов, написанных простым языком.
1
Создание сайта — это технология
Каким бы творческим ни было задание, успех в создании сайта — это дисциплина. Соблюдение сценария производства сайта и выдерживание последовательности — некоторая гарантия получения удовлетворительного результата.
2
Нельзя работать над проектом, который ты ненавидишь
Сфера дизайна — это не фастфуд, и клиент не всегда прав. Выстроить коммуникацию в этом случае сложнее, но дизайнеру нужно научиться пусть не любить, но хотя бы уважать бизнес клиента. Профессионального дизайнера отличает способность настроить себя на позитивный лад и увлечься проектом.
3
Любая разработка начинается с боли и неудовлетворённости
Если исходить из того, что дизайн — это решение проблем, то дизайнеры — это «проблеморешатели». Чтобы устранить проблему и найти эффективное решение, нужно сначала провести исследование и точно определить проблему, затем сфокусироваться на конкретных «болевых точках». Для этого нужно понять, что делают люди, для которых вы создаёте сайт, зачем они это делают, как они видят окружающий мир, какие у них ценности и потребности.
4
Умение слушать — первое, чему следует научиться дизайнеру
Легко решать проблемы людей, которые близки по духу, интересам, социальному статусу. Но чаще всего дизайнеру приходится специально погружаться в контекст.
Нужно понять мир, в котором существует человек. У каждого из нас есть уникальный опыт (события, которые мы пережили), который детерминирует наше отношение к миру. Часто мы говорим: «Да, я это знаю, мне всё понятно». Но оказывается, что разница кроется в деталях и она может быть принципиальной. Поэтому, когда мы слушаем человека, нужно постараться вжиться в его образ, как это делают актёры. Почувствовать себя на его месте.
Иллюстрация из лекции об эмпатии курса «Дизайн в цифровой среде». Автор: Юлия Засс5
Идея требует времени
После того как вы сформулировали задачу, не терзайте свой мозг, дайте время подсознанию найти решение.
Переключитесь на другую задачу, а ещё лучше возьмите паузу: займитесь спортом, погуляйте по городу, пообщайтесь с друзьями. Совет не новый, но он действительно работает — через какое-то время идея обязательно появится.
6
Используйте майндмэппинг для генерации идей
Если времени в обрез и нужно ускорить процесс, можно использовать технику генерации идей — майндмэппинг. Возьмите лист бумаги большого формата и начните выписывать все ассоциации, связанные с проектом, которые приходят в голову, постепенно структурируя их. Раскачайте свой мозг, настройте его на нужную область. В поисках ассоциаций второго, третьего уровня вы точно получите интересные идеи и находки, которые вас удивят.
7
Проводите исследования
Исследования — то, что помогает разработать качественную креативную концепцию в отведённое время. Они погружают дизайнера в контекст, и решения становятся аргументированными.
Дизайнер предлагает не просто что-то абстрактно интересное, а строит логические взаимосвязи. Это позволяет эффективнее выстроить отношения с заказчиком и получить прогнозируемый результат.
8
Смотреть картинки — это работа
Для хорошего дизайнера просмотр профильных ресурсов — ежедневная рутина, такая же обязанность, как рисование макетов. В вашей голове должны уложиться сотни стилей и направлений. Арт-директор отличается от начинающего дизайнера не только тем, что он сделал сотни сайтов, но и тем, что арт-директор элементарно много видел. Он видел всё.
Фото: Tilda Publishing9
Следите за трендами
Дизайнер — это проводник развития визуальной культуры, поэтому важно находиться в современном контексте.
Модный сайт не самоцель, но избегайте устаревших решений. Сегодня они могут сойти за здоровый консерватизм, но мир так быстро меняется, что через полгода ваша работа будет выглядеть динозавром.
10
Хороший дизайн — это результат вашего саморазвития и самообразования
Не переставайте учиться. Мир меняется очень быстро, и если вы хотите выигрывать конкуренцию, то нужно постоянно узнавать новое. Следите за трендами, изучайте теорию дизайна, чтобы понять фундаментальные вещи. Это поможет найти смысл в том, что вы делаете. Хороший дизайн начинается не в компьютере, а в вашей голове. Заполните её качественными знаниями.
11
Учитесь не только веб-дизайну
Отличительная черта веб-дизайна — мультидисциплинарность. Интересуйтесь, что нового в архитектуре, интерьерах, моде, культуре, брендинге, иллюстрации, фотографии, видео, мобильных приложениях.
Дизайнер всё время решает разные задачи, и чем больше вы будете разбираться в разных областях, тем будет легче общаться с коллегами и заказчиками. Вам придётся ставить задачи для иллюстратора или фотографа, и проще это будет сделать, когда вы сможете быстро собрать референсы и показать, что вы хотите увидеть.
12
Направляйте критику в конструктивное русло
В обсуждениях вариантов с заказчиком важно уйти от эмоционально-оценочных комментариев в расшифровку — что именно не нравится. Когда заказчик недоволен, спросите почему. Он задумается, начнёт рассуждать, и вы вместе найдёте решение. Это непростой процесс, эмоционально сложная задача, но так взаимодействие будет эффективным.
13
Найдите вдохновляющих людей
Подпишитесь на Twitter, Facebook или блоги дизайнеров, чьи работы вас впечатляют. Следите за тем, чем они делятся. Профессионалы обычно являются распространителями качественной информации, и через них можно узнавать что-то новое. Наблюдая за ними, вы поймёте, как они мыслят, и сможете перенимать их систему ценностей.
Скриншот Twitter-аккаунта Стефана Загмайстера14
Не жалейте времени на хорошую композицию
Композиция — это основа любого визуального продукта. Плохая композиция испортит работу, даже если техника в деталях будет совершенной.
Людей давно соблазняет мысль рассчитать идеальные пропорции математически (канон Виллара де Оннекура, ряд Фибоначчи и так далее). Но никакие цифры не позволят создать такую композицию, которую вы почувствуете, раз за разом меняя положение объектов. Это непросто, требует навыков и опыта, но это самый интресный и плодотворный способ.
15
Ограничьте цветовую палитру
Цвет — это просто. Это такая супербазовая единица, как буква. Но это не значит, что нужно покрасить всё в разные цвета. Наоборот, используйте один цвет, который займёт 80–90%, и дополнительный цвет в качестве акцента. Один — лучший вариант. Три использовать нельзя. Два — очень аккуратно.
16
Подключите фирменный шрифт
Сейчас всё держится на контенте, поэтому сам шрифт и задаст вам фирменный стиль. У каждого шрифта есть характер, поэтому постарайтесь подобрать такой шрифт, который соответствует содержанию. Как правило, для сайта вполне достаточно одного шрифта. Но если вы хотите добиться эффектного контраста, то используйте шрифтовые пары: шрифт без засечек и шрифт с засечками.
17
Используйте сетку как вспомогательный инструмент
Модульная сетка — универсальный инструмент организации визуального пространства, который используют и графические, и веб-дизайнеры. Тем не менее сетка не должна диктовать, а только помогать в дизайне. От сетки можно и нужно отступать. Не стоит фанатично всё выравнивать по сетке. Сетка — это не догма.
18
Используйте прототип, чтобы договориться с заказчиком
Прототип — схематичное изображение страницы, которое показывает, какие есть блоки и сущности. Глядя на прототип, заказчик должен понять, ничего ли не забыли. Он видит, какое будет меню, какие в нём будут пункты, каким будет главный экран, где будут расположены контакты. Прототип позволяет очень быстро вносить правки и добиваться лучшего результата.
Фото: Tilda Publishing19
Итерации — основа хорошего дизайна
Большее количество итераций ведёт к более верному решению. Вы отходите от широкой концепции к конкретным решениям, которые помогают реальным людям сделать их жизнь удобнее и комфортнее.
20
Главный навык дизайнера — уметь рассказать историю
Навык рассказывания историй стоит освоить. Сейчас это новый формат, но скоро он станет привычным и естественным. Слово «сторителлинг» используется в разных контекстах. Например, у актёров свое понятие сторителлинга — определённая последовательность изложения, где есть завязка, кульминация и развязка.
В веб-дизайне под сторителлингом мы понимаем способ подачи информации. Цифровой сторителлинг — сочетание контента и интерфейса.
21
Рисуйте каждую страницу как Landing Page
В идеале Landing Page — это страница, где человек получает ответы на все ключевые вопросы по услуге или продукту без перехода на другие страницы. Формат Landing Page появился как способ увеличить конверсию при рекламе, но постепенно те принципы, которые сложились в формате Landing Page, стали распространяться и на страницы в целом.
22
Добавьте «воздуха»
Даже сейчас, когда простота стала трендом, самой распространённой ошибкой начинающих дизайнеров остаётся желание уместить на небольшой площади слишком много информации. Особенно это касается обложки (первого экрана), на которую почему-то стараются поставить вообще всё.
Не бойтесь увеличить отступы, не скучивайте элементы. Пользователь гораздо легче и лучше воспримет информацию, если выдавать её дозированно.
23
Не перегружайте меню
Один из признаков хорошего сайта — понятная навигация. Меню поможет её организовать. Добавив меню, убедитесь, что оно визуально хорошее: не слишком большое, не перегружает всю страницу. Пунктов меню не должно быть много, лучше всего не больше пяти. Смело укрупняйте разделы. Названия делайте короткими. Три слова как пункт меню явно не годятся. Они должны считываться с первого взгляда.
Скриншот сайта дизайн-студии Surf24
Продавайте себя, а не портфолио работ
Портфолио должно выглядеть безупречно, но главная цель презентации работ — заинтересовать концепцией и впечатлить наличием особенных деталей. Глядя на работу, зритель должен однозначно понимать, что решение не взято с потолка, что оно найдено и проработано.
25
Увлеките пользователя продуманной типографикой
Контент должен быть хорошо оформлен. Недостаточно просто выложить кусок текста — нате, читайте! Вниманием читателя нужно управлять. Используйте приёмы из графического дизайна.
Большие заголовки, использование ультратонких начертаний шрифтов, интересные комбинации шрифтов, которые задают стиль сайта, — всё то, что раньше было характерно для печати, перешло в веб и адаптировалось под новый формат.
Теоретический курс «Дизайн в цифровой среде» можно почитать тут.Как стать дизайнером с нуля | GeekBrains
Краткий обзор инструментов и навыков для тех, у кого пока нет никакого дизайнерского опыта
https://d2xzmw6cctk25h.cloudfront.net/post/2121/og_image/682147eb9cd024c6f591f9c8932de6ed.png
Источник: 99designs.com
Каждый год издания публикуют подборки исчезающих профессий. В основном это специальности, не связанные с диджитал-средой, в которых человека уже способны заменить технологии — к примеру, оператор колл-центра, бухгалтер, копирайтер, журналист, риэлтор, турагент, юрист.
Чтобы в будущем не пришлось сидеть без работы, хорошо успеть запрыгнуть в поезд востребованных в современном мире профессий. Биоинженер, проектировщик и техник 3D-печати, оператор дронов, дата-сайентист, специалист по нейросетям — все они сами по себе намекают на что-то высокотехнологичное. Но в этот перспективный ряд можно смело поставить и более привычные для нас профессии — например, профессию дизайнера.
В этом материале мы решили собрать и обобщить важные навыки, которые стоит иметь любому дизайнеру по умолчанию, вне зависимости от его специализации и системного образования.
Насмотренность
Причина, по которой существуют сайты вроде Pinterest, — коллекционирование референсов и развитие насмотренности. Особенно ценно это для такой «визуальной» профессии, как дизайнер. Как бы наивно это ни звучало, важно уметь изучать мир вокруг и вдохновляться работами других. К тому же конкурентная среда — это дополнительный стимул.
Многие рекомендуют начинающим дизайнерам копировать работы, которые зацепили. Автор заметки How To Become An Awesome Designer In 365 Days приводит интересные аналогии. Если вы занимаетесь в спортзале, значит, точно видели людей, которые тренируются каждый день и постоянно развивают ловкость, координацию, выносливость. То же самое с музыкантами и танцорами: они повторяют композиции или связку до тех пор, пока не начинают исполнять их по памяти. Практика помогает учиться новому и усваивать информацию: в мозг создаются новые нейронные связи, и мы начинаем видеть проблему в новом свете. Насмотренность и копирование помогают развивать творческие способности.
В статье Ильи Сидоренко описана главная ошибка дизайнера — забывать, что такое дизайн, слишком увлекаться визуальной частью вместо решения реальных проблем. Илья цитирует руководителя портальной дизайн-команды Mail.Ru Group Юрия Ветрова: «Главная ошибка начинающих дизайнеров — это упор на рисование экранов вместо того, чтобы думать об общей картине (бизнес-задачи, сценарии взаимодействия и ожидания пользователей)». Чтобы видеть задачу, а не просто рисовать мокапы, тоже нужна насмотренность.
Ещё можно вспомнить слишком часто цитируемую фразу Стива Джобса «Хорошие художники копируют, великие — воруют». Автор статьи Bad artists copy, great artists steal — or, how to become a great designer подробнее рассматривает эту фразу и пишет, что разница между копированием и воровством — в намерении, и во втором случае это намерение всем только на пользу.
Копирование дизайна — это имитирование ради сходства. А воровство — это когда дизайнер признаёт ценность продукта и берёт оттуда фишки, которые точно улучшат его продукт. В качестве примера копирования автор приводит выемку на экране iPhone X, которую большинство производителей потом просто скопировали. А пример «кражи» — когда японские дизайнеры поездов вдохновились строением клюва птиц и решили применить это в создании сверхскоростных экспрессов
.
Дизайн скоростного поезда — результат насмотренности японских дизайнеров. Источник: Medium
Рекомендуем почитать. 10 сервисов для развития вкуса. Подборка сайтов, которые помогут не теряться в информационном потоке, развивать насмотренность и понимать тенденции дизайна и разработки.
Основные инструменты
Стать дизайнером можно и с нулевым бэкграундом, но желательно для начала обучиться базовым навыкам работы в основных программах. Какая именно вам пригодится в работе, зависит от конкретной специальности. Графический дизайнер чаще имеет дело с Adobe Illustrator, веб-дизайнер делает макеты в Figma или Sketch. Photoshop, так или иначе, нужен всем.
Бывший дизайнер Microsoft Карен Ченг получила работу без специального образования и училась по ходу работы. В своём блоге она рассказала о программных инструментах, которые стоит освоить в первую очередь.
Illustrator. Многие дизайнеры рекомендуют начать с этой программы, а только потом перейти к освоению Photoshop. Именно Illustrator используется при создании логотипов и иконок. Сейчас можно найти множество ютуб-каналов и сайтов с туториалами, платными и бесплатными — например, Карен Ченг рекомендует эти онлайн-уроки: Creating an Environmentally Friendly Green Type Treatment и How to Create a Landscape Wallpaper for your Desktop. В первом научат делать проработанный векторный логотип, во втором — нарисовать обои для рабочего стола с пейзажем. Ещё Карен советует две книги: Adobe Illustrator Classroom in a Book и Vector Basic Training.
Photoshop. По этой программе есть множество обучающих материалов, и необходимые можно подобрать самостоятельно. Вот что рекомендует Карен Ченг: сайты PSDTuts и TutsPlus, мануалы по созданию приложения и макет сайта.
Sketch. Название программы говорит само за себя. Это одно из самым популярных приложений для любого направления в дизайне: направляющие и сетки, прототипирование и инструменты для предпросмотра мобильных прототипов, работа с вектором, даже работа с кодом.
Figma. Относительно новый инструмент для дизайна и главный конкурент Sketch. Её используют в основном для командной работы: несколько человек в реальном времени могут работать над прототипом. Если освоите Sketch, то без проблем сможете работать в Figma и наоборот.
After Effects. Это программа для создания презентаций с анимированной графикой и эффектами. С её помощью дизайнер сможет анимировать свои макеты.
Кстати, для обучения на нашем факультете дизайна не нужны профильные знания и умение работать с софтом — студенты осваивают нужное в процессе. Вот инструменты, которые выпускник GeekBrains осваивает в ходе обучения:
Рекомендуем почитать. Программы для веб-дизайнера: где рисовать сайты. Обзор инструментов для создания макетов.
Навыки
О дизайнерской базе знаний мы уже писали: о том, где можно обучиться типографике и вёрстке, узнать о правилах построения композиции и сетки, значении текста и редактуры в дизайне и о том, что поможет дизайнеру вовремя справляться с работой. Здесь расскажем о более общих навыках, которые полезны любому творческому человеку. Эти навыки помогут развить дизайн-мышление, понимать аудиторию и долго оставаться в профессии.
Дэвид Шмидт, бизнес-дизайнер и диджитал-консультант, много пишет о скиллах бизнес-дизайнера. Бизнес-дизайн помогает творчески осмыслить бизнес-модель любого проекта. Понимание его принципов пригодится всем, кто планирует когда-нибудь начать работать в компании или над своим проектом.
Вот четыре навыка, которые рекомендует прокачивать Дэвид:
- Умение исследовать клиентов и пользователей. Дизайнер должен уметь «докапываться» до сути работы компании, рынка и отрасли. Методы могут быть любые — встречи с заказчиком, информация с их сайта, внутренние документы компании, Гугл, в конце концов. Это поможет определить ценность дизайн-решений. Дэвид пишет, что однажды задержал одного банковского эксперта прямо в холле гостиницы, чтобы поговорить о влиянии сервисов на банковскую индустрию.
- Понимание рынка и бизнеса. Дизайнер должен понимать, как устроен рынок: какие основные игроки, особенности отрасли, что обычно предлагают пользователям. Настоящий дизайнер понимает область, в которой работает, видит связи с другими отраслями и замечает новые тенденции на раннем этапе.
- Умение понимать и строить сложные системы. Дизайнер анализирует бизнес-модели и создаёт собственную. Он понимает, как и для кого заказчик создаёт ценность, какие у него потенциальные новые сферы, как можно использовать уникальные особенности его бизнеса в дизайне.
- Умение тестировать дизайнерские концепции. Дизайнер знает, как проверить свой дизайн, прежде чем заказчик начнёт его внедрять. Следовательно, бизнес-дизайнер обладает аналитическим мышлением и глубоким пониманием того, как анализировать ошибки. Он знает, как оценить дизайн и какие уроки извлечь из тестов.
Мы добавим к этому списку ещё тройку скиллов:
- Основы графического дизайна. Если планируете стать графическим дизайном, для начала хорошо бы научиться базовым навыкам рисования. Карен Ченг рекомендует книгу You Can Draw in 30 days, в которой научат рисовать за месяц через ежедневную практику, если уделять этому полчаса в день. Ещё есть книга Picture This — она основана на сказке и в лёгкой форме учит основам рисунка и графдизайна. А вот подборка из 50 бесплатных уроков на английском, с которых можно начать новичкам.
- Основы UX. Не нужно глубоких знаний об индустрии и знакомства с «Ководством» Артемия Лебедева, чтобы понимать, что дизайн — про пользу, а не красивые картинки. Вот книги про суть дизайна и его полезное действие для пользователя, с которых рекомендует начать Карен — The Design of Everyday Things и Don’t Make Me Think.
- Умение учиться. В любой творческой профессии это главный навык. Без умения учиться не получится достичь необходимого уровня насмотренности: чтобы дизайнер был в курсе трендов и понимал, как решить проблему разными способами, нужно изучить сотни работ и вещей вокруг. Здесь помогут дизайнерские ресурсы вроде Behance, Dribbble, Awwards, Pinterest, блоги дизайн-студий.
Источник: www.mann-ivanov-ferber.ru
Если вы хотите стать графдизайнером, придётся интересоваться и другими областями знаний. К примеру, в статье «Шесть успешных бизнес-моделей» мы разбирали кейсы реальных компаний, дизайнерам которых благодаря пониманию того, как устроен бизнес, удалось найти удачные решения. А в тексте «Инклюзивный дизайн: кому и зачем это нужно» рассказали, как решения дизайнеров влияют на возможности людей и почему важно уметь делать дизайн, доступный всем.
Рекомендуем почитать.
Портфолио
Важный пункт — сделать портфолио. Если у вас нет реальных проектов и вы только начали осваивать пару программ, ничто не мешает сделать портфолио с тестовыми работами. Вот лайфхаки от продакт-дизайнера Марины Поповиченко:
- Переделайте какой-нибудь устаревший или неудобный сайт. Сделайте продуманный, удобный и приятный глазу интерфейс, используя навыки, которым обучились.
- Придумайте сами себе задание. Или откройте любую фриланс-биржу и возьмите простенький заказ, чтобы отточить навыки и попробовать работу с реальным заказчиком. Если всё пройдёт хорошо, эту работу можно положить в портфолио.
- Делайте всё, что душе угодно. Портфолио для себя не ограничено рабочими проектами, можно придумать много всего: разрабатывайте принты для футболок, сделайте редизайн приложения, которым пользуетесь каждый день, Попробуйте сделать что-нибудь небольшое на бирже 99 designs, выполните упражнения из книги Creative Workshop, найти местную компанию, которая вам нравится, и предложите им безвозмездную помощь.
Портфолио советуем разместить на Behance, Dribbble, макеты приложений — на pttrns, веб-дизайн — на patterntap.
Рекомендуем почитать.
Дизайнер может заниматься вебом, мобайлом, печатными материалами, может рисовать, проектировать и делать множество других связанных с дизайном вещей. Всему этому можно научиться на разных факультетах и профессиях GeekBrains:
Кроме того, можно пойти просто на факультет дизайна GeekBrains, где мы обучаем базовым навыкам, полезным в любой специальности, которую вы захотите выбрать после обучения. Для поступления нужно только ваше желание — можно прийти на курс, даже если про дизайн вы знаете только то, что прочитали в этой статье.
Все о дизайне интерьера для начинающих: 18 простых советов
Удачный дизайн интерьера требует точного определения собственных потребностей, соответствия пространственных возможностей и… немного экстравагантности. Как соблюдать соответствующую умеренность и вытащить из наших интерьеров как можно больше? Чем характеризуется правильный ритм узоров и цветов? Почему стиль это еще не все?
Яркие акценты в помещении где преобладает белый цвет.
Дизайн интерьера имеет давнюю историю – в конце концов, люди практически с самого начала придают огромное значение внешнему виду окружающего их пространства. Наш дом был, есть и будет оппозицией к полному опасностей и хаоса внешнему миру. Всегда выбором и аранжировкой места жительства служило некоторое правило – должен быть в центре нашего мира, в котором пребывают наши близкие и продолжается повседневная жизнь.
Даже сегодня, хотя мы живем гораздо быстрее, а в нашей повседневной жизни уже давно обосновались технологии, при выборе, строительстве и обустройстве наших квартир мы повторяем старые обычаи. Когда-то, чтобы обеспечить домашнее благополучие, разбивали о стену бутылку алкоголя – сегодня смысл остается такой же, но бутылка попадает на стол, когда мы приглашаем друзей и устраиваем новоселье.
Наши дома не являются нашими бастионами, но, конечно, остаются нашими визитными карточками, поэтому при их оформлении стоит помнить о нескольких простых правилах. Вот советы для начинающих, с которыми обустроить интерьер становится немного легче, даже если у вас в этой области совсем нет опыта. — Вперед!
Дизайн и планирование пространства
Устраивая интерьер, стоит выполнить четкий проект того, что хотим достичь. Необходимо задуматься над функцией каждого из помещений, и четко определить наши требования. Если мы, соответственно, располагаем большим пространством, стоит разделить дом на две зоны: частную и публичную.
Когда каждая из них получит свои четыре угла, в которых мы может чувствовать себя, как у себя дома, нам будет легче создать и обеспечить общее пространство, которое будет иметь более представительный характер.
Входная зона
Гостей часто встречают в тамбуре или прихожей, поэтому в этих местах мы должны заботиться, прежде всего о правильном освещении и достаточном месте. Входная зона в квартиру должна быть чистой и очень аккуратной. Хорошо будет ограничить количество мебели – таким образом, мы не допустим создания впечатления беспорядка и перезагрузки. Большого шкафы и/или вешалки для одежды и шкафчика для обуви будет вполне достаточно.
Если мы имеем небольшую прихожую, уже от входа можем сделать так, чтобы квартира казалась больше.
Два больших зеркала повесить напротив друг друга две одинаковые лампы, светящиеся мягким светом способствуют тому, что пространство будет казаться более просторным и удобным.
Хорошей идеей при обустройстве зоны доступа является также применение другого пола, чем в остальном доме , который будет представлять собой стилистическую границу и явно отделять это пространство от остальных частей дома.
В большой прихожей можно поиграть с цветами и фактурами обустраивая интерьер.
Устранить ненужное оборудование
Много квартир рекламирует себя как просторные. Не без оснований – большое пространство ассоциируется у нас с престижем, богатством и успехом. Достаточно взглянуть на высокие потолки в довоенных домах.
Конечно, не все могут позволить себе большой метраж, поэтому стоит взять на вооружение несколько проверенных способов оптического увеличения наших домов и квартир. Самый простой из них будет устранение всех лишних предметов или замена их на более мелкие. Хотя крупногабаритная мебель вместительна, но слишком легко подавляет пространство, в котором находится. Страдает от этого комфорт.
Пусть солнечный свет будет всюду
В борьбе за пространство (и лучшее настроение!) поможет нам свет. Надо вызывать его в дом больше, и, если это возможно, устроить широкоформатные окна, которые сделают так, что ваше помещение будет казаться больше, чем есть на самом деле.
Если, однако, у нас нет места на большие окна, давайте попробуем, как можно лучше использовать более мелкие. В течение дня давайте оставим их открытыми. Откажитесь от тяжелых занавесок и штор – гораздо лучше подойдут легкие, светлые шторы, которые будут мягко пропускать солнечные лучи.
Свет из больших окон наполняет комнату простором и энергией.
Цвета могут многое сделать
Правильный подбор и сочетание цветов имеют огромное значение для нашего самочувствия. В выборе цвета следует руководствоваться как собственным чувством эстетики, функцией окрашиваемого помещения, также впечатлением, которое данный цвет у нас вызывает.
Мы должны помнить, что не каждый оттенок подойдет для данного места – мало кто покрасит все стены гостиной в черный цвет.
Важно правильно подобрать тип и цвет краски
Белый лучший друг!
Белый это самый безопасный цвет, подходит ко всему, и, кроме того, любой другой цвет будет с ним легко взаимодействовать. Квартиры выкрашенные в белый цвет, будут производить впечатление уютных и чистых (это то, о чем следует помнить, особенно владельцам арендуемых квартир).
Нужно, однако, быть осторожным, потому что избыток этого цвета может привести к тому, что наш дом, вместо того, чтобы быть организованным и практичным, станет скучным и стерильным.
Комната в белом цвете, не должна выглядеть стерильно.
Мы стремимся поэтому использовать различные оттенки белого и разделяем его господство над другими цветами.
Помогут также аксессуары – чудеса аранжировки, особенно мебель в стиле «потертый шик», то есть стилизованные под старые, хотя смело можно пойти другим путем и организовать интерьер, наполненный гладкими поверхностями (имеют современный вид и визуально увеличивают пространство).
Получайте удовольствие от цветов
Прежде чем мы начнем задумываться над цветом стен, давайте подумаем, чего мы ждем от данного помещения. Какой должен быть характер? Как часто мы будем в нем пребывать?
Теплые цвета могут придать большее пространство интерьеру, что способствует увеличению уюта за счет простора. В свою очередь, если мы хотим, чтобы наша квартира создавала впечатление большей, давайте перекрасим телевизионную стену в светлые и холодные оттенки.
Используя определенные цвета, мы можем получить конкретный характер наших интерьеров – например, бутылочный зеленый или бордовый придадут глубину, что сделает дом более элегантным, и одновременно таинственным.
Однако, мы должны помнить, что нужно остановиться вовремя и не переусердствовать. Хотя первоначальный эффект может произвести большое впечатление, некоторые цвета (например, фиолетовый, оранжевый или красный) в долгосрочной перспективе могут оказаться слишком подавляющим.
Помните: хороший дизайн не может быть выполнен без фона!
При создании дизайна интерьера квартиры вашей мечты часто мы уделяем много внимания первому плану и добавкам, забывая о фоне. Между тем, именно фон (т. е. правильно подобранные стены и пол) играют в нашей композиции решающую функцию, позволяя остальным элементам „играть” так, как должны. Даже дешевые краски, материалы и мебель будут выглядеть хорошо, если умело подберем для них второй план.
Если в случае стен, стоит иногда выделить какой-то фрагмент (например, окрашивая одну из стен в другой цвет), то в случае пола лучше всего подойдут монохромные поверхности. Придерживаться монохромности пола лучше, чем использование керамической плитки, мрамора или деревянных паркетных полов, так как не всякий материал подходит для каждой квартиры. Сплошной цвет пола (независимо от материала), безусловно, даст хороший эффект и будет гармонировать с мебелью.
Обратить внимание
Звучание отдельных мест — это простой, но очень эффектный и эффективный трюк, который поможет придать нашему дизайну интерьера глубину и индивидуальный характер. Мы можем сделать это двумя способами.
- Первый касается уже упомянутого ранее цветового акцента на стенах. Вместо того, чтобы красить все стены в белый цвет, стоит подчеркнуть одну из них при помощи другого цвета. Такая процедура подсветит помещение и поможет в борьбе с однообразием. Отдельная стена будет притягивать взгляд, поэтому лучше всего подходит в качестве цвета приглашения, как самой важной функцией в помещении. В столовой поставьте рядом со стеной стол, а в гостиной – диван или телевизор.
- Внимание мы можем привлечь не только цветом, но также оборудованием и аксессуарами. Выразительный предмет мебели (ключевой элемент стиля середины века) или цветовой акцент в виде подушек, ковра или картины или плаката, безусловно, улучшит самочувствие домочадцев и окажет впечатление на гостей. Правильно подобранная мебель и аксессуары в планировке,и пространство приобретет новое качество.
Важно правильно подобрать и расположить мебель и аксессуары в комнате.
Забавный ритм
Если мы уже при добавках, стоит упомянуть об одном из самых ключевых компонентов в замечательном дизайне интерьера, то есть ритме. Это он определяет, как „движется” помещение – при помощи повторяющихся или соответствующим образом составленных рисунков, цвета или аксессуаров. Сохраняя правильный ритм, можно предотвратить возникновение визуального хаоса интерьера. Простор большой!
Повторение
Если хотим создать порядок в помещениях и порядок в дизайне, хорошим выходом будет применение повторяющегося рисунка или акцента : например, три маленьких картины повешенных по вертикальной линии, несколько подушек того же цвета или соответствующего образа, светильники и шторы.
Эти процедуры помогут успокоить и организовать интерьер, но вы должны быть осторожны, чтобы не переусердствовать. При слишком большом накоплении повторяющихся элементов или композиций, все это может показаться скучным или хаотичным и плохо воспринимаемым.
Обмен
Интересной альтернативой для повторения будет применение нескольких элементов. В этом случае одновременно достигается две цели: упорядочиваем пространство и введем в него жизнь. Не нужно много – даже те же элементы декора расположенные на разных высотах позволят разнообразить аранжировку интерьера и квартира приобретет жизни.
Сочетание цветов и элементов в дизайне спальни.
Упорядочить
Предыдущие способы можно еще более разнообразить, применяя разные модели. Это особенно справедливо в случае повтора – насколько лучше будет выглядеть наша квартира, когда вместо трех одинаковых предметов, вы будете следовать той же модели, но разных размеров или цветов!
Хорошо подобранные мелкие повторяющиеся детали, картины на стене.
Контрастные
Не нужно огромных затрат сил и средств, чтобы разнообразить и оживить нашу квартиру – достаточно помнить о контрасте. У вас есть что-то квадратное и что-то круглое? Повесьте или поставьте их рядом друг с другом, и ваша квартира сразу же приобретет новый элемент.
Вы любите растительные мотивы? Заполните пространство минималистскими, геометрическими узорами.
Здесь снова мы должны помнить об осторожности и умеренности. Мы ведь не хотим, чтобы гости и хозяева получили нистагм.
Тропические мотивы на стене за телевизором как основной акцент в комнате.
Держать пропорции
При оформлении интерьера нельзя забывать о пропорциях. Размещение большого шкафа в маленькой комнате приведет к тому, что он будет доминировать над остальными предметами, что значительно снизит комфорт квартиры.
В небольших площадях лучше применять добавки того же, или пропорционального размера. Помните также о спасительной роли белого или пустоты – оставлять незаполненное пространство, что позволит глазам отдохнуть и помещение будет казаться немного больше.
Большую, массивную и высокую, мебель установим в больших и высоких комнатах, подбирая к ним товарищей нужного размера.
В широкой гостиной с высоким потолком не подойдет ведь маленький журнальный столик – комната будет казаться пустой.
Баланс имеет решающее значение
При оформлении интерьера следует избегать перегрузки (если только вы не мечтаете о цветном стиле бохо).
Накопление оборудования, добавок и красок не сделает так, что наша квартира станет красивее, а вызовет только впечатление беспорядка и внутреннее беспокойство.
Сохранение равновесия в интерьере не является чем-то трудным, а может иметь благотворное влияние на наше самочувствие.
Определите центральную точку
В некоторых помещениях мы можем выбрать основной пункт — координационный центр, вокруг которого мы организуем оставшееся пространство.
В гостиной это может быть камин – установив мебель вокруг него, построим уютную, расслабляющую атмосферу, и подчеркнем тепло домашнего очага.
Внимание мы также можем сосредоточить на произведениях искусства. Большое изображение стоит повесить таким образом, чтобы его можно было смотреть с любой стороны.
Очевидный, но очень эффективный способ создания центра встреч и бесед: поставить в центре комнаты стол и расставить вокруг него стульев, диван или кресла.
Используйте различные макеты
Тем, кто предпочитает порядок и гармонию, следует применить симметричную систему – люди любят вещи такого же размера и пары, так две тумбочки такого же размера, установленные с двух сторон большого кресла будут прекрасно сосуществовать.
Несимметричное внесет в пространство глоток свежего воздуха. Установите два похожие, но отличающиеся по размеру предмета мебели рядом друг с другом, и квартира сразу станет живее.
Камин в зеленом обрамлении создает атмосферу уюта и непринужденности.
Придерживайтесь одного стиля
Хотя в дизайне интерьера очень важно учитывались наши вкусы, мы не можем забывать о том, чтобы наше место жительства было оформлено в согласованной, единой эстетике. Даже если мечтаем о разнообразных интерьерах, лучше не заниматься стилистическим жонглированием – надо определиться и выбрать один стиль, в этом случае проще избежать хаоса.
- Вам нравится стиль индустриальный? Покрасьте стены в бежевый и коричневый, выбрав соответствующие элементы, например, трубы.
- Поклонникам стиля колониального рекомендуется темная, выполненная из экзотических пород дерева мебель, а также узоры, популярные в XIX веке.
Во многих квартирах, особенно в маленьких, отлично подойдет минимализм. Постановка на равномерные, яркие цвета, простые формы и уход от огромного количества дополнений, упорядочит пространство, но не закрывает поля для интерпретации или тонких заимствований из других стилей интерьеров.
Такой декор можно улучшить, соответственно, мебелью или аксессуарами, например, асимметрично развешенными изображениями, которые сразу же введут немного энергии.
Функциональность и удобство – ключи к успешному дизайну для новичков
Даже самая симпатичная квартира не будет благоприятной, если мы забудем о практичности. Что нам от того, что мы купили самую модную в этом сезоне мебель, поскольку она мешает проходу на кухню?
Наш дом должен быть в первую очередь удобным, поэтому мы должны помнить в частности, об оставлении соответствующего количества свободного места и эргономичной установки мебели. Это очень важно, прежде всего, при оформлении кухни или ванной комнаты, но не только.
Разделение активной зоны от зоны отдыха (особенно если мы делаем ставку на аранжировку открытой планировки) сделает так, что обитатели не будут друг другу мешать. Если есть такая возможность, стоит расположить спальню на более высоких этажах, гостиную, столовую и остальные помещения на нижних.
Не дублируйте – вдохновляйте себя
На самый конец мы оставили одно из основных правил дизайна интерьера: никогда не устраивайте интерьер так же, как на фотографиях в журналах или в интернете. Каждое пространство, как и его пользователи, имеет свой индивидуальный характер, поэтому прямое копирование системы цветов и оборудования вовсе не гарантирует нам успеха. Наше место жительства — это наше и только наше, так что это нам должно быть в нем свободно и удобно, а не дизайнерам.
Удачный дизайн интерьера сочетает в себе правильное распознавание собственных потребностей, логическое планирование и эстетический вкус.
В этой смеси мы не можем забыть об умеренности, гармонии и равновесии, но также нотке экстравагантности. Удачи!
Основы хорошего дизайна | GeekBrains
Существует немало сайтов, которые смело можно назвать произведениями современного искусства.
https://d2xzmw6cctk25h.cloudfront.net/post/827/og_cover_image/81cf7fba804eb49a92be02d591716c51
Веб-дизайн – прежде всего процесс творческий. Как и любое искусство он оценивается пользователями через призму субъективных вкусов, предпочтений, мировоззрения. Невозможно найти пример идеальной дизайн-концепции, широкой аудиторией пользователей она будет оценена по-разному.
Существует немало сайтов, которые смело можно назвать произведениями современного искусства. Для их создания использованы не только технологические новинки и передовые достижения веб-индустрии, но и авторский нетривиальный контент.
Для начинающих веб-дизайнеров процесс работы над сайтом может оказаться чрезвычайно сложным. Ведь он требует учёта множества разноплановых деталей. На самом деле задача кажется непосильной только на первый взгляд.
Наверняка вы сталкивались с разными рекомендациями по созданию хорошего веб-дизайна. Особенно много советов «из личного опыта» могут дать продвинутые разработчики. И всё же, существует 5 основных принципов, которые реально помогут сделать грамотный сайт. Остальные «примочки», «фишки» и «плюшки» удастся освоить с опытом.
Акценты
Работая над дизайном, прежде всего нужно задаться вопросом, «как донести нужную информацию пользователю, учитывая его текущие потребности?». Для этого в вашем распоряжении есть множество инструментов, начиная от типографики и заканчивая сложными аудиовизуальными эффектами. В совокупности они правильно направляют внимание человека, концентрируя его на самом важном.
Отступы и свободное пространство
Актуальная дизайн-концепция сайта не перегружена визуальными объектами. Сайт, наполненный воздухом, легко воспринимается, свободное пространство позволяет легче изучать информацию. Немалое значение в формировании правильного впечатления о ресурсе играют отступы. При этом важно, чтобы они подчинялись определённой закономерности, были пропорциональны. Это позволяет создать гармоничный визуальный баланс, подключить интуицию, «читая» информацию подсознательно.
«Эффект пустого пространства» или роскошь из ничего
Грамотная навигация
Юзабилити сайта каждый пользователь оценивает уже первые 10 секунд пребывания на ресурсе. Зацепить его сторителлингом или визуальными эффектами – половина дела. Важно, чтобы посетитель остался, быстро сориентировался и нашел нужную информацию. Возможностей грамотно организовать навигацию существует бесконечное множество. Важно использовать простые и понятные приемы, которые могут строиться, только на изображениях или удачной типографике или объединять их. Навигация может быть горизонтальной или вертикальной, слайдерной. Главное, сделать её максимально удобной, интуитивной для пользователя.
Легко читаемый текст
Какой бы качественной ни была визуальная составляющая сайта, пользователь подсознательно будет искать текстовый контент, который поможет сформировать более полное представление о продукте. Важно не забывать о читабельности информации. Ведь это главная составляющая большинства веб-ресурсов. Продумывая текст, стоит учесть размер шрифта, пробелов и межстрочных интервалов, цвет букв, фона и многое другое.
Согласованность
Дизайн сайта должен складываться как пазл в единую концепцию. Помните, что работаете не просто над картинками, фото или текстом, а целостным проектом, который должен получиться гармоничным. Для этого важно учесть всё по максимуму, от размера и цвета заголовков до вида кнопок и формата картинок. Продумывая дизайн, не забывайте тестировать наброски. Начинайте с малого, постепенно обыгрывая идею, осторожно добавляя акценты и оптические якоря.
Красота — в глазах смотрящего. А эффективный веб-дизайн оценивается пользователями, а не владельцами сайта. Существует много факторов, которые влияют на юзабилити сайта. И речь не только о форме (насколько хорошо он выглядит), но и о функциональности (насколько легко его использовать).
Так что же делает веб-дизайн хорошим? Напишите свой ответ в комментариях.
Веб-дизайн для начинающих: старт карьеры / WAYUP
Одна из самых востребованных профессий современности не теряет свою актуальность и привлекает все больше новых приверженцев. Именно сейчас лучшее время для входа в IT– рынок еще не перенасыщен, потребность в специалистах не иссякает, а все инструменты и возможности для работы уже есть в изобилии.
Для старта нужно пройти курсы по веб-дизайну для начинающих. Позже придется углубиться еще во много отраслей и получить большое количество самых разноплановых навыков: узнать о теории цвета, общей организации сайтов, иерархии элементов, подборе шрифтов. Пригодится понимание основ кодирования и программирования. Самые усердные ученики нередко обращаются также к основам маркетинга, поисковой оптимизации и управления контентом. Но все начинается с азов – для начала обучения достаточно желания и пары часов в день для уроков.
Основы веб-дизайна для начинающих
Изучить веб-дизайн для начинающих мы рекомендуем на курсах – это самый эффективный на сегодняшний день формат, который учитывает динамичность развития направления. Это быстро и удобно, все вопросы подробно разбираются с преподавателем, даются домашние задания, которые тщательно проверяются. Всего за несколько месяцев можно получить новую профессию, не рискуя текущей работой.
Если есть сомнения в направлении или в формате – не обязательно сразу отдавать деньги. Есть бесплатное обучение веб-дизайну онлайн для начинающих, которое дает достаточно много информации для понимания основ предмета. Это полноценный курс «Взрывной старт», который не требует никаких доплат и содержит массу полезных знаний для новичка. После этих уроков вы обязательно захотите продолжить обучение на более углубленных курсах.
Создание хорошего сайта – искусство, для этого нужно постоянно учиться и практиковаться. Это и отличает специалиста от аматора. Поэтому стоит начать с малого, а позже повышать свою квалификацию на других наших уроках, вебинарах и мастер-классах.
Как зарабатывает начинающий веб-дизайнер?
Уроки веб-дизайна для начинающих от WAYUP включают в себя не только технические моменты, но и практические советы по выходу на фриланс. Безусловно, по окончанию курсов выпускник может претендовать и на должности в студиях и фирмах, но наша задача – обеспечить учеников знаниями, как зарабатывать без посторонней помощи и независимо от ситуации на рынке труда. Наставник поможет с портфолио, проведет за руку к первому клиенту и откроет секреты поиска заказов. Это выгодно отличает курсы WAYUP от любых других видов обучения.
Работа мечты без границ
Можно долго перечислять преимущества профессии, это делалось уже не раз в наших статьях и обзорах. Но есть один мощный мотиватор для поступления на курсы веб-дизайна для начинающих: эта специальность стирает границы. Речь идет о широких возможностях при условиях удаленной работы. Есть два варианта развития событий, если мы рассматриваем работу в других странах:
- сотрудничество с иностранными заказчиками – такие проекты зачастую оплачиваются гораздо выше отечественных, а их наличие в портфолио серьезно увеличит расценки и уважение к дизайнеру. Хотите работать на британскую компанию? Препятствий нет.
- деятельность без привязки к месту позволяет путешествовать по всему миру. Для работы нужно не так уж много – ноутбук или планшет, выход в интернет. Многие программы не требуют постоянного пребывания в сети, поэтому нет необходимости подключения в постоянном режиме, лишь для выхода на связь. Это шанс посмотреть мир без отрыва от основного способа заработка.
Немного о работе в путешествии можно посмотреть в подкасте основателя WAYUP Андрея Гаврилова:
Записывайтесь в группу, не откладывайте на потом свой шанс начать новую жизнь!
33 совета начинающим дизайнерам или как не совершать ненужных ошибок | DesigNonstop
С чего, как правило, все начинается. Вот вы освоили несколько операций в фотошопе, вот у вас стало получаться то, что еще вчера казалось запредельно сложным и вот вы уже начинаете думать: «О, круто! Теперь я дизайнер!» Уверяю вас – это еще не значит быть дизайнером, это только начало пути. Вам еще только предстоит приобрести профессиональные навыки и привычки, освоить много различных вещей, напрямую не связанных с дизайном, научиться решать возникающие проблемы, пройти через достаточно сложные испытания для того, чтобы приблизиться к заветной цели – стать профессиональным дизайнером.
Сейчас, анализируя свои дизайнерские приключения за последние несколько лет, я прекрасно понимаю, что с многие вещи сделала бы по другому. Я вспомнала о том, как делала первые работы в фотошопе, как взахлеб читала дизайнерские форумы, как получила свой первый заказ, как первый раз разговаривала с заказчиком, как долго не могла до конца поверить, что в интернете можно зарабатывать, и не обязательно при этом каждый день ходить в офис.
И вот, после приступа ностальгии, родился этот пост, предназначенный прежде всего новичкам. Здесь собраны 33 совета, суть которых — помочь начинающему дизайнеру не наступать на очевидные грабли на дизайнерском поприще и не совершать ненужных ошибок.
1. Тренируйтесь
Для того, чтобы набить руку в фотошопе новичку надо тренироваться. Сейчас есть масса всевозможных уроков, в том числе уже и видео уроки, в которых пошагово расписаны и показаны все действия. Учиться по таким туториалам не только увлекательно, но и полезно. Лучше всего начинать с самых простых и понятных, а потом уже переходить на более сложные.
2. Осваивайте фотошоп
Эта программа предоставляет поистине огромные возможности для творчества. Мы же, как правило, используем всего лишь ограниченный круг операций. После того, как я всего-навсего более тщательно прочитала мануал по фотошопу, я снесла с компьютера большую часть установленных плагинов к фотошопу, поскольку они дублировали аналогичные функции в самой программе.
3. Не торопитесь
Будьте готовы, что сначала у вас все будет получаться медленно. Это естественно и от этого никуда не деться. Главное знайте, что количество обязательно перейдет в качество. Через пол года скорости будут уже совсем другие, а через год и того больше. Сейчас я делаю некоторые вещи за три часа, а раньше на них реально уходило три дня.
4. Не жадничайте
Беда любого новичка в том, что когда у него появляется возможность скачать новую кисточку, клипарт или стиль, у него вырывается возглас: «О! Хочу такое!» и он скачивает даже не задумываясь, нужно ли это ему. В итоге на компьютере складируются гигабайты ненужной информации, которую физически трудно обработать одному человеку. В общем, будьте избирательны.
5. Систематизируйте
Не превращайте свой компьютер в склад, забитый под завязку. Сразу обрабатывайте скачанные клипарты, картинки, стили, кисти и т.д. На рабочем месте должен быть такой порядок, чтобы вы сразу знали где что лежит, а не искали по нескольку часов. Заводите сразу нужные папки, переименовывайте файлы, чтобы вам было понятно, заводите собственную кодировку. Поддерживайте порядок, а то придется много разгребать потом.
6. Делайте как другие
Новичку в дизайне совсем не зазорно равняться на лучшие дизайнерские образцы. Поэтому, если вам понравился сайт, смело пробуйте сделать такой же. Все равно получится абсолютно по другому. Проверено.
7. Опасайтесь плагиата
Однако, «делать как другие» — это совсем не значит, что надо копировать понравившийся сайт. Можно использовать расположение крупных элементов, придерживаться общего стиля, как у понравившегося сайта, но старайтесь все-таки использовать похожие элементы, а не один в один, и располагайте их уже в своем порядке. Я думаю, любой из нас спокойно отличит сайт, сделанный наподобие другого сайта, от плагиата чистой воды. Вообще плагиат – это дурной тон.
8. Анализируйте
Попробуйте разложить понравившийся вам сайт на составляющие. Отметьте отдельно какой у него фон, как он сделан, какие основные элементы, как они сделаны, использованы ли кисти или клипарты, какая обводка у шрифта, какие градиенты использованы, как наложена тень, какие приемы использованы в дизайне. Попробуйте понять как был сделан сайт, что было сначала сделано, что потом.
9. Смотрите на мир глазами дизайнера
Попробуйте воспринимать телевизионные передачи, журналы, наружную рекламу с точки зрения того, как они оформлены. Запоминайте понравившиеся элементы. Мне, например, очень нравится дизайнер на канале «Культура», а на MTV часто можно увидеть всякие интересные оформительские штучки. Если вас раздражает реклама – попробуйте взглянуть на нее глазами дизайнера. Ведь людям, которые делают эту рекламу, платят за это большие деньги. И иногда у них действительно есть чему поучиться.
10. Заведите блокнот для заметок
Когда почувствуете, что в голове не хватает места, чтобы запомнить все увиденные идеи, заведите себе блокнотик, куда зарисовывайте понравившиеся элементы. Вчера, например, я туда зарисовала как был оформлен блок с информацией, по-моему на Рен-ТВ. Не пытайтесь сразу его заполнить. Это работа на будущее и этот блокнотик через какое-то время вам очень пригодится.
11. Не сетуйте на отсутствие вдохновения
Жалобы на отсутствие вдохновения и на пустоту в голове – самый верный признак начинающего дизайнера. Выдающиеся сайты делаются на кураже, просто добротные сайты делаются на мастерстве, на совокупности приемов и навыков, которыми вы владеете и которые никуда не деваются, даже если ничего гениального в голову не приходит. Просто садитесь и делайте то , что умеете. Тем более, что после того, как начинаешь делать, эти самые идеи и приходят в голову
12. Общайтесь в сообществах
Начинающемуся дизайнеру полезно потусоваться в сообществе дизайнеров, проникнуться, так сказать, профессиональным духом. Поэтому общайтесь в форумах, высказывайте свое мнение, спрашивайте совета. В будущем точно пригодится.
13. Отслеживайте тенденции
Будьте в курсе дизайнерских трендов, отслеживайте последние изменения, замечайте новые веяния. А то не заметите тот момент, когда стиль Web 2.0 станет совсем не актуальным. 😉
14. Применяйте новинки
Не откладывайте в долгий ящик, применяйте увиденные новинки в своих работах. По крайней мере вы опередите многих.
15. Делайте полезные заготовки
Осваивая новую фишку в фотошопе, старайтесь чтобы результат ваших экспериментов сразу был годен для использования в дизайне. Например, когда я разбиралась в настройках управления кистями, то на выходе получила весьма симпатичные готовые дизайнерские элементы, которые потом и использовала.
16. Соблюдайте авторские права
Давно поняла, что покупать фотки и полезнее и безопаснее. Уделяйте внимание авторским правам. На некоторые объекты может быть лицензия только для некоммерческого использования. Если объект имеет сомнительное происхождение – старайтесь не использовать его в коммерческих дизайнах.
17. Соберите свою free коллекцию
Люди специально выкладывают свои работы в свободном доступе в интернете. Пользуйтесь этим. Соберите свою коллекцию шрифтов, кистей, клипартов, иконок непосредственно под ваши нужды.
18. Осваивайте теорию
Будьте подкованы теоретически в том, что касается таких вопросов, как цвет, композиция, шрифты и т.д. Во-первых, вам самим пригодятся эти знания. Во-вторых, общаясь с заказчиками вам придется отстаивать свою точку зрения. И будет лучше, если вы сможете это сделать аргументированно и на профессиональном языке.
19. Сделайте заказ самому себе
Как правило первый вопрос заказчика при общении с дизайнером: «Покажи портфолио». Новичок говорит, что у него еще нет порфолио, и тем самым практически лишает себя возможных заказов. Получается замкнутый круг: нет портфолио потому, что нет заказов, нет заказов потому, что нет портфолио. Лучше всего в данной ситуации сделать заказ самому себе. Но это должна быть законченная работа, а не набросок. Своего первого заказчика я получила, сделав пару таких сайтов, которые заказала самой себе.
20. Не уменьшайте сроки заказов
Иногда, разговаривая с заказчиком, появляется соблазн уменьшить сроки выполнения работы. Ни в коем случае этого не делайте. Всегда указывайте реальные, а не мифические сроки, плюс день два про запас. Если сделаете раньше – будет приятный сюрприз заказчику. А если будете динамить – испортите отношения с клиентом. Заказчики ох как не любят, когда их динамят.
21. Занимайтесь постоянно
Старайтесь заниматься постоянно. Как и в любом деле, в дизайне тонус также весьма необходим. Если нет заказов – оттачивайте мастерство, осваивайте новые приемы, потихоньку занимайтесь в фотошопе
22. Будьте готовы к критике
Пожалуй, это самое тяжелое испытание для любого дизайнера. Хорошо, если заказчик, увидев вашу работу, сказал: «Ух ты! Здорово!» и вы оба остались довольны. Это оптимальный вариант. Но бывает, что клиент, как придирчивый покупатель, начинает активно критиковать вашу работу. Иногда это делается для того, чтобы дизайнер снизил цену, иногда бывают и ценные замечания. И вот если вы в тот момент пересилите себя. Не дадите волю ненужным эмоциям. И не пошлете клиента куда подальше, а переведете разговор в конструктивное русло, то ваши шансы стать профессиональным дизайнером многократно возрастут.
23. Не используйте дефолтные настройки
Если вы видите огромную черную невнятную тень, если белое тиснение на буквах смотрится ужасно, то скорее всего этот дизайн делал новичок. Все дефолтные настройки, предназначены для объектов больших размеров. Особенно это касается стилей. Используя их на объектах небольших размеров, таких, как заголовки, например, вы попросту уродуете работу. Обязательно отрегулируйте вручную параметры эффектов в сторону уменьшения.
24. Оценивайте свои силы
Начинайте с простых заказов. Не хватайтесь за тяжелые многостраничные конструкции со сложной версткой. Скорее всего вы вымотаетесь, затяните сроки, не почувствуете удовлетворение от сделанной работы и, в конечном счете, будете разочарованы. Сначала делайте что попроще.
25. Получайте удовольствие от работы
В момент, когда вы садитесь за работу, постарайтесь выкинуть из головы все ненужные мысли, типа каким крутым дизайнером я буду, сколько я буду получать денег, как я буду их тратить и т.д. Просто сосредоточьтесь на творчестве. Это как скользить по волнам. Главное один раз почувствовать кайф от творчества и потом это состояние вы уже ни с чем не перепутаете.
26. Не занимайтесь ненужными подсчетами
Любимая игра новичков: «Столько-то заказов в день, а в неделю это столько-то, а в месяц это просто круто!». Все эти подсчеты – пустая трата времени. Все равно поначалу это будут весьма скромные суммы, гораздо меньше тех, что вы насчитаете. А к тому моменту, когда суммы будут значительные, у вас просто не будет времени заниматься подсчетами, будет поток заказов, которые просто надо успеть сделать.
27. Уделяйте внимание деталям
Скудность в деталях еще одна отличительная черта новичков. Детали придают работе наполненность. Уделите внимание каждому элементу дизайна, проработайте каждый из них. Добавьте деталей блоку с текстом, фону, лого, кнопке и т.д. и они заиграют новыми красками.
28. Делайте клипарты сами
Иногда облазишь весь интернет в поисках нужного элемента для дизайна. Угрохаешь кучу времени и не факт, что найдешь нужное. Как-то мне надо было найти гранжевую кисть для границы блока. Устав искать, я просто взяла сухую кисть из стандартного набора фотошопа и два раза провела прямую линию. Получилось как раз то, что мне надо. Можно также сфотографировать объект поиска самой. Вывод: если чувствуешь, что тратишь много времени – сделай сам.
29. Не критикуйте новичков
Еще один признак, по которому можно распознать новичка дизайнера – это оголтелая критика своих собратьев новичков на всевозможных форумах. Если вы видите такие фразы, как «Ужас!», «Отстой!», «Кошмар!», то скорее всего это написал человек, который сам недавно научился водить мышкой в фотошопе. Бывалые спецы, как правило, более доброжелательны и лояльны, и если уж критикуют, то конструктивно и обстоятельно.
30. Будьте критичны к себе
Если уж вы начинаете себя сравнивать свои работы с другими, то уж сравнивайте с лучшими образцами, а не с fast дизами, сделанными на коленке. Сравнение с заведомо халтурными работами дает ненужное самомнение и самоуспокоенность.
31. Будьте аккуратны
Делая эскиз заказчику, доделывайте все нюансы сразу. Не стоит говорить клиенту «Здесь будет так то, а здесь я подчищу». Просто сделайте и покажите как будет правильно сразу. Не заставляйте клиента фантазировать. Сделать набросок – это не значит сделать кое-как. Это значит не прорабатывать детально некоторые блоки. Можно, например, показать сначала набросок шапки, а потом уже заниматься блоками и футером. Но то, что показывается клиенту в виде эскиза, должно быть сделано без видимых ляпов.
32. Верьте что у вас все получится
Поддерживайте в себе правильный психологический настрой. Это очень важно. Просто верьте, что у вас все получится. Что все затраченные усилия не пропадут даром, а принесут вам пользу в скором будущем.
33. Не слушайте ничьих советов
Никогда не следуйте советам вслепую. Пробуйте, экспериментируйте, старайтесь понять, что подходит именно вам. В коне концов свой собственный опыт и свои шишки всегда приносят гораздо больше пользы.