Свежее
Новости
Интернет
Тесты
Покупки
Стать богатым
Android
iOS
Здоровье
Работа и учёба
Кино
Еда
Жизнь
Отношения
Путешествия
Все рубрики
  • Лучшее
  • Наши книги
  • Рубрики
  • Время есть
  • Подкасты
  • Сервисы
  • Рассылки
  • Лучшее
  • Наши книги
  • Рубрики
  • Время есть
  • Подкасты
  • Сервисы
  • Рассылки
  • Ozon
  • Свежее
  • Новости
  • ❓ Как жить
  • Покупки
  • Технологии
  • ВКонтакте
  • Telegram
  • Реклама

25 советов начинающим веб-дизайнерам

10 ноября 2015Советы
Никита Обухов, основатель сервиса Tilda Publishing и креативный директор студии FunkyPunky, выпустил теоретический курс по веб-дизайну «Дизайн в цифровой среде». Специально для Лайфхакера он сформулировал несколько тезисов курса, которые помогут начинающим дизайнерам понять, как делать сайты для себя или для клиентов.
Фото автора Артём Леднёв
Артём Леднёв

25 советов начинающим веб-дизайнерам
Избранное
Поделиться
  • Vkontakte
  • Twitter
  • Pinterest
  • Viber
0
Никита Обухов
Дизайнер. Основатель сервиса Tilda Publishing. Руководитель дизайн-студии FunkyPunky. Куратор курса по веб-дизайну в Британской высшей школе дизайна.

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

1

Создание сайта — это технология

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

2

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

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

3

Любая разработка начинается с боли и неудовлетворённости

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

4

Умение слушать — первое, чему следует научиться дизайнеру

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

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

Иллюстрация из лекции об эмпатии курса «Дизайн в цифровой среде». Автор: Юлия Засс

5

Идея требует времени

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

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

6

Используйте майндмэппинг для генерации идей

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

7

Проводите исследования

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

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

8

Смотреть картинки — это работа

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

Фото: Tilda Publishing

9

Следите за трендами

Дизайнер — это проводник развития визуальной культуры, поэтому важно находиться в современном контексте.

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

10

Хороший дизайн — это результат вашего саморазвития и самообразования

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

11

Учитесь не только веб-дизайну

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

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

12

Направляйте критику в конструктивное русло

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

13

Найдите вдохновляющих людей

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

Скриншот Twitter-аккаунта Стефана Загмайстера

14

Не жалейте времени на хорошую композицию

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

Людей давно соблазняет мысль рассчитать идеальные пропорции математически (канон Виллара де Оннекура, ряд Фибоначчи и так далее). Но никакие цифры не позволят создать такую композицию, которую вы почувствуете, раз за разом меняя положение объектов. Это непросто, требует навыков и опыта, но это самый интресный и плодотворный способ.

15

Ограничьте цветовую палитру

Цвет — это просто. Это такая супербазовая единица, как буква. Но это не значит, что нужно покрасить всё в разные цвета. Наоборот, используйте один цвет, который займёт 80–90%, и дополнительный цвет в качестве акцента. Один — лучший вариант. Три использовать нельзя. Два — очень аккуратно.

16

Подключите фирменный шрифт

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

17

Используйте сетку как вспомогательный инструмент

Модульная сетка — универсальный инструмент организации визуального пространства, который используют и графические, и веб-дизайнеры. Тем не менее сетка не должна диктовать, а только помогать в дизайне. От сетки можно и нужно отступать. Не стоит фанатично всё выравнивать по сетке. Сетка — это не догма.

18

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

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

Фото: Tilda Publishing

19

Итерации — основа хорошего дизайна

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

20

Главный навык дизайнера — уметь рассказать историю

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

В веб-дизайне под сторителлингом мы понимаем способ подачи информации. Цифровой сторителлинг — сочетание контента и интерфейса.

21

Рисуйте каждую страницу как Landing Page

В идеале Landing Page — это страница, где человек получает ответы на все ключевые вопросы по услуге или продукту без перехода на другие страницы. Формат Landing Page появился как способ увеличить конверсию при рекламе, но постепенно те принципы, которые сложились в формате Landing Page, стали распространяться и на страницы в целом.

22

Добавьте «воздуха»

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

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

23

Не перегружайте меню

