Библиотечка

Гайд по текстам в интерфейсе

Как мгновенно увеличить качество своего визуала?

UI Guideline

Есть платный функционал

Как я качал визуалку

Noona Paul

Alexandre Gellard

Sulley

Shansharkhan Aspandiyar

Коллекция от Виви

Есть подборка «UI Жир»

RonDesignLab

Нагруженные интерфейсы

Kevin Dukkon

Воздух

Alien pixels

Дашики

Gleb Kuznetsov

Корейский беханс

Navbar Gallery

Лучшие навигационные панельки, сгруппированные по категориям

Case studies

Есть платная подписка на «Tricks», где обещают показать 300 крутых приемов)

Curated UI inspiration library

Ежедневное обновление Есть подписка на ежедневную рассылку

Шаблоны от Framer

Можно запустить демо и потыкаться

Figcomponents

Достаточно скопировать понравившийся объект и вставить себе в фигма файл

UX archive

Сценарии из зарубежных приложений

Яндекс-драйв

Либа

Библиотека экранов с текстами на русском языке Есть сортировка по ToV

Built for mars

коллекция находок в дизайне и текстах зарубежных сервисов

Бенчмарки

Отечественная база российских приложений + есть скринкасты

Календарикус

Карманные календарики, запечатлевшие в себе все стереотипы дизайна нулевых

Adapty

Apphud

Icons8

Бесплатные иллюстрации

illustration universe

Иллюстрации и видео реальных продуктов

LooksLike

Отечественный Mobbin

Dimension

Библиотека объектов с указанием их размеров. Есть платная подписка

UISources

Бесплатно можно только листать коллекцию, смотреть экраны и анимацию взаимодействий Навигация по категориям платная опция

Screenshot Inspiration by SC

Нет поиска

Paywallscreens

Paywall

Your go-to for design systems

All the essential resources for setting up the design system

Open-Source UI elements for any project

Codepen

by DVTK

Авторская подборка

Перасперадастра

Много разного

Реальные сайты

by Alexey Sekachov

С душой. Последнее обновление 5 месяцев назад

Паттерны дизайн-менеджмента

Screenshots.mobi

Niceverynice

Небольшая коллекция компонентов страниц

Магнит

Curated Inspiration

Реальные сайты. Есть платная подписка на коллекцию различных секций сайтов

Calltoinspiration & Calltoidea

Сгруппировано по разным типовым компонентам

Mobbin

Платный, местами бесплатный. iOS/Web/Android

CollectUI

