Дизайна-cистема Uber Base предлагает набор компонентов маркеров карты, которые широко используются в наших продуктах и отображаются всякий раз, когда мы показываем карту пользователю. Недавно мы столкнулись с необходимостью показать дополнительный контекст и решили добавить для этого бейджи – существующий базовый компонент.Проблема заключалась в том, что и маркеры карты,...
Вот вы, например, собственник бизнеса. Дизайнер сделал вам логотип. И показывает его.Или, скажем, вы – менеджер. Пришли в классное агентство. Заказали у них упаковку. И видите ее.Или вы просто самый обычный человек. Открываете утром «Телеграм», а там новость о ребрендинге самого главного банка страны. И...
Перевод статьи «How To Build a Better Behance Case Study 👑» о том, как правильно оформить кейс на Behance: от продумывания структуры до дизайна обложки.После 3 лет участия в чудесном медиа-сообществе Behance я чувствую необходимость дать определенный фидбек и хочу поделиться своим опытом, чтобы помочь...
Перевод статьи от студии Gapsy «How to Design a Great App Icon» о советах, правилах и принципах, которых стоит придерживаться при разработке очередной иконки для мобильного приложения.А вы знали об этом шокирующем факте? Теперь пользователи проводят более 90% своего времени со смартфонами, используя мобильные приложения....
Sign Up – это не просто форма для регистрации новых пользователей, но и один из важнейших этапов процесса конверсии. Давайте проанализируем 7 проблем с UI и UX при регистрации, которые отталкивают пользователей.Недели и месяцы, потраченные на разработку качественных цифровых продуктов могут быть пущены коту под...
Таблица — удобный вариант для визуализации сложных данных с большим количеством элементов. Информацию, поданную в виде таблиц, легко сравнивать и анализировать. Однако навык работы с таблицами важен не только для аналитика, но и для дизайнера: он помогает компактно отображать информацию и направлять внимание зрителя на...
Раньше мне не нравилось добавлять в дизайн, на мой взгляд, лишние элементы. Это касалось и градиентов.Со временем я понял, что как раз градиенты способны минимизировать визуальный мусор на макетах. Их успешно используют в рекламных баннерах, в айдентике, в веб-дизайне и т.д.Специально для вас я сформулировал...
Оценка UX (он же бенчмаркинг) – это процесс оценки пользовательского опыта при использовании продукта или услуги с помощью определённых показателей и сравнения их относительной производительности со стандартами. Определить эти показатели можно с помощью количественного тестирования юзабилити, аналитики или опросов.Рассмотрите возможность проведения сравнительного исследования если вы...
Антиква — так называют шрифты с засечками. Нередко в названии шрифтов этой группы можно найти слово serif (лат. засечка). Засечки — это короткие штрихи, которые обрамляют основные элементы букв. Антикву используют для набора основного текста в книгах и оформления текстов, заголовков в интернете.Брусковый шрифт — подтип антиквы, с элементами гротеска. У брускового шрифта есть засечки, но не округлые...
Антиква — так называют шрифты с засечками. Нередко в названии шрифтов этой группы можно найти слово serif (лат. засечка). Засечки — это короткие штрихи, которые обрамляют основные элементы букв. Антикву используют для набора основного текста в книгах и оформления текстов, заголовков в интернете.Брусковый шрифт — подтип антиквы, с элементами гротеска. У брускового шрифта есть засечки, но не округлые...
Когда я занимаюсь такой творческой работой, как дизайн или фотография, я часто ссылаюсь на книгу «Making music». Ранее я уже писал, что это отличное пособие для всех творческих людей, а не только для музыкантов.Один из моих любимых разделов – Каталог атрибутов. Он обращается к извечной проблеме того, как...
В данном тексте я делюсь личным опытом о том, как поэтапно исследовать цифровой продукт. На примере своего дипломного проекта объясняю логику и последовательность выполняемой работы, а также показываю примеры того, как можно зафиксировать результаты исследований.В интернете тысячи статей о методиках, о которых пойдет дальше речь...
Сетки – это важнейший элемент UI дизайна.Хорошо. Хорошо. Не сбрасываем со счетов цвет. Не забываем о типографике. Но сделайте сетку правильно, и вы на полпути к созданию более привлекательных и функциональных интерфейсов.Последовательные и масштабируемые интервалы помогают избавиться от догадок при проектировании и разработке. Требуется принимать меньше дизайн-решений. И...
«Если мы не будем говорить 13 раз подряд, что наш продукт изначально бесплатный, вы все уволены!», — кто-то из Netflix после просмотра результатов A/B тестированияУменьшить чувство страха и повторить сообщениеПока вы проходите регистрацию Netflix, вы заметите четыре типа сообщений, которые вам пытаются донести:Нет обязательств, вы...
Веб-дизайн — это уже давно не картинки в фотошопе. Понимание HTML и CSS встречается в каждой вакансии как и знание английского.Верстальщики не нужныС основания Студии мы задумывались, как оптимизировать дизайн-процессы и обойтись без верстальщика. Первые два месяца собирали сайты на Visual Composer для WordPress. Использовать сырой плагин...
Нужно сделать запись презентации по работе или вы хотите поделиться с друзьями прохождением любимой игры? Чтобы записать изображения с вашего компьютера, понадобится специальное приложение. Мы подготовили обзор пяти наиболее популярных и простых в освоении программ.Прочитав эту статью до конца вы узнаете, как записать видео с...
Умение правильно использовать цвет на своих фотографиях поможет вам получать более качественные снимки, на которых ваш зритель будет дольше задерживать внимание. Однако почему-то многие фотографы пытаются улучшить только навыки получения технически правильно снятых фотографий, забывая о том, какую важную роль играют правильно подобранные цвета. В...