Один из признаков хорошего сайта — понятная навигация. Меню поможет её организовать. Добавив меню, убедитесь, что оно визуально хорошее: не слишком большое, не перегружает всю страницу. Пунктов меню не должно быть много, лучше всего не больше пяти. Смело укрупняйте разделы. Названия делайте короткими. Три слова как пункт меню явно не годятся. Они должны считываться с первого взгляда.

Скриншот сайта дизайн-студии Surf

24

Продавайте себя, а не портфолио работ

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

25

Увлеките пользователя продуманной типографикой

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

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

Теоретический курс «Дизайн в цифровой среде» можно почитать тут.

*Деятельность Meta Platforms Inc. и принадлежащих ей социальных сетей Facebook и Instagram запрещена на территории РФ.

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Избранное
Поделиться
  • Vkontakte
  • Twitter
  • Pinterest
  • Viber
0
Лучшее за неделю1

Как пасынковать помидоры, огурцы и другие растения

2

Чем подкормить клубнику, чтобы собрать хороший урожай

3

Как сделать так, чтобы волосы были красивыми и не выпадали

4

Находки AliExpress: самые интересные и полезные товары

5

Xiaomi анонсировала выход Mi Band 7 и показала его первое изображение

6

6 товаров, которые помогут быстро освежить интерьер

7

6 самых странных планет в нашей Вселенной

8

Почему смирение — главное качество, которое стоит в себе развивать

9

«Тинькофф Банк» запустил Tinkoff Pay — собственный сервис для оплаты покупок с помощью смартфона

10

3-й сезон «Любви, смерти и роботов» кажется вторичным, но у него много достоинств

Свежее

