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