Что такое айдентика. 10 основных правил по созданию фирменного стиля

Бренд, Брендинг, Айдентика. Разбираем что есть что.

11 Simple Steps for a Successful Brand Building Process

How to Create a Powerful Brand Identity (A Step-by-Step Guide)

How to Develop a Unique (& Memorable) Brand Identity in 2020

Do's & Don'ts: How to Make Great Brand Merchandise

How You Can Make Your Brand More Polished in 2020 & Build an Audience

Logo vs. Brand — what's the difference? And how to make cult brands that virtually last forever.

How to Make Your Brand Design Flourish with a Human Touch

Огромная подборка на Pinterest

Книга «Логотип и фирменный стиль. Руководство дизайнера. 2-е изд.»

В поисках вдохновения: Дизайн логотипов

Как создать логотип? Видеоурок

Как Сделать Логотип в Adobe Illustrator?

Геометрическое построение логотипа с помощью кругов. Logo creation of circles.

Простая и эффективная техника рисования в Adobe Illustrator

Градиентный логотип в Adobe Illustrator. Часть 1

The Logo Design Process From Start To Finish

Отрисовка логотипа Парфюм и Эйфелевая башня. ( Speed Art Logo in Illustrator )

История логотипа Nike: его значение и фото создания

Когда компании нужно менять свой логотип?

Don't create a logo, build a unique brand experience

7 Steps To Help You Create A Logo That Resonates

Create A Logo On A Budget (And Still Have It Look Awesome)

10 советов по выбору цвета для логотипа

Москва в плакате. Книга 2

Плакат немого кино. Россия 1900-1930 гг

Советский рекламный плакат. 1923-1941

How To Use Type — Typography Posters Review & Critique Part 1

How To Use Type — Typography Posters Critique Part 2

Designing A Poster Everyday #362 Design Process

How To Draw And Use Fibonacci Grid In Your Design Layout

Logo Design Tutorial | The Golden Ratio

Logo Design Tutorial | The Golden Ratio

11 дизайнерских проектов, «взорвавших» мир

How To Make An Eye-Catching And Effective Poster

Creative Inspiration: 10 Principles of Design

The Women Who Designed Classic British Posters

Источник со статьями об искусстве, дизайне, архитектуре. Сайт так себе, но полезной информации много.

Подборка Vintage posters Sweden (Pinterest)

Подборка постеров с интересной типографикой (Pinterest)

Подборка постеров на разные темы (Pinterest)

Основы типографики и типометри

Типографский пункт

Основы типографики и типометрии (в самом низу есть много полезных статей от этого же автора по верстке текста)

Декоративные шрифты. Для художественно-оформительских работ

Графический Дизайн: Типографика

АНАТОМИЯ ШРИФТА. ГРОТЕСК. Искусство на грани

Группы шрифтов. Основа сочетания шрифтов

The History of Typography - Animated Short

Typefaces: An Animated Infographic Guide

Typography: Anatomy of a Letter

Типографика. Краткий курс

И еще немного о классификации шрифтов

History and Evolution of Typography

Наглядная классификация шрифтов в карточках-картинках

Подборка плакатов по анатомии типографики

Основы применения Шрифта

Виды, характеристики, классификация и применение шрифтов

Сайт Fontsinuse с примерами комбинаций шрифтов на плакатах и афишах.

Типографские методы и процедуры

И еще больше черточек ...

И еще больше черточек, но уже от Лебедева

Правила набора текста

Верстка. Все возможные виды набора текста в разные эпохи

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

СЕРЕБРО НАБОРА 2015 #08 Иннокентий Келейников / Innokentii Keleinikov

Что такое «правило внутреннего и внешнего»?

Всё (или почти всё) о пробеле

Typography design 101: a guide to rules and terms

An introduction to typography — part 2

10 правил улучшения типографики в дизайне

Выключка по формату: примеры, ошибки, как сделать

Что думаете о переносах в вебе?

10 советов по улучшению типографики в цифровом дизайне

5 More Typography Mistakes You Can Eliminate

Tiger Rag: Attitudes toward Hyphenation and Rag Settings