Всё в кучу( Есть ежедневная рассылка через плагин в хроме

Land-book

Сборник настоящих сайтов, не картинок

Refero.design

Платный. Есть раздел для мобилок, но тоже платный

Design Tools Survey (2024)

Chamjo

Скрины разных приложений

Wojciech Zieliński

yuhang

Стиль!

iOS challenges

Вова проводит челленджи по iOS виджетам, приложениям и иконкам

Daily UI

100 дней — 100 дизайнов

Дизайн бриф

Color Matching

Alignment

Error Spotting

Ultimate UEye

Kolor

The eyeballing game

Нужно определять центры фигур

Упражнение: композиция

Упражнение: животные

Упражнение: цвет

User Inyerface

Библиотека курсов Google

The Boolean Game

Практика boolean операций с вектором

The Font Game

The Bézier Game

Практика в кривые безье

Shot the Serif

ShapeType

Практика безье в углах букв

KernType

Практика с letter spacing

It’s Centred That

The open-source design tool for creatives

Build custom design tools without writing any code. Create responsive components, pages, and sites that you can use in any type of web project. Style markup templates with curated themes or your own design tokens.

Flexbox Froggy

Figma Ninja

Designercize

Better web type

Упражнение: шрифт

Color

Практика с цветовыми сочетаниями

Can’t Unsee

ivi

Витрина компонентов, доступен только просмотр

Ozon Design

Material

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

Gestalt

iOS 18 Kit

Внутри: - Гайд по компонентам с иллюстрациями разных кейсов применения - Ui Kit Компонентов iOS 18 для iPhone - Переключение темы и языка в 1 клик

Auro

Radix

Polaris

Push notification tester

Шаблоны пушей

Пример вёрстки таблиц от AG Grid

Про доступность iOS

Uxcel

В фигме лежат файлы для исследований, а UI кит надо отдельно импортировать (файл прикреплен)

MUI

The component gallery

Сборник типовых компонентов с отсылками на разные ДС

Design Systems Database

Сборник ссылок на компоненты в разных ДС

Fontshare™

Uber

Плагины с описанием

WCAG 2.2

Коллекция от Figma

Discover all open design systems on the Figma Community

МТС

Infogra

Помогают дизайнерам расти и развиваться: публикуют учебные и рабочие материалы бесплатно

Создание DS в Notion

Design Systems for Figma

UX Challenges

Laws of UX

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

Summary slides apple event presentation

Суммарные слайды на презентации Apple

Yesviz

Screen Dimensions for Devices

Guide for Naming Assets in iOS Projects

iOS 16. Разбор гайдлайна

На 2х языках

Stack Sorted

Разные элементы с реальных сайтов + код (при наличии)

Semrush

i love graffiti.

Граффити

ohuenko

Иллюстрации VK и Telegram

Додо

404 ошибки

404 страницы

SAP Design System

Отдельные киты для iOS, Android, Web, watchOS, Wear OS

Tetrisly

Version Museum

Скриншоты многих ОС с разных времён

Salesforce

КОД

ДС из России

Garden

Все ДС

Для детального изучения нейминга и состава ДС

VKUI Common Library

это библиотека адаптивных React-компонентов. С ее помощью вы сможете создавать веб-приложения и VK Mini Apps в экосистеме ВКонтакте.

TAMAGUI

Альфа

Контур Гайды

M2

Alfa Digital Design & Discovery Meetup #1 (2023)

Альфа-Банк, Лаборатория клиентского опыта Wonderfull

Tailwind

Без фигма кита

UX Advices

Cyreal Type Foundry

Создатель Lobster

Shadcn Studio

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

The Vault

Telegram Challenges Contest

Developer Challenges. Кладезь чужих проектов, которые стали победителями Телеги

Гайд по визуальному дизайну в интерфейсах

Этот гайд построен на наблюдениях за дизайнерами с курса по дизайну цифровых продуктов

Сборник QA для подписчиков

Ответы на вопросы подписчиков

300+ портфолио дизайнеров

INLY

Много полезного

Flyon UI

Есть платная версия и Гибли тема

Глоссарий продуктовых метрик v1

Визуалка - делаем и качаемся

Много советов по улучшению визуала

Design-Pattern Guidelines: Study Guide

10 Usability Heuristics for User Interface Design

Atlassian

Недиван

Дизайн-процесс

UX Library

Подробное руководство по UX. Автор собрал всё сам

Code my UI

Игорь Штанг

Авторские статьи и переверстки по просьбам читателей

Советы

Много полезной информации

ГЛАВРЕД

Дайджесты продуктового дизайна

Ежемесячный дайджест

Илья Бирман

/designer

Образовательный проект о продуктовом дизайне, интерфейсах, Figma, карьере дизайнера и эмиграции

Библиотека дизайна

500+ Productivity Resources

500 полезных ресурсов

Дизайн ресурсы · β

Checklist Design

Коллекция дизайн практик

SaaSFrame

Фильтры доступны только в платной версии

GoodUI

UI Patterns

SaaS Pages

Bestfolios

WANNABE 3D LIBRARY FULL

Пак 3D моделей

Noise GIFs

Подборка из 41 шумов

Landingfolio

Motion.ed

Bento.me

Для создания своей бенто странички · Бесплатно

Webzibition

+2000 отобранных сайтов

Rotato

3D mockup images and movies in minutes

Thangs

Маркетплейс 3D моделек

Oliver Byrne's "The first six books of the Elements of Euclid”

Оцифрованная версия первых шесть книг начал Евклида Есть перевод на русский язык

История России в фотографиях

О проекте: Мы объединяем фотографии, созданные в России с XIX века до конца 1999 года и создаем единую фотолетопись нашей страны, в которую может войти каждый На портале 180 000+ фотографий

Demos Hub

+500 бесплатных материалов

Onboarding UX Patterns

Онбординги

DS events

Справочник о всех мероприятиях, посвящённых ДСкам Есть RSS и iCal рассылки

Большая российская энциклопедия

Исследование продуктовых дизайнеров (2023)

Карьерный цех

Конкурсы для айтишников

SaaS landing page examples

Лендинги, много лендингов Есть сортировка по блокам лендинга

Bentogrids

Бенто

3000+ портфолио дизайнеров

Шаблоны для портфолио во Framer

Подборка портфолио #2

Подборка портфолио #1

What is My Viewport

Узнать вьюпорт окна браузера/монитора

App Motion

Скринкасты анимаций взаимодействия

Stolen Buttons

Коллекция стыренных кнопок Есть плагин в хроме, который соберёт ваши кнопки с чужих сайтов

Фичизм

Shapes 2.0

120+ SVG шейпов

Папки со всякими приколюхами

Коллекция достойных пнг выловленная из тучи разных каналов и ресурсов. Она не раз выручала автора в горящие дедлайны и когда просто нужно сделать «что-то прикольное»

Scrnshts

One Page Love

+8000 лендингов

Яндекс Go (разные направления)

Райффайзен Банк

Яндекс Лавка

МТС

Контур

Alfa Digital

Рассказываем о работе в IT и Digital в Альфа-Банке, делимся интересными вакансиями, новостями и полезными советами, иногда шутим

Sub-atomic

Deck.Gallery

Презентации и отчёты

Email Love

Рассылка #2

Really Good Emails

Рассылка #1

Footer

Футеры/Footers

Руководство по доступности продуктов VK

Как подготовиться к собеседованию

Додо

Лавка

Дизайн-процесс

Сбер

AI стоки Recraft

Community где можно скачать любую понравившуюся сгенерированную картинку

Godly

Лучшее из лучших. Реальные сайты. Есть рассылка

SEARCHSYSTEM

Всё в кучу

Auto Interface

Автомобильные интерфейсы. Есть разбивка по категориям

Interface in Game

Игровые интерфейсы

Audienceful

Pushkeen AI

Пуши уведомления / Push notification

Practice Design

Коллекция Дриббл шотов... Но зачем?

Typo/graphic posters

Постеры. Более 11к из 44 стран

SHOWREELZ

Шоурилы

Кейсы от агентства Kisrolod

Designer Аeed

Более 6к проектов из 92 ресурсов. Есть разбивка по ресурсам

Visual Journal

Много разных направлений дизайна

Wallet opening Onboarding: Playbook

Много скринов онбординга, пейвола, статистики разных апп. Основательный подход, требуется постучаться в файл

OG Image Gallery

Отборная партия годноты

Lapa Ninja

Большой портал всего

Bestfolios

Best Website Gallery

Отборные сайты. С 2008 года

Brutalist

Много брутализма

SaaS #2

SaaS сервисы

SaaS #1

SaaS сервисы. Есть рассылка

Design Spells

Пасхалки в приложениях. Есть рассылка

Seesaw

Реальные сайты

Sneakpeek

Dataviz Inspiration

Датавизы

Items

Сгенерированные AI ассеты

Booklet Library

Печатные издания / книги

Page not found

404 страницы

Pimp My Paywall

Плёночные панки

Плёночные фотки

Baymard Institute

Savee

Разное

60fps

собраны анимации из различных приложений (мобильные и для вотчей), которые заботливо отсортированы по разным фильтрам.

Interactions

Авторская подборка

Daily branding

721 марка

Марки

Eleanor Lutz

Мощные визуализации/инфографики

Tapedeck

Аудиокассеты

AB

АБ

The art of Soul

Артбук фильма «Душа»

The art of Encanto

Encanto

Артбуки и всякое

Учебники, артбуки, комиксы, полезные ссылки и прочие штуки

Open UI

Как мы затащили персональную ленту на главный экран мобильного банка и повысили метрики в несколько раз

Кейс стади

New feed entry point · Tinkoff

Кейс-стади

The branding guidelines archive

Брендбуки

Архитектурные излишества

Много живой архитектуры

Реальные и GPT задачи

All in One Bookmark Links for Designer

База ссылок • Требует VPN

Lottielab

1001 free fonts

FontBrief

Free Faces

Дикие шрифты (OFT)

Шрифтотека

Курируемая подборка 1700+ · Бесплатно

Фреймворк прохождения

Бесплатные кириллические шрифты

500+ · Бесплатно

Google Fonts

Есть большая коллекция комбинированных шрифтовых пар из Google Fonts

HSE Fonts

Все можно скачать. Шрифтовая лаборатория HSE Fonts разрабатывает акцидентные шрифты, которые призваны придать яркий, узнаваемый образ для организаций, проектов и продуктов. HSE Fonts приглашает к сотрудничеству дизайн-студии, брендинговые агентства, редакции СМИ и корпоративных изданий.

Whiteboard Challenge для дизайнеров: как нанимать людей быстрее

База знаний

CSS Diner

Тренажер CSS, 32 уровня

Statcounter

Статистика по браузерам, по разрешениям, по платформам

Как пройти Whiteboard challenge

Блок «Продуктовый дизайнер»

Подкаст о вайтбордах в найме дизайнеров

Додо

Cuva super clean

Design Principles

This Is Responsive.

Patterns and resources for creating responsive web experiences

Color & Contrast.com

Дизайн-альманах

Дизайн-альманах Readymag — образовательный проект об основах дизайна

/designer

LottieFiles

RandomA11y

Требует VPN

МТС

Яндекс

Учебник по UX/UI-дизайну

Colorfle

<color> (game)

Необходимо решать головоломки, чтобы заполнить экран цветом

Иви

Dehancer Color Test

Обводки

NN/g

Ozon

Расскажем, как мы строили дизайн-систему в большом продукте, который постоянно меняется. Даже не так. Как мы набивали шишки и учились на собственном опыте. Что такое Server Driven UI? Чем этот подход отличается от классической разработки? Причём тут вообще дизайн?! Забудьте на время о Figma и готовьтесь взглянуть на тему шире

Вкусвилл

Что такое SDUI? Как повысить скорость разработки и стабильность в несколько раз? Чем вариант ВкусВилла отличается от реализации похожих идей в других компаниях и почему верстальщик не нужен

Альфа

Яндекс

Porsche

Манго

Вкусвилл

Gartic Phone

Сборник игр для совместного рисования

Игорь Кузнецов о темных паттернах

Дарк паттерны

Плавучая редакция

Советы по интерфейсным текстам и редактуре, примеры, фейлы, контент-гайды

Coglode

Why do we do that?

ECOMM Design

Screen Gallery

Как устроиться дизайнером без тестового или как пройти whiteboard

Дизайнеры бюро

Дизайнеры делятся находками и мыслями о дизайне, интерфейсе, типографике, разработке и редактуре

Не исключение: об инклюзии в цифровом и физическом мире

Канал об инклизии в цифровом и физическом мире

Reveal the Data

Визуализация данных, дашборды и развитие BI-систем

Posterino | искусство плаката

Плакаты, постеры и афиши

Дизайн-детектив

Это небольшая активность (игра) для дизайнеров, выстроенная как детектив. Если ты любишь проводить время весело и с пользой, то мы тебя ждём!

Designing Numbers

Пишу про необычные визуализации, которые нахожу в сети

Дизайн Домашка

Проект c заданиями для прокачки и полезными UX-лайфхаками для работы продуктовых дизайнеров

Дизайн — Разминка

Крафтовый проект о дизайне и разминках Потренируйте и развивайте свою креативность и логику, Поработайте с лидами индустрии айти

#ФФДД2Д

Официальный канал дизайнеров и редакторов Т-банка

THE DUOLINGO HANDBOOK

Переменные в Figma

Авторский курс

Т-Банк

Sticker Emoji Downloader

Поможет скачать эмодзи/стикеры в любых разрешениях

Retro View

Старые фотографи

Human Interface Guidelines

Learn how to design great apps and games that integrate seamlessly with Apple platforms

Фильм «Откуда взялось столько дизайнеров?»

Почему никто не говорит, что все дизайнеры появились благодаря одному конкретному решению? А потом продолжило расти в геометрической прогрессии. В лекциях по истории дизайна упускают одну важную деталь — когда дизайнеры стали востребованы? Почему? Как это влияет конкретно на вас. Конкретно сейчас. При чём тут две мировые войны, золото, гос облигации США, Великая Депрессия и пластик?

Как свет и цвет влияют на кино

Почему для триллеров и комедий необходимо разное освещение? Когда в кино появился цвет? В каких случаях уместнее использовать черно-белое изображение? Почему цветовая гамма в «Гарри Поттере» со временем меняется? И как цвета могут показать эволюцию персонажа?

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

iOS Example

Готовые куски кода на Objective-C и Swift. Не обновляется с апреля 2024

Цифровая доступность

Детепр

Httpster

+3000 отобранных сайтов

Пицца на пышном тексте

Любовь, дизайн и метрики

Это коллективный канал дизайнеров, редакторов и UX-исследователей Авито. Мы пишем про то, что нам нравится, нас интересует и вдохновляет

Метрики AARRR

Метрики

Офферы для дизайнеров

Вакансии для продуктовых дизайнеров и UX-исследователей.

UI/UX Jobs — вакансии и аналитика

Guide to User Research (UXR)

A curated collection of 250+ resources & tools dedicated to user research, that will help you incorporate it into your design practice

13 User Onboarding flows

Here is the board with 13 User Onboarding flows from top products (that we found with our Onboard Report 80+ companies research). I highlighted mistakes you should overcome and ideas you can take in work.

Avito Design

Фигма

Cash App

Wallet-opening Onboarding: Playbook

Как стать дизайнером

Программа самостоятельного обучения и наш взгляд на профессию дизайнера

Прототипирование

Advanced prototyping now lets you build more realistic prototypes with fewer frames and connections! Learn how you can use variables, conditional logic, and expressions to prototype more dynamically.

Переменные

Variables in Figma can help unlock design tokens and theming! Learn how you can use variables for color, string, number, and boolean to adapt your design for different contexts and align closer to code.

Component Properties

Get your design system in order! Learn how you can use component properties to significantly reduce variants for a more streamlined and code-aligned design system.

Варианты

Variants are a new way to create, organize, and use components. If you’ve ever created multiple variations of a component, you’ll want to give variants a try. This playground will walk you through everything you need to know to start working with them!

АЛ (авто лейаут)

Auto Layout lets you create dynamic frames that respond to their content. With our latest round of updates, we’ve taken it one step further: Figma can now suggest when multiple frames of auto layout might be needed to make full design elements responsive. Learn how to apply multiple frames of Auto Layout or ignore Auto Layout when absolute positioning, and experience some usability improvements that make Auto Layout frames more responsive by default.

Мультиредактирование

Multi-edit simplifies editing across multiple frames in Figma. Learn how you can find and select matching layers, resize and align them to their frames, batch edit text boxes, make changes to all variants at once, and more-- all in just a couple clicks.

Редактору в Авито

Vuexy

Демо всей библиотеки #1

Making UX Decisions Course Materials

Материалы к одноимённому курсу

AppMetrica

Демо

Модель информационных ожиданий

IDS — Intuition Design System

Primer

Как подготовиться к Whiteboard Challenge: мой провал, выводы и советы для дизайнеров

Carbon

DDRILLS

Прокачка дизайн-скиллов через простые упражнения каждый день

Chill Talk

Кейсы по дизайну интерфейсов от Собаки Павлова

Полезный источник для насмотренности, особенно B2B интерфейсов. Иногда кейсы описаны достаточно подробны, есть ссылки на демо (файлы, записи, фигма).

Музеи мира

Hard Client

Разборы разных продуктов

Archive 2003–2023

An semi-complete archive of every project we designed since 2003

Prompt Engineering

Гайд для правильного составления запросов для нейросетей

Frest

Демо всей библиотеки #2

Materialize

Демо всей библиотеки #3

M3 Expressive

M3

M1

Как проводить вайтборд для нанимателей

Т-Банк

Некоторые разделы закрыты под корпоративный VPN

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

Как выглядит стандартный процесс найма + микросоветы

Oraculo — задачник

106 Cognitive Biases & Principles

64 UX Case Studies To Improve Your Product Skills

Библиотека курсов МИФа

Fuse.kiwi

Разное

WOW – WEB

+2000 живых сайтов

MaxiBestOf

CPGD

Подборка сайтов промышленного дизайна

Game UI Database

Игры

Dark Mode Design

Стильные тёмные темы сайтов. Сами сайты отобраны очень интересные

Motion Log

Redesigning design.systems

Инструкция по введению ДС

Storybook

Популярные открытые сторибуки

Design Systems Index

Design System News

Рассылка о мире ДС

Безос, выкуси!

Презентации на русском языке

Банк слайдов

+2000 слайдов презентаций

SaaSFrame

Фильтры доступны только в платной версии

SaaSFrame

Фильтры доступны только в платной версии

Appshot.Gallery

+500 экранов из App Store

the screenshot first company

Экраны из App Store

Landing Gallery

awesomemarketingwebsites

Landing Love

Анимации в лендигах

Minimal Gallery

HOVERSTAT.ES

Курируемая подборка веб сайтов

Siiimple

Подборка от Uprock

Сайты на кириллице

tiny blocks

a-fresh

Много разных рубрик. Есть платная подписка

FOUNTN.

База

коллекция ссылок на дизайнерские инструменты, ресурсы, коллекции сайтов, приложений и UI-референсов, телеграм-каналы и всякое другое

dsgn.zone

Infinite Canvas

Patttterns

Screen Sizes

Характеристики устройств

App Dissection

Landingvault

Лучшие ресурсы для дизайнеров

a—fresh

Nicelydone

A curated list of mobile design resources

Дока

Fluent 2 Web

Дизайн паттерны

Huetone

Best of Behance

Лучшие работы в Бехансе

Glossary

Глоссарий

Explore Brand Colors

Брендовые цвета компаний

FWA

showcasing innovation every day since 2000

ART FOR INTROVERT

Pexels

Бесплатный фотосток

Spotted in Prod

Components

Learn how to use and customize system-defined components to give people a familiar and consistent experience.

Blueprints

Главред

Главред помогает очистить текст от словесного мусора, проверяет на соответствие информационному стилю

Типограф

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

ColorBox

Типографика и вёрстка

Практическое руководство по типографике и вёрстке с акцентом на макетировании для экрана. Учебник предназначен для дизайнеров, редакторов и разработчиков.

Пользовательский интерфейс

Практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.

Пиши, сокращай

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

Информационный стиль

Практическое руководство по редактуре текста в информационном стиле. Учебник предназначен для редакторов, дизайнеров, разработчиков, менеджеров и всех, кто пишет.

Управление проектами, людьми и собой

Практическое руководство по управлению проектом от замысла до воплощения. Проектом может быть сайт, приложение, стартап, статья, ремонт, путешествие, даже поход за хлебом™. Учебник предназначен для менеджеров, руководителей, стартаперов, дизайнеров, редакторов, разработчиков — и всех людей.

Психология дизайна

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

Сто шпаргалок

Шпаргалки по дизайну интерфейсов

Исследование Т⁠—⁠Ж: как изменились зарплаты дизайнеров (2025)

Free UX Templates and Guides

Use this curated set of free NN/g templates and guides for inspiration and to accelerate your product development activities and UX career

Приключение на 20 минут, или Как мы редизайнили приложение Додо Пиццы

от BBE

Дизайн привычных вещей

Даже умный человек чувствует себя подчас дураком, пытаясь сообразить, на какую кнопку нажать, чтобы включить свет, как разжечь духовку и что делать с дверью — тянуть, толкать или раздвигать. Причиной тому дизайн, забывающий о нуждах пользователей и основах когнитивной психологии, считает автор книги Дональд Норман, человек, которого газета Business Week назвала «одним из влиятельнейших дизайнеров в мире». Норман рассматривает обычные ошибки пользователей и предлагает дизайнерам различные способы предотвратить их. Он объясняет основные требования пользователей и знакомит читателя с классическими ошибками дизайнеров.

Интерфейс. Основы проектирования взаимодействия

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

Психбольница в руках пациентов

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

Новая типографика. Руководство для современного дизайнера

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

Не заставляйте меня думать. Веб-юзабилити и здравый смысл

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

Ководство

Сожги свое портфолио! То, чему не учат в дизайнерских школах

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

Спроси маму: Как общаться с клиентами и подтвердить правоту своей бизнес-идеи, если все кругом врут?

Самый популярный вопрос — «Нравится ли вам наша идея или продукт»? — неверен. Это все равно что спрашивать маму, по душе ли ей идея сына: она любит его и в любом случае похвалит, не желая расстраивать. Так же поступают и 99% заказчиков. В общем, чтобы быть успешным предпринимателем, надо знать, как и что именно спрашивать, и книга Роба Фитцпатрика в этом помогает. Автор объясняет, когда ответ дается из вежливости и не несет никакой ценности, и подсказывает, в каком направлении следует развивать беседу, какие уточняющие вопросы задавать, как избегать социально желаемых ответов, как понять, что в продукте хорошо или плохо, нужен ли он рынку, как его правильно позиционировать — и все это со множеством реальных примеров. Это краткое полезное и написанное с хорошим юмором практическое руководство по эффективному общению предпринимателя с заказчиками, которое позволяет сэкономить время, деньги и нервы.

Универсальные принципы дизайна

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

Дизайн для реального мира (седьмое издание)

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

Дизайн для недизайнеров

«Большинство, глядя на плохо оформленную страницу, скажут, что она им не нравится, однако они не знают, как ее исправить. Эта книга не заменит учебу в школе дизайна. Я не утверждаю, что после ее прочтения вы станете дизайнером. Но я ручаюсь, что вы больше никогда не будете смотреть на страницы, как раньше. Я гарантирую, что, если вы станете следовать этим базовым принципам, ваша работа будет выглядеть более профессиональной, цельной и интересной. И вы почувствуете, что ваши возможности стали шире».

Модульные системы в графическом дизайне

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

Кради как художник

Не нужно быть гением, достаточно быть самим собой! Вот главная мысль Остина Клеона, молодого писателя и художника, который считает, что творчество присутствует во всем и доступно каждому. Эта книга родилась из лекции, с которой Остин Клеон выступил в одном Нью-Йоркском университете. Он дал студентам десять советов, которые хотел бы получить сам, когда был начинающим художником. Текст лекции попал в Сеть и стал распространяться с невероятной скоростью. И тогда Клеон решил написать эту книгу. В мире нет ничего оригинального, поэтому не отвергайте чужое влияние, коллекционируйте идеи, обдумывайте их еще раз, аранжируйте по-новому в поисках собственного пути. Следуйте за своими интересами, куда бы они вас ни завели, и предоставьте свободу своему творческому "я"! Это манифест цифровой эры. Позитивный, оригинально оформленный путеводитель, полный иллюстраций, упражнений и примеров, который поможет каждому достучаться до творческой стороны своего характера. Удивительно вдохновляющая, яркая, оригинальная, практичная и увлекательная книга о творчестве.

Интерфейс: новые направления в проектировании компьютерных систем

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

Сложный дизайнер

Автор рассказывает и о высоком — культуре мышления, коммуникации, лидерства, — и о неизбежной рабочей рутине. Например, о том, почему важно научиться «крутить пружинку». Или зачем всегда брать как можно больше денег. Или как строить прочный дизайн. Это не готовые рецепты, а обстоятельные рассуждения: почему что-то не складывается и как перестроить работу, чтобы она получалась и радовала. Причем советы одинаково хорошо подходят дизайнерам, редакторам, менеджерам, разработчикам и другим творческим ребятам.

Искусство цвета (14-е издание)

Автор этой книги — художник Иоханнес Иттен — вошел в историю культуры XX века как крупнейший исследователь цвета и как представитель новаторского поколения художников и архитекторов — создателей знаменитого Баухауза, где имя И. Иттена стоит рядом с именами В. Гропиуса, Л. Миса ван дер Роэ, В. Кандинского, П. Клее и многих других авангардистов тех лет. Книга Иттена «Искусство цвета» вобрала в себя опыт его исследований, лекционных курсов и практических занятий, посвященных проблемам цвета, и неоднократно переиздавалась на немецком, английском, французском, итальянском, японском и других языках. Книга приобрела большую популярность и вошла в образовательные программы многих художественных школ различных стран мира. Издание адресовано художникам, широкому кругу специалистов различных областей дизайна, архитекторам и всем, кто так или иначе хочет научиться понимать и владеть гармонией цвета.

Справочник издателя и автора (шестое издание)

Справочник Мильчина и Чельцовой — настольная книга всех редакторов и верстальщиков студии. Арт-директоры и дизайнеры регулярно сверяются с его основными правилами, а технологи учитывают изложенные нормы в скриптах для автоматической расстановки типографики.

Книга про буквы от Аа до Яя (четвертое издание)

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

Облик книги (пятое издание)

Ян Чихольд (1902–1974) — известный европейский типограф. Мало кто из пишущих о типографике и эстетике книги (а таких людей вообще не много) способен высказать свою точку зрения и поделиться опытом с такой ясностью и определенностью, как Чихольд. Более сорока лет он работал в книжном деле. Начав с разрушения устаревших идей, он многого добился и обучил несколько поколений художников книги. Сам Чихольд спроектировал огромное количество швейцарских и английских изданий. «Облик книги» объединяет важнейшие эссе Чихольда — сюда не вошли только те статьи, в которых Чихольд выступал против временных заблуждений в типографике. Сборник помогает понять, почему столь многие книги выглядят уродливо, и по-настоящему оценить редкие, поистине прекрасно выполненные издания. Поэтому он будет интересен типографам, издателям и дизайнерам, а также всем читателям, любящим книгу.

Искусство формы. Мой форкурс в Баухаузе и других школах (9-е издание)

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

Visual Explanations

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

Envisioning Informaton

В данном издании — невероятно широкий диапазон примеров графического мышления и великолепные развороты. Настоящее сокровище для всех, кто понимает и мыслит образами.

The visual display of Quantitive Information

Эта книга о графическом представлении сложной информации — классика на все времена. Своего рода Розенталь графического дизайна. Данное издание должно занимать почетное место на полке и быть всегда под рукой у всех пытающихся разобраться в количественных данных и отобразить их. Дизайн самой книги прекрасно иллюстрирует изложенные в ней принципы: изящные типографика и верстка и четкий понятный текст, которые сопровождаются превосходно подобранными наглядными примерами.

Дизайн-мышление в бизнесе

Автор Тим Браун — СЕО компании ИДЕО, одной из самых успешных в мире дизайн-компаний. По версии журнала «Фаст кампени» это еще и «самая титулованная в мире компания, занимающаяся дизайном новых продуктов». На ее счету разработка 5000 новых продуктов, среди которых: компьютерная мышь для «Эппл», детская зубная щетка для «Орал Би», тюбик для зубной пасты «Крест». ИДЕО — один из самых желанных работодателей в мире. Дизайн-мышление — это фундамент по-настоящему инновационной компании и важнейшее деловое качество ее лидера.

Баухаус

Впервые опубликованная в 1984 году, книга Фрэнка Уитфорда (род. 1941) остается одним из лучших обзоров истории и достижений Баухауса — школы архитектуры и дизайна, созданной в Веймарской республике в 1919 году, четырнадцать лет спустя закрытой нацистами, но успевшей за неполных полтора десятилетия своего существования заложить основы преподавания художественно-промышленных дисциплин на весь последующий век.

С помощью дизайна. Почему не было замков на дверях ванных комнат в отеле «Людовик XIV» и другие примеры (второе издание)

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

Lab UI

Components, Icons & Guides — Lab UI (v2.0)

Плакат о синтаксисе элементов интерфейса

Коллектив

О чем мы поем? Во что верим? Чем живет глубинка? Мы — коллектив авторов. Снимаем документальные фильмы про всю нашу необъятную страну в поисках идентичности и любви

Спектр

Это фильмы о людях, местах и явлениях, которые проходят ниже радаров. Необычные персонажи, захватывающие истории и закрытые сообщества — мы поможем оказаться там, куда сложно попасть, и покажем то, что сложно заметить

Aalto Repository beta

Nokia Design Archive

Раскадровка

Арзамас

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

iOS 26

iOS 18

Безопасно и точка: правила продуктовой безопасности на кухне

Xerox Star User Interface

Fluent 2 iOS

Fluent 2 Android

Windows UI

Microsoft 365 UI Kit

Советы и статьи о тексте, редактуре, информационном стиле и рекламе

Издательство Лебедева

Книги Главреда

Shotdeck

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

Лаборатория данных

Интерактивные визуализации на D3.js для банкиров и экономистов, транспортных аналитиков, учёных, спортсменов, предпринимателей

App Stacks

Истории разработки приложений

DOS Zone

Облачный веб-каталог ретро игр

21st.dev

Есть платная версия

Cosmos

Lotus diagram

База знаний для UX-писателей

Материалы

Коллекция материалов, разбитые по навыкам. Несколько сумбурно

ДЗГН'360

useful web

Подборка каналов врачей

Папка постоянно обновляется

База знаний от Docmed

Создайте профиль для подключения рассылки на электронную почту

Lummi

The future of visual creation. Powered by humans and AI everywhere. Платно для скачивания изображений с высоким разрешением

GENERATED PHOTOS

Датасет сгенерированных изображений

Helper. Прокачка

Архивная база знаний от Хелпер

FREE FONTS

A selection of complimentary typography for your web projects. Best free fonts for designers

Gravity UI

Build modern interfaces with the Gravity design system and libraries

Юзабилити-аудит сайта: чек-листс примерами

Правила русского языка

Приведённый свод правил русского правописания 1956 года действует до сих пор

Атомаро

Платный сервис и конструктор для создания дизайн-систем для любой задачи

Dodo Design Checklist

An interactive checklist widget that helps designers track and maintain quality standards throughout their design process

WB Check

This widget is designed for quick team check-ins inside your Figma file — made specifically for the Wildberries design team. Each section allows team members to mark their progress by clicking a plus button. Once clicked, the widget records the user’s name, avatar, and the current date. Each block supports up to two check-ins, helping teams easily track who has reviewed or completed a task. You can use this widget during design reviews, syncs, or just to stay aligned with teammates on shared tasks

Portfolio Hero

Macintosh Human Interface Guidelines

VintageApple.org

Information from the early Apple era

МТС

Dropbox

whocanuse

Можно посмотреть как видят кнопку люди со всеми видами нарушения зрения. Хороший референс всех видов нарушений зрения

Библиотека левел дизайнера

Автор откапываем книги, статьи и видео которые вполне могут пригодиться для левел дизайнеров. Не все эти ресурсы были изучены автором, однако это в ближайших планах

Best Designs on X.com

Обновляется ежечасно

Patterned Al

Ai паттерны

Gartic.io

The Spriters Resource

Спрайты

EYECANDY

Приемы съемок

Coss.com origin

Тестовое задание К

База по исследованиям

Getmatch

Буду

HireHi

Как создавать вещи, которые не становятся мусором

Лучше всех о данном уникальном руководстве говорят сами авторы: «Продвигая идеи циклической экономики в России, мы заметили, что эту концепцию часто приравнивают к переработке и возврату даже не материалов в цикл, а скорее отходов. Такой подход с конца, когда надо что-то придумать с уже образовавшимся мусором, вместо того чтобы начинать с создания вещей, — на наш взгляд, не очень эффективный. Если мы по-настоящему желаем трансформировать систему, сделать окружающую среду чище, экосистемы и экономику регенеративными и процветающими, стоит начинать с начала. Как и любое краткое (всего 70 стр.) интернет-руководство, эта книга — только введение в тему. Однако она вполне достаточна для того, чтобы сформулировать ответ на вопрос, чего мы хотим, и что мы предлагаем вместо ложной развилки «полигон или мусоросжигательный завод».

В финтех Яндекса

Эргономика всего

Помогаем миру стать удобнее и комфортнее

Gam.Onl

Поддержка множества игровых платформ

Deceptive Patterns

r/darkpatterns

Будущее. Принципы и практики созидания

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

The Manual of Design Fiction

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

Дизайн как отношение

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

История дизайна

Дизайн, попросту говоря, это решение проблем. А более конкретно – это междисциплинарный подход к решению тех проблем, которые отражают нужды и желания человечества. История дизайна – от доисторических каменных орудий до новейших цифровых гаджетов – это история человеческого новаторства и изобретательности, улучшающих качество нашей повседневной жизни.В своей «Истории дизайна» ведущие эксперты Шарлотта и Питер Филл прослеживают эволюцию дизайна, раскрывая жизненную важность этой уникальной и повсеместной творческой деятельности и, что очень важно, ее будущей роли в обществе. Прекрасно иллюстрированная, «История дизайна» – первый всесторонний обзор удивительной, многогранной истории дизайна от древнейших времен вплоть до сегодняшних дней. Эта книга необходима каждому, кто интересуется дизайном, его историей и его будущим.

Design of the 20th Century

Эта важная книга представляет собой всеобъемлющее путешествие по формам и цветам, оформлениям и функциям в истории дизайна 20-го века. Книга от А до Я о дизайнерах и дизайнерских школах, из которой складывается целостная картина современной жизни. Богато иллюстрированная, она представляет собой дизайн в полном смысле этого слова.

Industrial Design A-Z

Промышленные модели, которые формируют нашу жизнь Если у вас есть хотя бы малейший интерес к дизайну вашей зубной щетки, истории вашей стиральной машины или эволюции телефона, вы будете еще больше заинтересованы в этом полностью обновленном издании «Промышленный дизайн от А до Я». Прослеживая эволюцию промышленного дизайна от промышленной революции до наших дней, книга изобилует синергией формы и функции, которая преобразует наш повседневный опыт. От фотоаппаратов до кухонной утвари, от Lego до Lamborghini — мы встречаем отдельных дизайнеров, глобальные компании и, прежде всего, гениальные продукты, которые интегрируются даже в мельчайшие детали нашей жизни. Наряду со звездными дизайнерами, такими как Марк Ньюсон и Филипп Старк, и крупными мировыми брендами, такими как Braun, Samsung и Apple, менее известные новички, такие как Brompton Bicycles и ветряные турбины Enercon, являются свидетельством головокружительного темпа разработки продукции и наиболее актуальных проблем и приоритетов современности, которые необходимо решить. его творческое изобретение.

100 Ideas that Changed Design

От истоков современного дизайна в ремесленных движениях 19-го и начала 20-го веков и изменений, вызванных массовым производством, в книге прослеживаются наиболее важные идеи в дизайне, связанные с современным движением и послевоенным обществом потребления, до более поздних идей, таких как дизайн с открытым исходным кодом и биомимикрия.

Грейд в Product Design

Оценка от Junior до Art director/Principle • Персональные советы для роста до следующего уровня

1 · Продуктовый дизайнер

Вводные В мобильном приложении Альфа-банка есть раздел «Витрина». В нем клиенты могут самостоятельно открыть продукты банка, а так же найти доступные услуги и сервисы. Кроме этого мы умеем определять склонность к покупке и давать более персонализированные предложения. Проблема Сейчас раздел «Витрина» не популярен и у него маленькая посещаемость. Около 60% уходят из раздела, не совершив действий, 30% кликают в область баннеров, 10% в область ниже с продуктами. Задача Предложите свою концепцию данного раздела. Подумайте, как можно увеличить посещаемость данного раздела, повысить продажи и открытие банковских продуктов. Сделайте прототип в Figma, который бы вы показали команде, чтобы продемонстрировать своё решение. Опишите, как вы к нему пришли. Если хотите, попробуйте самостоятельно протестировать его и поделитесь результатами. Задание нужно выполнить в Figma. Существующие экраны и элементы можно использовать в работе и модифицировать без ограничений.

2 · Продуктовый дизайн (стажёр)

Продемонстрируйте свои знания Представьте, что вы работаете в Яндекс 360. Выберите любой сервис, который вам больше нравится, и попробуйте его улучшить. Можете выбрать любой раздел или любую функциональность. Результатом мы считаем 1–3 макета с пояснениями, что было улучшено и почему. Визуальный стиль, навигацию, цвета — всё можно менять, главное — обоснованно. При оценке тестового задания смотрим на качество исполнения макета и обоснованность решений.

3 · Продуктовый дизайнер (middle)

Представьте, как мог бы выглядеть экран карты в мобильном приложении или в личном кабинете на сайте Т-Банка. Не тратьте время на полноценный дизайн-процесс, у вас ещё будет шанс показать свой продуктовый подход на следующиъ этапах интервью. Не распыляйтесь, достаточно сделать один фрейм размером 375х812 или 1440х1024. За основу можно взять данные с текущих экранов деталей карт в приложении или на сайте. Главное — детально проработайте визуальный концепт и прикрепите его ссылкой на Figma.

4 • Продуктовый дизайнер

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

5 • Продуктовый дизайнер в Сберчат

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

6 • Продуктовый дизайнер

Открой в мобильном браузере Яндекс Путешествия и выбери вертикаль ЖД. Дальше вбивай маршрут Москва-Питер на любые даты. Придумай / предположи какие продуктовые проблемы есть у этой страницы (можешь из этих гипотез придумать себе любые метрики) Задача Сделать редизайн этой страницы + попутно решить продуктовые задачи, которые ты отметишь.

VKUI

это библиотека адаптивных React-компонентовдля создания веб-приложений.Библиотека основана на дизайн-системе VK и реализует её интерфейсы для различных платформ.

Дизайн пользовательского интерфейса 2. Искусство мыть слона

Это электронная книга о дизайне пользовательских интерфейсов, точнее, о том, как стоит работать, чтобы сделать хороший дизайн. В 2001 году автор написал книгу на эту же тему, поэтому эта вторая и в названии стоит №2.

UI ORIENTIRY

Каталог Алвара Аалто

Медиа про предметный дизайн названное в честь Алвара Аалто — финского архитектора и основоположника скандинавского стиля

Тестовые задания в комментах

Актуально на 2023 год

ScreenBook

Коллекция скриншотов российских мобильных приложений. Изучайте интерфейсы любых приложений на iOS и Android, смотрите анимации, изучайте референсы банков, доставок, соцсетей, приложений для развлечений и других.

Подтема: статьи, подкасты, гайдлайны

Конспекты и переводы медицинских статей, подкастов и гайдлайнов

Вакцибот Грипп

Бот отвечает на вопросы о прививках от гриппа по материалам АНО Коллективный иммунитет (http://vaccina.info/flu)

Библиотекус

208 книг. Это личная библиотека Артемия Лебедева. Это целый сайт, на котором собрана значительная коллекция отсканированных книг о шрифтах и каллиграфии разных периодов и стран. Начиная со старинных экземпляров XIX века и заканчивая современными изданиями, сайт представляет собой массивный архив с огромным количеством ценнейших материалов. «Библиотекус» — настоящая сокровищница для шрифтовика и дизайнера, а также своеобразная историческая энциклопедия для широкого круга заинтересованных читателей. Таймлайн вверху страницы отображает весь диапазон дат и помогает отфильтровать выдачу под интересующий временной отрезок.

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

GravityUl

Полезно для SAAS

Phosphor

Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really

Lucide

Made by the community

tabler icons

One Icon Set for Every Project. A complete icon set with 4964 icons featuring perfect line weights and spacing - ready for Figma, apps, and design systems. Платно, но можно бесплатно скачать SVG на Github

SF Symbols 7

SF Symbols 7 is a library of over 6,900 symbols designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Symbols come in nine weights and three scales, automatically align with text, and can be exported and edited using vector graphics tools to create custom symbols with shared design characteristics and accessibility features. SF Symbols 7 introduces Draw animations and variable rendering, enhanced Magic Replace, gradients, and hundreds of new symbols

Библиотека элементов управления Ribbon Framework

О создании HireHi

Антон рассказал: — как в соло навайбкодил сервис по поиску вакансий hirehi.ru — какие нейросети и инструменты для этого использует — как выглядит процесс дизайна и разработки сервиса — как продвигал сервис в поисковой выдаче

Дизайн-процесс от Стэнфорда

Живая типография Корольковой

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

UX Collective

материал, найдись!

Taiga UI

powerful set of open source components for • Angular

Как мы исследовали кассы самообслуживания в «Магните»

Вас ждёт цикл из трёх статей о том, как автор с командой исследовали и редизайнили КСО — от интерфейса и дизайн-системы до планограммы прикассовой зоны

Design System Course

tabler

Design Sucks

Дизайн-разведка

Промышленный дизайн: - предметный дизайн - транспортный дизайн - дизайн упаковки - phygital

Где клещи.рф

Nowadesign

Интересно ПРОм дизайн

Самые интересные концепты, красивые идеи, умопомрачительные гаджеты

21st

fancy components*

Сollection full of fancy, fun, edgy and useless React components! — Built with react, ts, @tailwindcss and @motiondotdev — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source!

Рефодушка

Easing Graphs

Можно создать свой

Искусство и страх. Гид по выживанию для современного художника

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

Brilliant

Аналог Duolingo в мире математики

Расстрельный список лекарств

Автор собрал список средств, потенциально относящихся к фармакологической группе «фуфломицины»

Список классных лекарств

Автор сформировал список средств на основе надёжных данных об их реальной эффективности

Все не напрасно

Комплексная информационная поддержка в вопросах онкологии от фонда «Не напрасно». По статистике каждому четвертому человеку в течение жизни будет поставлен онкологический диагноз. Авторы создали платформу «Все не напрасно», чтобы у каждого человека была актуальная информация и поддержка в процессе диагностики, лечения и наблюдения заболевания.

Бизнес-линч

Последнее обновление август 2019 года

Color tools for design systems

VIZ PALETTE

От дизайн-инженера Linear

Material Design 3

The motion physics system makes a UI expressive and easy to use

Госуслуги

Invisible Details of Interaction Design

Family Values

REMIX ICON

Open-source neutral-style system symbols elaborately crafted for designers and developers

Honkish

Промптхаб

Место обмена идеями, как использовать Алису Al и другие нейросети

Ant Design

Open Foundry

free platform for curated open-source fonts; to highlight their beauty, promote their creators and encourage exploration. Created almost a decade ago, open-foundry.com has been one of the first places on the web dedicated to high-quality open source typefaces. Now in its second iteration, with its core rebuilt, the project is ready to extend its catalogue with new discoveries, highlighting their makers

1001 Fonts

54,980+

Fontesk

Befonts

Free Fonts are here! High quality design resources for free. And helps introduce first time customers to your products with free font downloads and allow them to try before they buy, it also allows your existing customer to get a free font treat every day

Use & Mudify

This is a personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces. Open source licenses make them free to use and modify. This selection is the result of deep search and crushes. This selection is yours — Raphaël