Дизайнерские фейлы, которые не перестают нас удивлять и смешить одновременно

Фото 33

• Опубликованы лучшие фото Dog Photography Awards 2022
  Фото

  Просмотров: 1027

• Хорошо, когда папа владеет Photoshop
  Фото

  Просмотров: 2093

• 10 лучших фото из шорт-листа Sony World Photography Awards
  Фото

  Просмотров: 1705

• Невероятные работы американского фотохудожника Митчелла Фейнберга
  Фото

  Просмотров: 1832

• Впечатляющие фото победителей одного из самых престижных мировых фотоконкурсов
  Фото

  Просмотров: 1752

• Гугл Карты — Удивительная Земля
  Фото

  Просмотров: 1651

• Лучшие фотографии дикой природы 2020 года
  Фото

  Просмотров: 2346

• Как снимают вот такие капли
  Фото

  Просмотров: 1986

• 25 фото невероятных геометрических форм, созданных самой природой
  Фото

  Просмотров: 2165

• 33 причины, почему фоткам из Фейсбука и Инстаграма верят только дураки
  Фото

  Просмотров: 3492

• Оригинальная обработка детских фото в Фотошопе от Adrian Sommeling
  Фото

  Просмотров: 4395

• Фотограф Mitchell Feinberg
  Фото

  Просмотров: 3960

• Серия фоторабот «Холст»
  Фото

  Просмотров: 11407

• 35 свадебных фотографий, которые смотреть реально в кайф!
  Фото

  Просмотров: 3212

• Серия фото работ «Внутренний диалог»
  Фото

  Просмотров: 3519

• Потрясающие макроснимки снежинок
  Фото

  Просмотров: 6106

• Первые 20 снимков в истории фотографии
  Фото

  Просмотров: 3979

• 15 самых дорогих фотографий в мире
  Фото

  Просмотров: 3416

• Как снимают рекламу Audi Q2 с помощью миниатюр
  Фото

  Просмотров: 2781

• Серия невероятных видов земли из Google Maps
  Фото

  Просмотров: 2757

Gifs

Джо Тейлор, британский аниматор из Берлина, когда-то работал с крупными клиентами вроде Apple и Netflix, но в последние несколько лет концентрируется на небольших проектах: пишет музыку, пробует себя в геймдизайне, берёт заказы от образовательных платформ и, самое главное, — делает необычные гифки.

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

Когда иллюстрации готовы, он сканирует их на 300 dpi, а уже после отрисовывает в Photoshop, каждому цвету присваивая свой слой. Такой подход позволяет сохранить магию рисунка от руки.

Изображение: Joe Taylor / Behance
Изображение: Joe Taylor / Behance
Изображение: Joe Taylor / Behance
Изображение: Joe Taylor / Behance

Карьера, менеджмент, работа в команде

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

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

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

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

Юлия Сабукевич из busy пишет о том, как они наладили работу дизайнер — редактор, где никто не мешает друг другу. Как начать работать вместе с первого этапа проекта.

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

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

Константин Капустин, ведущий дизайнер VK, — о том, как вывести свою продуктивность на новый уровень и увеличить скорость работы без потери качества.

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

От дизайна к фронтенду: как передать макет в разработку

Светлана Моторкина, Head of Design, Friflex, опираясь на свой опыт, рассказывает, как подружить дизайнера и фронтендера и передать макет в разработку без потерь.

От дизайна к фронтенду: как передать макет в разработку

Оверинжиниринг, требования и макеты: настраиваем коммуникацию аналитики и дизайна

В red_mad_robot написали о пяти болях, которые возникают между аналитикой и дизайном на этапе проектирования.

Оверинжиниринг, требования и макеты: настраиваем коммуникацию аналитики и дизайна

Что такое дизайн-долг и почему он возникает?

Перевод статьи Алисии Суска о том, что такое дизайн-долг и каковы его отличительные особенности, какие существуют типы дизайн-долга и откуда он появляется.