Google отключит в России часть серверов, ускоряющих загрузку контента
Новости, 9:37
Идрис Эльба против огромного льва: вышел трейлер фильма «Зверь»
Новости, 9:09
7 домашних сигнализаций, с которыми ваше имущество будет под надёжной защитой
Покупки, 9:00
Как перестать залипать в телефоне по утрам
Мотивация, 3:00
Подкаст Лайфхакера: 6 способов получить деньги, которые мы игнорируем
Подкасты, 23:00
Как с помощью философии разобраться, чему верить, а чему — нет
Образование, 21:30
От учёного до главаря мафии: 14 ярких ролей Киллиана Мёрфи
Ликбез, 20:00
11 мифов о собаках, в которые вы верите напрасно
Образование, 19:00
Стоит ли покупать новый Xiaomi Mi Band 7 вместо Mi Band 6?
Устройства, 18:45
Лайфхаки: про детскую привычку грызть ногти, пользу витамина Е и вумбилдинг
Подкасты, 18:30
Исследование: чем больше люди смотрят телевизор, тем выше риск заболеваний сердца
Новости, 18:15
Обзор смартфона Xiaomi Redmi Note 11 — брата-близнеца Poco M4 Pro со своими недостатками
Устройства, 18:00
«У тебя была одна задача»: 20 фото, когда работу сделали, а подумать забыли
Интернет, 17:30
Подкаст Лайфхакера: 8 правил, которые помогут покупать в магазине только полезные продукты
Подкасты, 17:00
Почему мы ревнуем друзей и что с этим делать
Burning Hut, 16:30
8 самых модных юбок 2022 года
Ликбез, 16:00
Подкаст «Слушай, это просто»: что такое микропластик и сколько его вокруг и внутри нас
Подкасты, 15:30
Как поднять температуру тела
Ликбез, 15:00
Важнейшие знания человечества хотят отправить на Луну — для хранения
Новости, 14:47
Что такое bite-sized learning и как эта методика помогает учиться эффективнее и быстрее
Колонка, 14:00
Во всех приложениях App Store появится кнопка удаления аккаунта
Новости, 13:45
Как обработать деревья, чтобы избавиться от вредителей и болезней
Ликбез, 13:30
Apple выпустила новые радужные ремешки и бесплатный циферблат для Apple Watch
Новости, 13:15
VK запустила магазин Android‑приложений RuStore — пока в бета-версии
Новости, 13:05
Выгодно: смарт-часы Honor Watch GS 3 за 11 669 рублей
Покупки, 13:00
Как выровнять текст в Word
Ликбез, 12:00
Что купить, чтобы ухаживать за салоном авто самостоятельно: 10 полезных товаров
Покупки, 11:00
Windows 11 позволит восстановить все приложения пользователя на новом ПК
Новости, 10:32
У вас попросят добавки. Простые и вкусные супы с мясом
Еда, 10:00
Windows 11 получит поддержку сторонних виджетов до конца 2022 года
Новости, 9:42
Новый Xiaomi Mi Band 7 появился на AliExpress
Новости, 9:13
5 ситуаций, когда мы прокрастинируем, но не подозреваем об этом
Продуктивность, 9:00
Компания Nike уходит из России
Новости, 8:40
14 неочевидных причин, почему вы можете не нравиться людям
Отношения, 3:00
Подкаст Лайфхакера: правда ли полные люди живут дольше
Подкасты, 23:00
Как мозг очищается от нейротоксинов и можно ли повлиять на этот процесс
Здоровье, 21:30
В Японии обнаружили новый вид динозавров. Он помог учёным разобраться, как тиразинозавры использовали когти
Новости, 20:50
22 фильма ужасов, основанных на реальных событиях и популярных легендах
Кино, 20:00
11 товаров с AliExpress, которые подарят вторую жизнь старым вещам
Покупки, 19:00
Лайфхаки: про флирт, обратную связь на работе и вспышки на Солнце
Подкасты, 18:30
Что такое острые кишечные инфекции и как от них защититься
Ликбез, 18:00
15 прекрасных многолетников, цветущих всё лето
Ликбез, 17:00
Вышел трейлер «Серого человека» — шпионского боевика с Райаном Гослингом
Новости, 16:45
Что такое стелсинг и где за это можно даже сесть в тюрьму
Burning Hut, 16:30
Как путешествовать без плана и находить интересное где угодно
Путешествия, 16:00
Redmi анонсировала Note 11T Pro и 11T Pro+ с быстрой зарядкой 120 Вт. Оба стоят меньше 17 тысяч рублей
Новости, 15:37
Xiaomi представила браслет Mi Band 7 с увеличенным экраном
Новости, 15:02
Работают много, а получают копейки: 4 мифа о профессии сценариста, которые очень далеки от реальности
Образование, 15:00
Учёные разработали гелевую плёнку, втягивающую ведро воды в день прямо из воздуха
Новости, 14:30
Как выбрать планшет: инструкция для тех, кто не хочет ошибиться
Как выбрать, 14:00
Нейросеть написала музыку, отражающую звучание различных городов России
Новости, 13:50
Logitech показала офисную мышь MX Master 3S и механические клавиатуры MX Mechanical
Новости, 13:40
12 проверенных способов высказать своё мнение, даже если вы стеснительны
Жизнь, 13:30
Google представила нейросеть Imagen. Она генерирует картинки по описанию
Новости, 13:10
Прокачка: простой комплекс для тех, кто начал готовиться к лету
Спорт и фитнес, 12:00
Официальные ритейлеры Apple в России начали закрывать свои магазины
Новости, 11:10
7 функций Excel, которые помогут управлять финансами
Стать богатым, 11:00
Как приготовить воздушное и вкусное безе
Еда, 10:00
«Тинькофф» начал оформлять рассрочки на покупки без согласия пользователей
Новости, 9:27
Почему лучше вести список выполненных дел, а не запланированных
Продуктивность, 9:00
Marvel выпустила трейлер фильма «Тор: Любовь и гром»
Новости, 8:30
Подкаст Лайфхакера: как вернуть деньги за авиабилеты
Подкасты, вчера
Как работают когнитивные функции и что приводит к их нарушению
Книги, вчера
20 лучших боевиков 90-х, которые вызовут приятную ностальгию
Кино, вчера
6 товаров, которые помогут быстро освежить интерьер
Покупки, вчера
Лайфхаки: про острую еду для беременных, чихающую кошку и встречу с призраками
Подкасты, вчера
Опрос: верите ли вы в теории заговора?
Интернет, вчера
Дайте знать: что лучше — работать на себя или по найму?
Ответы, вчера
Starbucks официально уходит из России
Новости, вчера
«Дети стали главной проблемой»: что пишут критики о четвёртом сезоне «Очень странных дел»
Интернет, вчера
OPPO представила планшет Pad Air, серию смартфонов Reno 8 и наушники Enco R
Новости, вчера
Как сделать тандыр своими руками
Ликбез, вчера
5 книг про финансовую грамотность, которые помогут подружиться с деньгами
Burning Hut, вчера
Как пасынковать помидоры, огурцы и другие растения
Ликбез, вчера
Исследование: из-за глобального потепления люди стали меньше спать
Новости, вчера
VK запустила сервис для поиска людей «Найди меня»
Новости, вчера
10 лучших упражнений для ягодиц
Ликбез, вчера
Фанат Индианы Джонса нашёл крупнейший клад с золотыми монетами I века
Новости, вчера
Corsair представила свой первый ноутбук — с процессором AMD и аналогом Touch Bar для стримеров
Новости, вчера
Что такое аллергия на солнце и что с ней делать
Ликбез, вчера
8 советов по экономии, которые не стоит давать людям с маленькой зарплатой
Стать богатым, вчера
Учёным удалось объяснить марсианские полярные сияния
Новости, вчера
Надо брать: универсальный набор инструментов всего за 950 рублей
Покупки, вчера
Российские власти профинансируют разработку игры «Смута» в стиле Ghost of Tsushima
Новости, вчера
Switcher для Mac защитит от потери данных при случайном завершении программ
macOS, вчера
Xiaomi показала Mi Band 7 на новых изображениях
Новости, вчера
В Сеть просочился трейлер фильма «Миссия невыполнима 7» (обновлено)
Новости, вчера
Как написать заявление на отпуск и нигде не ошибиться
Ликбез, вчера
Опубликован список смартфонов Xiaomi и Poco, которые должны получить MIUI 13.5
Новости, вчера
Что приготовить на завтрак, если есть всего 5 минут
Еда, вчера
WhatsApp перестанет работать на старых iPhone, в том числе на iPhone 5 и 5c
Новости, вчера
Как понять, что вы одержимы продуктивностью, и найти баланс
Продуктивность, вчера
«Тинькофф Банк» запустил Tinkoff Pay — собственный сервис для оплаты покупок с помощью смартфона
Новости, вчера
3 качества, которые более важны для успеха, чем высокий интеллект
Жизнь, вчера
Гиперсексуальность или здоровое либидо? Когда нормально хотеть секса, а когда — нет
Ликбез, 22 мая
Почему смирение — главное качество, которое стоит в себе развивать
Отношения, 22 мая
Эминем, Илон Маск и Тим Бёртон: кем восхищаются читатели Лайфхакера
Ответы, 22 мая
22 советских фильма для детей, которые любят даже взрослые
Ликбез, 22 мая
Находки AliExpress: самые интересные и полезные товары
Покупки, 22 мая
Главное о кино за неделю: новый сезон «Чёрного зеркала», первый трейлер «Женщины-Халк» и не только
Новости, 22 мая
Свежее
Новости
Интернет
Тесты
Покупки
Стать богатым
Android
iOS
Здоровье
Работа и учёба
Кино
Еда
Жизнь
Отношения
Путешествия
Все рубрики

