| 📰 Основы дизайна: Теория цвета |
|
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/
|
🔵 Консистентность
🔴 Мобильный дизайн
|
🔶 Креативность
🔶 Насмотренность
|
|