Book Design Basics – Use Hyphens for Justified Type

Онлайн "игра" откерни слова

Typography: What is Kerning, Tracking and Leading?

Typography tutorial: Kerning and kerning pairs

Сведения о кернинге и трекинге от Adobe

Правильная типографика: 9 фактов о кернинге

10 kerning tips for improving your typography

Совет о том, как кернить текст

What Is Kerning: Everything You Need to Know

Что такое типографика: основные понятия и правила

10 правил улучшения типографики в дизайне

15 лучших практик по типографике в мобильном дизайне

Частые ошибки дизайна веб-страницы

Отступы и выравнивание

Невозможная типографика

Типографика и оформление текстов: правила на всю жизнь!

Типографика в вебе

Специальные символы

§ 116. Знак рубля

§ 112. Амперсанд

§ 104. Кавычки

§ 62. Экранная типографика

Пробел и знаки пунктуации

Типографика. Отличная "онлайн книга".

Основные особенности книжной верстки

How to Create a Table of Contents in InDesign

СТРУКТУРА КНИГИ. Названия элементов издания

Основные понятия типографики и инструменты верстки

Book Design Basics Part 1: Margins and Leading

Book Design Basics Part 1: Margins and Leading

Designing the perfect table of contents: 50 examples to show you how

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

Дизайн таблиц для постоянного использования

#1. UX таблиц, с которыми работают. ч1 — Просмотр данных

Как проектировать большие и сложные веб-таблицы

Таблицы, с которыми работают, должны быть удобными.

Designing better tables for enterprise applications

5 Practical Solutions to Make Responsive Data Tables

Data Tables Design

Modern Enterprise UI design — Part 1: Tables

The Ultimate Guide to Designing Data Tables

Practical Typography

Найти пару + посмотреть живые примеры

Найти пару + скачать

Еще больше инструментов по подбору пар можно найти в статье

Как выбрать шрифт Инструкция арт-директора «Медузы» Сергея Сурганова

О шрифтовых парах от Readymag

Дизайн для недизайнеров: 10 идеальных шрифтовых пар

10 практических советов по сочетанию шрифтов

Пошаговое руководство по сочетанию шрифтов и подбору шрифтовых пар

5 способов распознать шрифт с картинки