Что такое дизайн-долг и почему он возникает?

Product Design Architecture — Как хранить макеты проектов

Управление командой дизайнеров в том числе включает в себя организацию хранения и передачи макетов. Владимир Красильников поделился способом менеджмента макетов в Figma.

Product Design Architecture — Как хранить макеты проектов

Дизайн-системы

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

Саша Окунев написал пост о том, почему не нужно использовать для иконок Variants в Figma и почему иконки должны лежать отдельным компонентом.

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

The many faces of themeable design systems

Бред Фрост о том, как и в каких случаях использовать темы для продукта и о своём подходе к процессу.

The many faces of themeable design systems

Дизайн-система Constructor v1.0

Бесплатная дизайн-система из 800+ компонентов, описанная на английском и русском языках. Выстроена по сетке 8px, полностью настраиваемая и завязанная на цветовых токенах.

Дизайн-система Constructor v1.0

Дизайн 42

• 33 герба Москвы
  Дизайн

  Просмотров: 1336

• Новый цвет, новый логотип: Pandora провела небольшой ребрендинг
  Дизайн

  Просмотров: 3622

• Yahoo сменила логотип и провела ребрендинг
  Дизайн

  Просмотров: 1934

• Интересный брендинг автомобилей
  Дизайн

  Просмотров: 4156

• От винтажных до современных: «музыкальные» лого
  Дизайн

  Просмотров: 2723

• Айдентика детских развлекательных телеканалов
  Дизайн

  Просмотров: 2280

• Негативное пространство в дизайне логотипов
  Дизайн

  Просмотров: 2439

• 50 логотипов всемирно известных брендов тогда и сейчас
  Дизайн

  Просмотров: 2399

• Львов: обновленная айдентика города
  Дизайн

  Просмотров: 2118

• Логотипы с котами и кошками для вдохновения
  Дизайн

  Просмотров: 2522

• Коты, театр и дополненная реальность – так выглядит айдентика небольшого украинского городка
  Дизайн

  Просмотров: 1710

• Лучшие логотипы с перекрытиями (наложением слоев)
  Дизайн

  Просмотров: 2290

• Дизайнер исправил 9 худших логотипов мира
  Дизайн

  Просмотров: 2441

• Постеры: винтажная туристическая реклама для вдохновения
  Дизайн

  Просмотров: 2293

• Геометрически логотипы для вашего вдохновения
  Дизайн

  Просмотров: 2484

• 15 анимированных логотипов известных брендов для вашего вдохновения
  Дизайн

  Просмотров: 2987

• Новый туристический логотип Канады
  Дизайн

  Просмотров: 3205

• Калининградский Областной музей Изобразительных искусств
  Дизайн

  Просмотров: 3592

• Бренд города Вены
  Дизайн

  Просмотров: 3816

• Бренд города Осло
  Дизайн

  Просмотров: 2934

Пример HTML-страницы

Инструменты

Figma

• 20 небольших улучшений в работе Figma.
• Обновление Community, улучшения файлового браузера и общие улучшения взаимодействия с инструментом.
• Новая панель с плагинами и виджетами для Figma.

Плагины Figma

• Propstar — плагин генерирует таблицу, где показывает все вариации вашего компонента, варианты и свойства
• Pixel Cleaner — плагин округляет все дробные числа в 1 клик. Работает с типографикой и AL.
• Auto Documentation — автоматическая документация к текстовым и цветовым стилям в один клик.

Fluent Emoji от Microsoft

Большая редактируемая библиотека Fluent Emoji от Microsoft в Figma в 1500+ иконок. Все эмоджи кастомизируемые и настраиваемые. Библиотека содержит три файла: раз, два, три и открытый репозиторий на GitHub.

Figma Components

Библиотека готовых компонентов для Figma прямо на сайте. Интересное в заимодействии — на сайте кликаем в Copy to clipboard и спокойно вставляем через cmd/ctrl + v компонент прямо в Figma.