Лучшие предложения

7 домашних сигнализаций, с которыми ваше имущество будет под надёжной защитой

7 домашних сигнализаций, с которыми ваше имущество будет под надёжной защитой

Выгодно: смарт-часы Honor Watch GS 3 за 11 669 рублей

Выгодно: смарт-часы Honor Watch GS 3 за 11 669 рублей

Что купить, чтобы ухаживать за салоном авто самостоятельно: 10 полезных товаров

Что купить, чтобы ухаживать за салоном авто самостоятельно: 10 полезных товаров

Новый Xiaomi Mi Band 7 появился на AliExpress

Новый Xiaomi Mi Band 7 появился на AliExpress

11 товаров с AliExpress, которые подарят вторую жизнь старым вещам

11 товаров с AliExpress, которые подарят вторую жизнь старым вещам

6 товаров, которые помогут быстро освежить интерьер

6 товаров, которые помогут быстро освежить интерьер

Надо брать: универсальный набор инструментов всего за 950 рублей

Надо брать: универсальный набор инструментов всего за 950 рублей

Находки AliExpress: самые интересные и полезные товары

Находки AliExpress: самые интересные и полезные товары

Информация
О проектеРубрикиРекламаРедакцияВакансии
Подписка
TelegramВКонтактеTwitterViberОдноклассникиYouTubeRSS
Приложения
IOSAndroid
Правила
Пользовательское соглашениеПолитика обработки персональных данных
18+Копирование материалов запрещено. Издание может получать комиссию от покупки товаров, представленных в публикациях