DesignHub

📰 Статьи

Заголовок Описание Полезность Изучить Нard skills Soft skills Apps
📰 Основы дизайна: Теория цвета 5

http://miloskiy.com/osnovy-dizajna-po-stopam-bauhauza-teoriya-tsveta/

🔵 Работа с цветом
📰 Quantitative vs. Qualitive research

Обзор методов пользовательского исследования.

5

https://hexagonal-measure-548.notion.site/Quantitative-vs-Qualitive-research-09c82b9ec5744fadb6b93ae792813cbf

🔴 Ресёрч
📰 ChatGPT for Paid Search & Paid Social

Как писать тексты с помощью нейронки.

5

https://hexagonal-measure-548.notion.site/ChatGPT-for-Paid-Search-Paid-Social-388cd12b8766429b95499b3b603fefe5

🔵 Копирайтинг
📰 Как давать классный фидбек

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

5

https://hexagonal-measure-548.notion.site/95485f8c23b445ffa0c12528e1adca45?pvs=4

🔶 Наставничество и обучение 🔶 Знание психологии 🔶 Саморазвитие
📰 Как посчитать цены за дизайн 5

https://dsgners.ru/ux/1413-kak-poschitat-tsenu-za-dizayn

🔶 Саморазвитие
📰 На что на самом деле смотрят эйчары при найме дизайнера в продукт?

Мы проинтервьюривали 24 HR’a из Яндекс, Газпромнефть, Сбер, Альфа, ВТБ и нескольких студийных. Тут про всё: где ищут, как скорят, сопроводительное, портфолио, резюме и даже больше. Всё собрали всё в кучу, причесали, и сейчас выкладываем в публичный доступ.

5

https://hexagonal-measure-548.notion.site/5ce337ded7bd4638bc446ff2770e8c24

🔶 Саморазвитие
📰 Джуны тоже получают работу

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

5

https://hexagonal-measure-548.notion.site/09ea1d517b8940559892c271e7e24caa

🔶 Саморазвитие
📰 Jobs to Be Done, или всё, что следует знать о желаниях пользователей

Система осознания продукта, которую нужно знать каждому продуктовому дизайнеру.

5

https://vc.ru/marketing/73830-jobs-to-be-done-ili-vse-chto-sleduet-znat-o-zhelaniyah-polzovateley

🔴 Проектирование, UX 🔴 Ресёрч 🔶 Эмпатия 🔶 Знание психологии
📰 Гайдлайн iOS на русском

Переводы гайдлана Аойси (25 частей) и Матириал (51 часть), чтобы найти их все листай ссылки ниже.

5

https://ruslanshgd.medium.com/

🔵 Знание платформ 🔵 Адаптив
📰 Тёмная тема в Фигме

Как сделать тёмную тему быстро и качественно.

5

https://skillbox.ru/media/design/kak-sozdat-tyemnuyu-temu-v-figma/

🔴 Мобильный дизайн
📰 [Яндекс.Практикум] Мобильная версия: зачем нужен ещё один сайт и как его создать 4

https://practicum.yandex.ru/blog/mobilnaya-versiya-sayta-chto-eto-i-kak-sdelat/

🔵 Адаптив
📰 [Яндекс.Практикум] Как адаптировать сайт для мобильных: методы и примеры 4

https://practicum.yandex.ru/blog/kak-adaptirovat-sayt-pod-mobilnye-ustroystva/

🔵 Адаптив
📰 [Яндекс.Практикум] Ритм, баланс и контрформа — разбираем композицию по косточкам 4

https://practicum.yandex.ru/blog/osnovnye-pravila-kompozitsii/

🔵 Композиция, сетки и формы
📰 [Яндекс.Практикум] Теория цвета: правила применения в дизайне 4

https://practicum.yandex.ru/blog/cvet-v-dizajne-teoriya-cveta-osnovy-dlya-dizajnerov/

🔵 Работа с цветом
📰 [Яндекс.Практикум] Правила композиции 4

https://practicum.yandex.ru/blog/osnovnye-pravila-kompozitsii/

🔵 Композиция, сетки и формы
📰 Заголовки в дизайне (h1, h2, h3)

Про иерархию в текстовых стилях.

4

http://miloskiy.com/zagolovki-v-dizajne-h1-h2-h3-p/

🔵 Типографика
📰 Выходим на глобальный рынок: адаптация интерфейса под арабскую локализацию 4

https://awdee.ru/going-global-adapting-the-interface-for-arabic-localization/

🔵 Адаптив
📰 25 правил визуального дизайна, которые можно смело применять в любом проекте 4

https://awdee.ru/25-visual-design-rules/

🔵 Работа с цветом 🔴 Промо, полиграфия 🔴 Дизайн-концепции 🔵 Консистентность 🔴 Визуальная презентация 🔵 Типографика
📰 Взаимодействие между устройствами и совместимость

О том как создавать кросс-платмофрменный дизайна.

4

https://www.oreilly.com/library/view/designing-for-the/9781491971468/ch05.html