Figma Components

Lingo

Сервис для централизованного хранения компонентов дизайн-системы. Есть поддержка Figma и Sketch. 30 дней бесплатно, дальше $15 в месяц за 5 пользователей.

Lingo App

Живопись 10

• 25 картин-шедевров, не знать о которых сейчас просто нельзя
  Живопись

  Просмотров: 2377

• Удивительные картины из чая и чернил от художника Carne Griffiths
  Живопись

  Просмотров: 2450

• Шедевры живописи в технике fingerpainting
  Живопись

  Просмотров: 2392

• Брызги творчества от HUA TUNAN
  Живопись

  Просмотров: 2718

• Вкусный гиперреализм от Тома Мартина (Tom Martin)
  Живопись

  Просмотров: 3558

• Карандашный гиперреалист Марчелло Баренги (Marcello Barenghi)
  Живопись

  Просмотров: 7442

• Художник Kal Gajoum
  Живопись

  Просмотров: 3885

• Художник Rafal Rudko
  Живопись

  Просмотров: 3837

• Уютные картины Леонида Афремова
  Живопись

  Просмотров: 5726

• Florian Nicolle французский художник-иллюстратор
  Живопись

  Просмотров: 4455

Также уроки которые могут вас заинтересовать

• Как быстро и эффективно вырезать волосы из фона в Фотошопе
  В этом уроке мы будем вырезать волосы из фона в Фотошопе.

• Как избавиться от двойного подбородка на фото в Фотошопе

  В этом уроке Фотошопа мы рассмотрим 2 способа избавиться от двойного подбородка на фото.

• Где взять бесплатные мокапы (mockups)? Как использовать мокапы в Фотошопе?

  В этом уроке вы узнаете, где взять бесплатные мокапы (mockups) для вашего дизайна, а также как использовать мокапы в Фотошопе.

• Как сделать из фото карандашный рисунок в Фотошопе

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

• Как нарисовать иконку газеты в Иллюстраторе

  В этом уроке мы будем рисовать иконку газеты в Adobe Illustrator.

• Как быстро вырезать волосы с помощью режимов наложения в Фотошопе?

  В этом уроке вы узнаете, как вырезать волосы с помощью режимов наложения в Фотошопе.

• Как нарисовать иконку карты в Иллюстраторе

  В этом уроке мы будем рисовать простую иконку карты в Adobe Illustrator.

• Как сделать зеркальное отражение текста в Фотошопе
  В этом уроке вы узнаете, как сделать зеркальное отражение текста в Фотошопе.

• Как сделать иконку стикер в Иллюстраторе
  В этом уроке мы будем создавать музыкальную иконку стикер в Иллюстраторе.

• Как создать эффект сетчатой мозаики в Фотошопе

  В этом уроке мы будем создавать эффект разноцветной мозаики в Фотошопе.

• Как создать эффект кинематографического портрета в Фотошопе

  В этом уроке мы будем создавать эффект кинематографического портрета в Фотошопе.

• Как сделать визитку в Иллюстраторе? Создание дизайна визитки в Adobe Illustrator.

  В этом уроке вы узнаете, как сделать визитку в Иллюстраторе. 

Исследования

Люди врут. Тогда зачем их исследовать?

Света Ивахненко, исследователь в Яндекс.Медиасервисы, и почему люди на этих исследованиях врут и как с этим бороться.

Люди врут. Тогда зачем их исследовать?

CX-исследования. Глубинные интервью

Дмитрий Пилипань, продуктовый дизайнер, провел митап на тему CX-исследований: глубинные и нарративные интервью. Дима рассказывает как подготовиться и как не налажать.

CX Исследования: Глубинные интервью // Дмитрий Пилипань

Как влиять на судьбу итогов исследования // даже если ты не в команде

Юлиана Пономарёва, UX-исследователь из Контура, рассказывает про формат проведения презентации итогов совместной работы с командой.

