PSD | Дизайн-пространство
28.6K subscribers
7.33K photos
430 videos
2.8K links
Пишем просто, понятно и по делу обо всём околодизайнерском 🔥
Сайт: https://dsgners.ru

По поводу рекламы и сотрудничества: @design_manager_bot
Заявление № 4896031048
Download Telegram
Icon Scaling

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

Скачать

A11y — Color Contrast Checker

Инструмент для проверки соответствия вашего дизайна рекомендациям WCAG, но, безусловно, стоит попробовать этот плагин.

Скачать

UI Faces

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

Скачать

SPELLL

Вы больше не допустите опечаток в своих проектах

Скачать

Tailwind Color Generator

Создавайте монохроматические палитры за считанные секунды.

Скачать

Color Name

Плагин выполняет поиск по названиям HTML-цветов и «Name that Color»

Скачать

Better Font Picker

Плагин отображает имя с примером шрифта.


Скачать

Typeout

Плагин предоставляет доступ к обширной библиотеке UX-текстов

Скачать

3D Transformer

Добавляет 3D-эффекты к мокапам

Скачать

Easometric

Создавайте изометрические фигуры быстрее

Скачать

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

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

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

Читать: https://ux.pub/editorial/10-printsipov-dizaina-kotoryie-dolzhien-znat-kazhdyi-dizainier-52f6
Лучшие No-code конструкторы на одной схеме, упрощающей выбор

No-code (ноукод, зерокод) — это решение задач, которые обычно решают программисты, без самого программирования, то есть разработка без кода, с помощью конструкторов.

Зачем эта схема?

Чтобы помочь выбрать подходящий инструмент для задачи, которую вы хотите решить, не прибегая к помощи программистов. Основные категории задач, которые уже сейчас можно решать с помощью No-code подхода:
Сайты
Чат-боты
Мобильные приложения
Онлайн-школы
Веб-приложения
Базы данных
Автоматизации

Чем лучше списков?
Уже есть большое количество разных списков No-code конструкторов (раздватричетыре и т.д.), но у них есть недостатки:
Много инструментов, среди которых сложно что-то выбрать
Не понятно, что из этого реально используется, а что нет
Включены просто полезные сервисы вроде Calendly

Источник
Многоязычное проектирование UI

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

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

Читать:
https://design-glory.com/?p=6794
Не «ОК», а «соглашаюсь», «ладно», «хорошо» или «понятно»: как формулировать текст для чекбоксов, кнопок и переключателей

Отрывок из книги «Этой кнопке нужен текст. O UX-писательстве коротко и понятно»

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

Атомарный дизайн — одна из тех штук, из-за которых я советую начинающим UX-писателям держаться поближе к дизайнерам и не увлекаться тем, что говорят и творят редакторы, копирайтеры и прочие подобные люди.
Я сейчас о тех, которые пишут много чего, в том числе для интерфейсов, и любят хвалиться, как между реально стоящими делами могут «даже страницу 404 написать». Мало у кого из пишущих, тем более у таких, которые «между делом», вы научитесь систематизациии организации дизайнерского уровня.

Читать: https://vc.ru/books/228901-ne-ok-a-soglashayus-ladno-horosho-ili-ponyatno-kak-formulirovat-tekst-dlya-chekboksov-knopok-i-pereklyuchateley
Навигация: основные правила и наглядные примеры

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

В своей статье «Навигация важнее поиска» Джерри Макговерн рассказывает о том, как его команда «провела обширное тестирование задач с технической аудиторией. 70% начали задание, перейдя по ссылке из меню, 30% воспользовались поиском по сайту». Макговерн утверждает, что люди в первую очередь полагаются на навигацию, потому что нажимать на ссылки проще и быстрее, чем пользоваться поиском. Он объясняет, что когда слова в ссылке соответствуют тому, что ищут люди, вероятность того, что они нажмут на ссылку, выше.

Читать: https://design-glory.com/?p=13290
Объектно-ориентированный подход к UX

Почему объектно-ориентированный подход к UX помогает создавать масштабируемые и согласованные системы

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

Читать: https://ux.pub/editorial/obiektno-oriientirovannyi-podkhod-k-ux-306a
Как составить UX-портрет пользователя за 7 шагов: метод персон

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

В статье попробовали структурировать опыт работы с портретами в b2b и b2b2с по направлениям TravelTech, EdTech, Outsourcing Software Research & Development c 2011 года.

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

Читать: https://ux-journal.ru/kak-sostavit-portret-polzovatelya-za-7-shagov.html
Пожалуйста, дайте шанс junior UX-дизайнерам

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

Теперь, я senior-дизайнер с почти двадцатилетним стажем, и, скорее всего, во время собеседования буду на другом конце комнаты. Я внимательно читаю каждое мотивационное письмо и резюме (шучу, сначала я смотрю портфолио, затем проверяю резюме и почти никогда не читаю мотивационное письмо).
В последнее время я вижу, как рынок труда относится к новым дизайнерам, и должен вам сказать: я очень расстроен, когда вижу, что любая открытая вакансия требует от трех до пяти лет опыта!

Работодатели должны прекратить эту хрень и начать давать больше возможностей junior дизайнерам. Знаю, что мне должно быть все равно, эти вакансии не для меня, и это не моя компания или команда, но считаю, что начинающий дизайнер, только что пришедший из университета, должен иметь возможность устроится на работу. Я хочу отправить электронное письмо менеджерам по найму, чтобы убедить их открыть двери для новых талантов. Но я слишком занят, чтобы написать им, поэтому ограничусь статьей на Medium. Это ведь должно сработать, верно?

Читать статью: https://ux.pub/editorial/pozhaluista-daitie-shans-junior-ux-dizainieram-45cl
Подборка сайтов портфолио дизайнеров

Портфолио египетского дизайнера. Сложно отметить какой-то конкретный кейс, мне скорее хотелось отметить достаточно качественные работы для этого региона.
→ abdomohamed.com

Два крутейших дизайнера Gustav Nordebrink и Niklas Rosén, которые уже мелькал в канале со своим сочным работами для Google, Norgram, Kurppa Hsok и других, запустил свою собственную студию ID-C.
→ id-c.se

Сайт дизайнера в спотифай, который работает над созданием немузыкальным опытом в приложении: подкасты, clubhouse, книги и прочие штуки.
→ fabiano.work

Портфолио Nicola – итальянского дизайнера, который работает в спотифай над множеством концептуальных фич, которые только сейчас добираются до прода (обновление главной страницы, свой clubhouse и пр.).
П.С. Всегда респектую дизам, которые добавляют к себе на сайт раздел с экспериментами.
→ felasquez.haus

Источник
Почему мы скругляем углы

Закругленные углы повсюду. От интерфейсов программного обеспечения до дизайна девайсов. Во внешнем виде закругленных углов есть нечто внутренне удовлетворительное. Дизайнеры используют их так часто, что они фактически стали отраслевым стандартом, а не трендом дизайна. Но почему закругленные углы так популярны?

Читать: https://ux.pub/dinozavrix/pochiemu-my-skrughliaiem-ughly-7ik