🔵 Знание платформ 🔴 Проектирование, UX
📰 [Лин.Дизайн] Ошибки в вёрстке

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

4

В общем:
Ошибки при вёрстке макета

Подробнее про некоторые:
Ошибка: «Нет полей»
Распространенные ошибки дизайнеров при работе с текстом
Модули не дружат
Много дизайна
Главное сообщение

🔴 Промо, полиграфия 🔵 Композиция, сетки и формы 🔵 Типографика 🔴 Визуальная презентация
📰 Как с помощью карты Censydiam создать позиционирование бренда

Интересный подход к брендингу.

4

https://vc.ru/design/308331-kak-s-pomoshchyu-karty-censydiam-sozdat-pozicionirovanie-brenda

🔴 Брендинг (айдентика и лого)
📰 Цвет в UI-дизайне: практический фреймворк 4

https://inlnk.ru/LAMkko

🔵 Работа с цветом 🔶 Аккуратность
📰 Как различить дизайн-систему, атомарный дизайн, гайдлайн и UI-kit 4

https://cmsmagazine.ru/journal/items-how-to-distinguish-a-design-system/

🔵 UI-киты и Дизайн-системы 🔴 Мобильный дизайн 🔴 Веб-дизайн
📰 Всё, что нужно знать об атомарном дизайне

Базовые понятия атомарного подхода к дизайну интерфейсов.

4

https://deadsign.ru/ui/everything-you-need-to-know-about-atomic-design/

🔴 Мобильный дизайн 🔴 Веб-дизайн 🔵 UI-киты и Дизайн-системы 🔶 Аккуратность
📰 Я бог продуктивности 4

https://vc.ru/design/111361-ya-bog-produktivnosti-pyat-shagov-chtoby-poznat-radost-bystryh-pravok-v-kite-figma

🔵 UI-киты и Дизайн-системы 🔶 Скорость 💚 Figma
📰 [Яндекс.Практикум] Виды шрифтов: как выбрать лучший вариант для дизайна 3

https://practicum.yandex.ru/blog/vidy-shriftov-v-dizaine/

🔵 Типографика
📰 Какие виды сеток существуют в дизайне? 3

https://www.uprock.ru/articles/kakie-vidy-setok-sushchestvuyut-v-dizayne

🔵 Композиция, сетки и формы
📰 Пишем интерфейсный текст: 15 правил для дизайнеров 3

https://media.contented.ru/opyt/instrukcii/pishem-interfejsnyj-tekst15-pravil-dlya-dizajnerov/

📰 6 правил микрорайтинга для продуктовых компаний без UX-копирайтера 3

https://telegraf.design/6-pravil-mikrorajtinga-dlya-produktovyh-kompanij-bez-ux-kopirajtera/

🔵 Копирайтинг
📰 9 правил для нормальных UX-текстов 3

https://vc.ru/design/92106-koroche-govorya-devyat-pravil-dlya-normalnyh-ux-tekstov

🔵 Копирайтинг
📰 Как писать UX-тексты: изучаем интерфейсы мессенджеров 3

https://habr.com/ru/companies/ncloudtech/articles/765504/

🔵 Копирайтинг
📰 Новый подход в дизайне адаптивности веб-сайтов

Об интересном способе адаптировать дизайна под множество разрешений.

3

https://medium.com/@aidapacheva/%D0%BD%D0%BE%D0%B2%D1%8B%D0%B9-%D0%BF%D0%BE%D0%B4%D1%85%D0%BE%D0%B4-%D0%B2-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5-%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D0%B8-%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2-c8532d409c80

🔵 Адаптив 🔶 Скорость
📰 What I Learned as a Product Designer at Apple

Продуктовый дизайнер из Apple делиться своим опытом и рассказывает о принципах работы компании изнутри.

3

https://medium.com/@pachecoandrea/what-i-learned-as-a-product-designer-at-apple-35341d9ced8a

🔶 Знание психологии 🔶 Саморазвитие 🔶 Широкий взгляд
📰 Как спроектировать хороший tabbar 3

https://hardclient.com/app-tabbar

🔴 Проектирование, UX 🔴 Мобильный дизайн
📰 Как писать текст для интерфейса

Перевод статьи о функции языка в веб-дизайне.

3

https://tilda.education/articles-how-to-use-language-rules

🔵 Копирайтинг
📰 Ошибки при работе с цветом в интерфейсе 3

https://teletype.in/@designless/vRPIJjZCj

🔵 Работа с цветом 🔴 Веб-дизайн 🔴 Мобильный дизайн 🔶 Аккуратность
📰 Методы анализа при разработке сайтов, приложений: метод Персон (Persons) и метод Jobs To Be Done (JTBD). 3

https://inlnk.ru/dn6kkm

🔴 Проектирование, UX 🔴 Ресёрч 🔶 Эмпатия
📰 8 принципов проектирования, которые должен знать каждый UX-дизайнер 3