Как влиять на судьбу итогов исследования // даже если ты не в команде

Работа над ошибками: CJM (Customer Journey Map)

Статья с выводами от команды e-legion о том, как CJM вышла из зоны «хайпа» и чрезмерных ожиданий на плато продуктивности и стала обыденностью.

Работа над ошибками: CJM (Customer Journey Map)

CJM для сайта НПФ «Национальный»: реальный кейс, нереальные персонажи

Миша Дырма из Agima рассказывает о кейсе по редизайну сайта негосударственного пенсионного фонда с помощью CJM. Почему выбрали именно его и что из этого вышло.

CJM для сайта НПФ «Национальный»: реальный кейс, нереальные персонажи

Креатив 56

• 30 примеров социальной рекламы против курения
  Креатив

  Просмотров: 1523

• 9 примеров креативной печатной рекламы
  Креатив

  Просмотров: 2059

• Иллюстрации в стиле «абстракционизм»
  Креатив

  Просмотров: 2997

• Рекламная кампания по реконструкции небольшого городка в Канаде
  Креатив

  Просмотров: 1949

• 16 бутербродов, которые ты получишь, если живёшь с художницей
  Креатив

  Просмотров: 1995

• Как современные гаджеты рекламировались бы в 60-е
  Креатив

  Просмотров: 1916

• Сбивающие с толку сюрреалистические коллажи Рэнди Льюиса
  Креатив

  Просмотров: 2141

• Необычные фото Станислава Аристова
  Креатив

  Просмотров: 3417

• Cюрреалистические коллажи Рэнди Льюиса
  Креатив

  Просмотров: 3142

• Подборка креативной рекламы напитков (часть 1)
  Креатив

  Просмотров: 4635

• 12 примеров, как мог бы выглядеть макияж для каждого знака Зодиака
  Креатив

  Просмотров: 4167

• Серия 3д иллюстраций Medaltations
  Креатив

  Просмотров: 2896

• Серия иллюстраций вырезанных из бумаги Lac-Mégantic
  Креатив

  Просмотров: 3044

• Серия 3д иллюстраций FRGMNTS
  Креатив

  Просмотров: 2804

• Серия 3д иллюстраций Shifted
  Креатив

  Просмотров: 2818

• Миниатюрный мир дуэта Pierre Javelle и Akiko Ida
  Креатив

  Просмотров: 3311

• Когда работает фантазия иллюстратор Кристиан Менса (Kristian Mensa)
  Креатив

  Просмотров: 3422

• Креативные иллюстрации инструментов в 3д
  Креатив

  Просмотров: 3797

• Подборка креативной рекламы на автобусах
  Креатив

  Просмотров: 3732

• Путешествие в Эквадор (часть 2)
  Креатив

  Просмотров: 3526

Нейросети и генеративный дизайн

Про брендинг и почему такие нейросети, как Николай Иронов – не панацея

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

Про брендинг и почему такие нейросети, как Николай Иронов – не панацея

Нейросеть MidJourney

Небольшая инструкция, как получить доступ и как работать с нейросетью MidJorney, которая по одному текстовому запросу генерирует изображения.

Ando AI плагин для Figma с нейросетью

В сети ходит ролик-анонс будущего плагина на основе нейросети, который рисует иллюстрации прямо в Figma.

Плагин для Figma с нейросетью

Наш новый дизайнер — робот! Кейс использования нейросети в бизнесе

Артём Попов о том, как компания стала применять нейросети в бизнесе и как ИИ влился в команду дизайнеров.

Наш новый дизайнер — робот! Кейс использования нейросети в бизнесе

Упаковка 28

• Дизайн линейки натурального корма для домашних животных Webbox Naturals
  Упаковка

  Просмотров: 2451

• Креативная упаковка алкоголя со всего мира
  Упаковка

  Просмотров: 1290

• 11 примеров выдающегося дизайна упаковки для напитков
  Упаковка

  Просмотров: 1603