The best and worst fonts (and why they're good or bad)

How To Choose The Best Fonts For Your Brand

Book Design Basics: Choosing a Book Font

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

Искусство цвета | Иттен Иоханнес

Цветовой круг. Учимся смешивать цвета.

How To Mix Paint Colors & Get the Correct Color Every Time!

Краткая история теории цвета

How I Work with Color

Color circle подборка на Pinterest

Взаимодействие цвета. Классический учебник для начинающих абстракционистов

Цвет культуры. Психология, культурология, физиология

Цветовой тест Люшера

Почему красный цвет подстёгивает желание (но снижает IQ)

Колористика для дизайнеров. Термины и определения.

Теплохолодность в живописи

И еще немного о значении цветов

Психология цвета: что означает каждый цвет и как он влияет на нашу жизнь?

Психология цвета, значение цвета

Web design color theory: how to create the right emotions with color in web design

Колористика. Цветовая композиция. Практикум

Adobe color wheel

Color theory and the color wheel

Цвета: как видят пользователи с дальтонизмом и цветовой слабостью

How to Use Color Contrast in Composition

Цвет. Цветовая гармония

Фото с очень красивыми цветами и с выстроенной потрясающей композицией

Color Schemes

The Psychology of Color in Marketing and Branding

Light or Dark UI? Tips to Choose a Proper Color Scheme for User Interface

A Color Exercise for our Brand's Illustration

10 Principles for Color Usage in UI Design

The Best Website Color Palettes to Increase Engagement in 2020

Лучшие сочетания цветов. Основы цветовой гармонии + тонировки

Цвет. Четвертое измерение | Косс Жан-Габриэль

Цветоведение и колористика | Медведев В. Ю.

Взаимодействие цвета

The Mystery of Color

Почему у жёлто-зелёного яблока фиолетово-красный фон?

Гармония цвета

Стилизация и трансформация природных форм. Методические указания

Интересные примеры трансформации в стилях разных художников

Стилизация изображения. Формальная, абстрактная и декоративная стилизация

Как сделать стилизацию

Мастер-класс: «Стилизация и трансформация в дизайне как основа разработки логотипа»

Стилизация растительных форм. Презентация

Цвет и свет | Гарни Джеймс

Композиция. Творческий практикум

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

Фактура

Форма и композиция в дизайне

Nature's Rich Textures

Texture Composition

How texture in photography composition adds interest

Очень красивая подборка с текстурами Pinterest

О языке композиции | Гордон Юрий

Основы композиции

Основы композиции

Расположение объектов и композиция.

Восприятие формы на плоскости

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

Абстрактная композиция. Основы теории и практические методы творчества в абстрактной живописи и скульптуре.

Правило равновесия в композиции

Balance in Composition: How to Balance Design?

4 Types Of Balance In Art And Design (And Why You Need Them)

Закон равновесия в композиции: рисунки, схемы, принципы

«Детская школа искусств» ГО ЗАТО Светлый Саратовской области. Методическое пособие с примерами

ОСНОВЫ КОМПОЗИЦИИ: Равновесие (Часть 1)

ОСНОВЫ КОМПОЗИЦИИ: Равновесие - симметрия и асимметрия (Часть 2)

Принципы дизайна: композиционное равновесие, симметрия и асимметрия

Плоскостная колористическая композиция. Учебное пособие | Панова Наталья Геннадьевна

Exploring Unity & Composition

Design in Art: Emphasis, Variety and Unity

Поясни за композицию (еще раз о всех видах композиции)

Методичка о композиционном центре с примерами

Essential tips for creating balance in composition

Искусство композиции. Учебное пособие | Авсиян Осип Абрамович

Композиция в цифровой фотографии

Rhythm Is Hypnotizing. How to Use this in Design?

Ритм в композиции

Декоративная композиция в художественной школе: 7 ключевых тем с подробным описанием

Подборка фото с ритмом на Pinterest

Искусство композиции. Учебное пособие | Авсиян Осип Абрамович

Композиция и перспектива

Стилизация. Контраст. Нюанс. Stylization. Contrast. Nuance.

Top Secrets of Contrast in Design

How to Improve Conversion Rate? Secrets of Neurolinguistics

Contrasts In Composition

5 Ways to Use Contrast in Your Compositions

Lightning design system

Carbon design system

Carbon design system

Microsoft

Microsoft

Service now

Design pega

Oracle

Design system service gov UK

От Тильды о UI Kits

Optical Effects in User Interfaces

Building a Visual Language. Behind the scenes of our new design system

How to Create a Sketch Style Guide, Library, and UI Kit

10 Best UI Style Guide Examples & Templates for Better UX

Design systems and UI kit examples

Responsive Web Design

Респонсивный Vs адаптивный дизайн: в чем разница и какой выбрать?

The A+R model

Creating An Adaptive System To Enhance UX (статья аж 2012 года, но очень даже актуальная)

Подборка примеров респонсива с Pinterest

Процесс разработки дизайна мобильного приложения с нуля

Мобильное приложение для бизнеса: что нужно знать заказчику, часть вторая

The Ultimate Guide to Creating a Mobile Application

Case Study: Tasty Burger. UI Design for a Food Ordering Mobile Application

Best 20 Example UI/UX Design For Mobile App | UI/UX Animation Design

10 Excellent UI/UX Mobile Apps Design Trend To Expect in 2020 | UI Animation Trends in 2019

Hopefully, the Ultimate Guide to an Interface Icon Set

Optical Effects in User Interfaces

Useful Sets of Free Icons That Speed Up Your Creative Process

The design guide to iOS and Android app icons

The Best Icons Resources

Creating Isometric Illustrations — Made Simple with the Isometric Projection

UI Design Tips for System Icons

Designing a simple icon set — Icon Design Process (Adobe Illustrator)

Icon Design Using Grids — Adobe Illustrator

Speed art — Chemistry icons in Adobe Illustrator

7 GOLDEN RULES For Icon Design *MUST KNOW*

Best design practices in one book

What is the UX design process?

UI/UX Design Process | Product Design Process

Дизайн-процесс: 7 шагов к идеальному проекту

Реальный дизайн-процесс

Дизайн-процесс в интерактивном агентстве

Предпроектная работа: бриф, прототип, мудборд

The 5-minute design brief

How to Write a Great Creative UX Brief for a Design Consultancy

What Is A Graphic Design Brief?

Зачем и как проводить интервью с заказчиком — брифинг

Observing the User Experience: A Practitioner's Guide to User Research

Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems

Полное руководство новичка по UX исследованию

Самые распространенные методы и приемы в UX дизайне

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

Сервис для удаленного тестирования

How A Complete Novice Learned User Testing In 10 Minutes

A/B тест — это просто

Better User Research Through Surveys

UX-исследователь: краткий путеводитель по профессии

Как проводят UX-исследования для разработки IT-продуктов на Западе

21 метод UX-исследований: какой выбрать

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

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

10 способов улучшить интервью с пользователем Тамара Кулинкович

Contextual Inquiry: How Ethnographic Research Can Drive Your User Experience

Качественные методы в UX-исследованиях: как начать разговаривать с пользователями

Как проверять гипотезы с помощью проблемных интервью: пошаговая инструкция

Diary study

Вести с полей: кто и как применял качественные методы в UX Research для разработки IT-продуктов. Часть 1 из 6

Какой вопрос — такой ответ. Как спрашивать у пользователей при проведении UX-исследования

Why User Interviews Fail

Interviewing: more than a user research method

"Копнуть" в пользователя с помощью глубинных интервью

О чем вы никогда не должны спрашивать своих клиентов

How To Create User Personas

Creating Personas for User Experience Research

About personas and how to create them

How to create Personas, a step by step guide

Ещё одна статья о персонах

Ещё одна статья о персонах

Что такое метод персон и как его продуктивно использовать

Personas – A Simple Introduction

Personas

Инструмент для создания CJM и не только

Инструмент для создания CJM и не только

Строим CJM для описания и анализа результатов исследования

Путь клиента (Customer Journey Map)

Introduction to Customer Journey Maps

Статья по этапам создания CJM и даже с таймингом (на подобии инструкции для воркшопа)

Еще одна статейка что такое CJM и как сделать (возможно получится еще вынести что-нибудь новое). Статья от Alexey Kopylov

Еще одна статейка что такое CJM и как сделать (возможно получится еще вынести что-нибудь новое). Статья от Alexey Kopylov

Снова от Alexey Kopylov

Снова от Alexey Kopylov Неочевидные тонкости применения Customer Journey Map

How to Create an Effective Customer Journey Map [Examples + Template]

Составляем Customer Journey Map: советы и инструменты

Как построить Customer Journey Map

About the Customer Journey Map Template

A Beginner's Guide To User Journey Mapping

Сайт, для исследования сайтов конкурентов

Онлайн таблицы для проведения конкурентного анализа

21 инструмент для проведения конкурентного анализа

7 шагов конкурентного анализа сайтов

Пошаговая инструкция: как сделать анализ конкурентов?

A step-by-step guide to running competitor analysis

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

UX-методики конкурентного анализа и сравнения продуктов

Гайдлайн: Конкурентный анализ за 8 шагов

Гайдлайн: Конкурентный анализ за 8 шагов

Анализ конкурентов на практике: 10 шагов

How To Do A UX Competitor Analysis: A Step By Step Guide

A Guide to Competitive Analysis for UX Design

Competitive Analysis

CONDUCTING A SOLID UX COMPETITIVE ANALYSIS

UX конкурентный анализ. Функционал против людей

Mockflow

Gliffy

Omnigroup

Writemaps

Products office

How to create a UX Sitemap: a simple guideline

Sitemaps & Information Architecture (IA)

Информационная архитектура — что это и как её создать

Информационная архитектура (IA)

Образцы информационных архитектур сайтов (IA) от ведущих UX-дизайнеров

Основное руководство по дизайну навигации

Паттерн нижней панели навигации на мобильных веб-сайтах, исследование

Навигация в Android: от UX до реализации. Часть 1

Что такое футер (footer) и как его использовать на веб-сайтах

10 грехов в системах навигации сайтов / приложений

Best Website Navigation Examples and Practices to Improve the User Experience

Как создать userflow в miro

User flow diagrams — Figma template and live demo

User flow: как создаются популярные приложения и сайты

UX task flows vs. user flows, as demonstrated by pancakes

UX Glossary: Task Flows, User Flows, Flowcharts and some new-ish stuff

Что строить в первую очередь: User Journey Map или User Flow?

Boords

Storyboardthat

Infragistics

Designcomics

Интересная подборка сторибордов с Pinterest

Storyboarding in UX Design

Storyboarding — Part 1

Storyboarding & UX – part 2

Storyboarding & UX – part 3

A step by step guide to scenario mapping

User Personas, Scenarios, User Stories And Storyboards: What's the Difference?

Storyboards Help Visualize UX Ideas

The Role Of Storyboarding In UX Design

What is Storyframing?

Design Thinking Handbook

Design Thinking Handbook (pdf)

Design Thinking: Prototype

Design Thinking — Paper Prototypes (фановый видос с бумажными прототипами)

Быстрое прототипирование при разработке оправы Google Glass — Том Ши

Example Usability Test with a Paper Prototype (респондентом является маленькая девочка)

Design Thinking 2 Rapid Prototypes

Прототипирование интерфейса цифровых продуктов

The Magic of Paper Prototyping

6 Common Pitfalls When Prototyping

Проверяйте идеи дизайна продукта с помощью вайрфреймов

Эволюция методологии UX процесса

Lean UX — мелочи для успешных проектов

Beginner's Guide to Lean UX — Assumptions, Hypotheses and MVP

A 3x3x3 Perspective for getting your Vision, Strategy, and Product aligned

99 вопросов UX-анализа

5 Simple Habits That Will Help You Become a Better UX Designer

Скачайте и зарегистрируйтесь пройдя по ссылке

Руководство по работе в Figma. Не самое новое, но базовые вещи описаны хорошо

Figma обзор (на русском, очень доступно)

Еще один обзор Figma

Создают сайт-портфолио в Figma

Сравнение Figma vs Sketch (en)

Подборка лучших и полезных плагинов для работе в Figma (en)

И еще одна подборка лучших и полезных плагинов для работе в Figma (ru)

О создании дизайн библиотек работая в дизайн-команде (en)

Пример создания анимации "Figma Smart Animate"

Пример создания анимации "Figma Smart Animate"

Прототипирование и анимация в Фигме

Официальный канал Figma с различными полезностями

Figma Tutorial: Smart Animate and Drag Triggers

Как вырезать картинки в Figma / How to remove the background in Figma

Пройдя по ссылке можно скачать программу

Видео курс по Sketch на русском. Смотрят основной функционал.

Sketch App Tutorial – Design a simple landing page in Sketch

Уроки по Sketch App

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

10 важных и полезных плагинов для Sketch

Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)

Творчество без рутины: как мы автоматизировали процессы с Figma

Best Sketch Plugins In 2020

Майк Монтейро: Дизайн — это работа

Do good design. Как дизайнеры могут изменить мир

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

Моя жизнь, мои достижения

Как стать UX-дизайнером — пошаговое руководство

Что такое UX/UI дизайн на самом деле?

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

How to Create Your UX/UI Portfolio (Without Much Experience)

How To Make An Awesome UX Design Portfolio

The Ultimate Guide to Building a UI Designer Portfolio

How to Create a UI/UX Portfolio that Stands Out

How to Create an Online UX Design Portfolio

Solving Product Design Exercises Interview Questions & Answers

Чего ожидают дизайн-менеджеры топовых компаний от потенциальных соискателей

Тут очень много интересных подборок!

Для подготовки рассказа о себе (помним, максимум 4-5 минут)

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