https://skillbox.ru/media/design/proektirovanie-interfeysa-8-printsipov/

🔴 Проектирование, UX 🔶 Эмпатия 🔶 Защита решений
📰 Про системы типографики на мобилках

Короткая статья о том как лучше работать с типографикой в UI. Можно прочитать в источнике, но также скопирована внутрь карточки.

3

https://vk.com/wall-35908525_212

🔵 Чистота проектов, подготовка к экспорту 🔵 Типографика 🔵 Знание платформ 🔴 Мобильный дизайн 🔶 Гибкость
📰 32 отличия дизайна мобильного приложения под iOS и Android

Статья в сжатом виде рассказывает об отличиях дизайна нативных мобильных элементов.

3

https://vc.ru/design/93884-32-otlichiya-dizayna-mobilnogo-prilozheniya-pod-ios-i-android

🔵 Знание платформ 🔴 Мобильный дизайн
📰 [Яндекс.Практикум] Что такое цветовой круг Иттена и как им пользоваться 2

https://practicum.yandex.ru/blog/chto-takoe-tsvetovoy-krug-ittena/

🔵 Работа с цветом
📰 5 базовых правил хорошего дизайна 2

https://skillbox.ru/media/design/design-rules/

🔵 Композиция, сетки и формы
📰 Как сочетать шрифты, не сочетая шрифты 2

https://nobelfaik.livejournal.com/240053.html

🔵 Типографика
📰 История о том, как Даня дизайн-менеджменту учился 2

https://medium.com/design-pub/%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F-%D0%BE-%D1%82%D0%BE%D0%BC-%D0%BA%D0%B0%D0%BA-%D0%B4%D0%B0%D0%BD%D1%8F-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%BC%D0%B5%D0%BD%D1%82%D1%83-%D1%83%D1%87%D0%B8%D0%BB%D1%81%D1%8F-d7c3e2a35808

🔶 Дизайн-менеджмент
📰 Адаптация таблиц под мобильные устройства 2

https://habr.com/ru/articles/547046/

🔴 Мобильный дизайн 🔴 Веб-дизайн
📰 Как подготовиться к собеседованию 2

https://rockbee.com/x/free

🔶 Саморазвитие
📰 The difference between CX and UX 2

https://medium.com/@fluidui/the-difference-between-cx-and-ux-709428384799

📰 7 вопросов, которые каждый UX-писатель должен задать заказчику текста 2

https://skillbox.ru/media/design/7-voprosov-kotorye-kazhdyy-ux-pisatel-dolzhen-zadat-zakazchiku-teksta/

🔵 Копирайтинг
📰 Модульные системы в графическом дизайне: основы швейцарской вёрстки 2

https://skillbox.ru/media/design/grid-systems-muller-brockmann/

🔵 Композиция, сетки и формы 🔶 Насмотренность 🔶 Аккуратность
📰 Сравнение методов отображения UX

Обзорная статья, знакомит с основными методами отображения опыта пользователя: карты эмпатии, карты пути пользователя, карты опыта, план сервиса.

2

https://www.uprock.ru/articles/sravnenie-metodov-otobrazheniya-ux-shpargalka?utm_source=uxhorn

🔴 Проектирование, UX 🔴 Ресёрч 🔶 Эмпатия
📰 Справочник по дизайну для Apple Watch 1

http://miloskiy.com/apple-watch-design-guide/

🔵 Адаптив 🔵 Знание платформ
📰 Справочник iOS дизайна (HIG на русском) 1

http://miloskiy.com/ios-design-guide-hig-na-russkom/

🔵 Знание платформ 🔵 Адаптив
📰 Нужно ли «укорачивать» мобильную версию сайта? Что говорят исследования и рекомендуют поисковики 1

https://vc.ru/design/875336-nuzhno-li-ukorachivat-mobilnuyu-versiyu-sayta-chto-govoryat-issledovaniya-i-rekomenduyut-poiskoviki?utm_source=tlgrm_uxhorn

🔵 Адаптив
📰 How we designed our user onboarding flow at Knock

Про дизайн онбординга.

1

https://knock.app/blog/how-we-designed-our-user-onboarding-flow-at-knock

🔴 Проектирование, UX 🔴 Мобильный дизайн 🔴 Веб-дизайн 🔶 Организация работы
📰 Теория цвета в графическом дизайне 1

https://www.uprock.ru/articles/teoriya-cveta-v-graficheskom-dizayne

🔵 Работа с цветом
📰 Сравниваю UX/UI сервисов доставки продуктов 1

https://habr.com/ru/post/664222/

🔴 Мобильный дизайн 🔴 Ресёрч 🔶 Погружение в предметную область 🔶 Защита решений
📰 Морфизмы в дизайне: какие бывают, зачем нужны и как их создавать

Немножко про тренды и и стилизацию в UI.

1

https://skillbox.ru/media/design/morphism-design/

🔵 Консистентность 🔴 Мобильный дизайн 🔶 Креативность 🔶 Насмотренность