• Сочные фрукты и пульсирующий фон. Команда IDEW MEDIA разработала визуальный образ для белорусских витаминов
  Упаковка

  Просмотров: 926

• «Алиса, куда исчезли все прыщи?» — Дизайн упаковки для косметики MODUM по мотивам сказки Льюиса Кэррола
  Упаковка

  Просмотров: 2319

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

  Просмотров: 3297

• Дизайн спичечных коробков
  Упаковка

  Просмотров: 2416

• Подборка оригинальных решений упаковки
  Упаковка

  Просмотров: 1937

• Вдохновляемся упаковкой чая
  Упаковка

  Просмотров: 2068

• Классная упаковка для консервированных продуктов
  Упаковка

  Просмотров: 2332

• Дизайн упаковки консервированной еды
  Упаковка

  Просмотров: 2410

• Серия лимитированной подарочной упаковки для виски Johnnie Walker
  Упаковка

  Просмотров: 3619

• Упаковка мороженного DUGG
  Упаковка

  Просмотров: 4078

• Креативная упаковка светодиодных лампочек
  Упаковка

  Просмотров: 4257

• Креативная упаковка пасты (макарон)
  Упаковка

  Просмотров: 3337

• Креативная яркая упаковка резиновых сапог Fisherman
  Упаковка

  Просмотров: 3425

• Гипнотическая упаковка презервативов (HYPNOTIC)
  Упаковка

  Просмотров: 3822

• Креативная упаковка ручных инструментов HAPS
  Упаковка

  Просмотров: 3744

• Подборка яркой живой упаковки
  Упаковка

  Просмотров: 3611

• Необычная форма и геометрия упаковки
  Упаковка

  Просмотров: 9701

Календари 17

• Креативный календарь Borjomi 2015
  Календари

  Просмотров: 4456

• Календарь Aubade 2013
  Календари

  Просмотров: 3792

• Календарь Aubade 2014
  Календари

  Просмотров: 3621

• Календарь Aubade 2015
  Календари

  Просмотров: 3812

• Календарь Aubade 2016
  Календари

  Просмотров: 3333

• Календарь Строка 2015
  Календари

  Просмотров: 3761

• Календарь Aubade 2017
  Календари

  Просмотров: 3767

• Календарь минского ЖКХ 2017
  Календари

  Просмотров: 3425

• Календарь Ideco 2015
  Календари

  Просмотров: 4134

• Календарь InterCars 2015
  Календари

  Просмотров: 4052

• Креативный календарь в стиле «Города грехов»
  Календари

  Просмотров: 4510

• Календарь компании Авантел
  Календари

  Просмотров: 5942

• Календарь Harley Davidson и Playboy 2015
  Календари

  Просмотров: 4616

• Календарь Splash Heroes
  Календари

  Просмотров: 4457

• Календарь МТС 2015
  Календари

  Просмотров: 4974

• Календарь компании «Строка» 2014
  Календари

  Просмотров: 5023

• Календарь Wargaming 2014
  Календари

  Просмотров: 4896

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

Улучшаем дизайн карточек с тарифами

Илья Бирман на реальном примере показал, как можно улучшить дизайн карточек с тарифами.

Улучшаем дизайн карточек с тарифами

Процесс оформления заказа: 18 распространенных ошибок и советы, которые помогут их избежать

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

Процесс оформления заказа: 18 распространенных ошибок и советы, которые помогут их избежать

Расписание занятий — не всё так просто

Ребята из Smart Timetable рассказывают про процесс проектирования расписаний для различных групп целевой аудитории: школьники, родители и преподаватели.

Нет HUD’а без добра: HUD в игровых интерфейсах

В играх существует огромное количество интерфейсов: инвентарь, диалоги, меню крафта и торговли, лобби, карта, деревья прокачки персонажа и его экипировки и многие другие. Владислав Островский подробно разбирает heads-up display (HUD) в играх.