Кернинг. Когда это ваша проблема

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

Читать статью: https://vc.ru/design/531702-kerning-chast-2-kogda-eto-vasha-problema

О типографике в айдентике

Типографика — это длинный свод законов, правил и запретов при работе с текстом. Этот свод увеличивается во много раз вследствие того, что не существует какой-то одной типографики. Типографик много. Есть типографика классическая, со своими правилами, типографика модернистская, постмодернистская и типографика маргинальная (это то, что порой требует от нас особо упоротый заказчик). Естественно, когда дизайнер объективирует все стилевые различия и имеет навыки использования всей палитры средств стилевой выразительности, он серьёзно повышает свою конкурентоспособность на рынке дизайна. Он как опытный тапёр, который может и Шопена сыграть, и «Мурку сбацать».

Читать статью: https://medium.com/design-pub/о-типографике-в-айдентике-3945cadbca9e

Пять практических приёмов, как улучшить читаемость документов

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

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

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

Читать статью: https://vc.ru/design/275145-pyat-prakticheskih-priemov-kak-uluchshit-chitaemost-dokumentov

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

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

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

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

Читать статью: https://say-hi.me/design/kak-nesmotrya-na-apatiyu-zavershit-dizajn-proekt.html

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

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

Читать: https://vc.ru/design/560798-chto-sprosit-u-zakazchika-do-togo-kak-nachinat-rabotu-nad-dizaynom-brify-dlya-raznyh-tipov-maketov

​​Поздравляем c Новым годом 🎄
 
Хотим поблагодарить каждого, кто был с нами в этом году.

Мы опубликовали для вас сотни полезных статей и кейсов. И очень надеемся, что они вдохновили вас на что-то отличное и многому научили.
 
Заглядывайте в гости в новом году! Мы продолжим радовать и вдохновлять вас полезными постами 🤩
 
А как вы украсили свою елку? Делитесь в комментах👇🏻

Как с помощью иллюстрации сделать UX дизайн эмоциональным 

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

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

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

Читать статью:
https://say-hi.me/design/web-design/kak-s-pomoshhyu-illyustracii-sdelat-ux-dizajn-emocionalnym.html

Отступы в дизайне: системный подход

Как контролировать отступы между блоками на большом проекте

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

Одно из самых заметных несоответствий макета и верстки — отступы между блоками.

Так происходит по разным причинам. И они не всегда находятся в зоне контроля дизайнера или фронтендера.

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

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

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

Как бороться с этой проблемой можно почитать тут

15 психологических принципов, которые должен знать каждый дизайнер

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

Но как тогда убедиться, что все сделано правильно? Чтобы убрать фактор необъективности клиента, вы должны выяснить мнение потребителя напрямую: как они думают и что хотят. Многое из этого нам уже объясняют принципы психологии.

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

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

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

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

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

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

6. Эффект фон Ресторф
Эффект фон Ресторф, или эффект изоляции, звучит очень просто: если человеку показывать одинаковые элементы, а потом предложить уникальный – он выберет именно уникальный элемент.

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

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

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

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

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

12. Обратная связь
Обратная связь – один из принципов обучения, который играет большую роль в дизайне. Здесь имеется в виду обратная связь от авторов или продукта. Дизайнеры используют фидбэк, чтобы сообщить людям, когда они достигли или продвинулись к цели. Чтобы лучше понять, представьте обучающие программы вроде Duolingo: вам показывают прогресс и хвалят за успехи. Это всегда приятно.

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

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

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

Источник

18 ресурсов для вдохновения веб-дизайнеру

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

Design made in germany — оригинальный подход к созданию веб-страниц от немецких дизайнеров. Много современных работ, которые создаются по последним трендам или даже диктуют их.

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

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

CSS Design Awards — подборки с хорошими сайтами. По итогам месяца выбираются лучшие работы. А еще можно сортировать их по темам.

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

FltDsgn — крутые подборки в стиле Flat Lay. Там же описания проектов, которые могут помочь при ступоре с твоими задачами. Ищи подобные кейсы и смотри, как их реализовали.

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

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

Land-book — еще одна подборка отличных лендингов и не только. Там же есть примеры удачных блогов, интернет-магазинов, портфолио.

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

Dribbble — здесь публикуются достойные работы, ведь вход в клуб только по приглашению. Но это касается только публикаций — смотреть можно всем. Так что если ты еще не там, то хотя бы учись у лучших, чтобы в один прекрасный день получить инвайт.
Design Collector — сюда сливается много плодов современного искусства, в том числе цифрового. Есть и фото, и иллюстрации, и видео, и NFT, и музыка. Даже дизайн интерьеров. Не столько о сайтах, сколько о творчестве в целом. Хотя из многих артов можно почерпнуть идеи для расположения блоков и цветовую палитру.

Designspiration — много интересных примеров сайтов, но это еще не все. Тут есть разделы с архитектурой, искусством, фотографиями, типографикой. И интересные функции сортировки. Хочешь найти классные идеи в определенной цветовой гамме? Держи.

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

​​Abduzeedo.com — подборки по категориям 3d, брендинг, графический дизайн, NFT, иллюстрации, UX\UI и прочим. Концептуальный веб-дизайн, который точно натолкнет на новые идеи.

Mobbin.design — находка для тех, кто специализируется на дизайне мобильных приложений. На сайте представлены скриншоты разных сервисов и сайтов — в библиотеке больше 50 тысяч примеров. Естественно, их можно сортировать.

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

Источник