2Гис выпустил классный проект про то, как меняется транспортная доступность в столице. Лонгрид в хорошем смысле буквально набит визуализациями. Можно посидеть и повспоминать, как росла сеть метро и строились те или иные ветки и станции (я уже половины и не знаю...).

Крутая карта про доступность районов. Видно, как постепенно Москва становится связаннее. Хотя карта немного и пугает. Ждём метро до Сочи. Очень нравится немного артовая обложка проекта — постепенно формирующаяся карта метро как диаграмма связей 😜
Video is not supported

Такие штуки Андрея Картера

Арт-директор BBE Андрей Картер собрал подборку своих находок с просторов интернета. #такие_штуки мы обычно сохраняем в закладках в надежде когда-нибудь к ним вернуться. Godly Библиотека с примерами качественного дизайна сайтов, продуктовых интерфейсов и веба в целом. Deck Gallery Сервис, который собирает различные презентации в открытом доступе. Например, там можно найти гайдлайны Open AI или Burger King. База знаний руководителя Большой объем полезного и бесплатного контента от Typical Company. Гайды, чек-листы, лонгриды, исследования и прочие материалы, которые могут пригодиться любому руководителю. Ohmywishes Удобный сервис, чтобы составить вишлист и отослать его друзьям с толстыми намеками. The—Brand Identity Медиа для дизайнеров со статьями о создании айдентики, концепциях и процессе работы над проектами. The Essential Design Обширная подборка дизайн-проектов с системой фильтров. Можно искать проекты по конкретным параметрам. Например, только айдентику фэшн-брендов в красном цвете.
https://content.desigram.ru/static/3be95e99-bae0-46fa-a1cf-7c68d51d2e19.jpg

Всем привет!

Мы живем в самую информационно насыщенную эпоху в истории человечества. Многие вещи конкурируют за наше внимание.  Дизайнеры, которые способны пробиться сквозь 🚀 шум с помощью эффектного дизайна, значимых сообщений и запоминающихся впечатлений, востребованы в самых разных отраслях.  📌В лонгриде «Основы коммуникационного дизайна» мы рассмотрим коммуникационный дизайн — чем он отличается от других типов дизайна, его основные принципы, а также различные виды и примеры коммуникационного дизайна.
https://content.desigram.ru/static/38c3030f-6c75-4c5b-b0d2-7ab6c751a531.jpg

Лонгриды — новый формат в «Журналусе»

В отличие от еженедельных дайджестов с лучшими материалами из мира дизайна, каждый лонгрид — собственный редакционный материал. Лонгриды будут разных форматов. Например, для статей формата «Поле мнений» редакция приглашает несколько героев высказаться по одной общей теме. В статью попадают разные (и иногда противоречивые) точки зрения — так тема раскрывается с разных сторон. Тема первого лонгрида — «Высшее образование или курсы: где и как учиться дизайну». Преподаватели и арт-директора рассказали, какие навыки и знания нужны, чтобы войти в профессию, как привить себе дизайнерский взгляд на мир и стать специалистом, который предлагает прорывные дизайн-решения. Новички узнают, с чего начать свой путь, а опытные дизайнеры — как не останавливаться в профессиональном развитии. Герои статьи: Миша Нозик, Евгений Лучинин, Владимир Злыднев, Илья Бирман и Дмитрий Карпов. Лонгрид доступен бесплатно.
https://content.desigram.ru/static/9329c604-779d-410d-8fd4-b548a58fe593.jpg
Привет!👋
Основная цель сайтов для мероприятий — привлечение внимания к событию. Вне зависимости от тематики: бизнес-форум, танцевальный фестиваль или семинар фармацевтов, продукт должен быть удобным, информативным и визуально приятным. 📌В лонгриде «Создаем event-сайт» мы разберем самые распространенные блоки для такого типа сайтов и дадим несколько полезных советов для проектирования по-настоящему хорошего продукта. Да, универсального решения не существует, но если понимать специфику, то все становится намного 🧑‍💻 проще!
https://content.desigram.ru/static/e167307b-b30f-4af0-8673-1920b5068e86.jpg
Ведомости +1
Ссылка на проект Поиск по теме: #спецпроект #лонгрид 👍
https://content.desigram.ru/static/58371906-91da-474f-9899-d2338f46ea77.jpg
Изображение канала: UX/UI [by Uprock]
Всем привет!
Жесты — одна из самых интересных концепций в мобильном UX/UI-дизайне благодаря своей парадоксальной природе. Жесты 👐 не совсем стандартизированы в своем применении: в одном приложении движение пальцем может выполнять одну функцию, а в другом — совершенно иную, но в то же время они интуитивно понятны и почти универсальны. 📌В лонгриде «Жесты в UX/UI-дизайне» мы разберем их типы и виды, преимущества использования и процесс внедрения в пользовательский интерфейс. С помощью жестов вы сможете создавать интерфейсы, которые будут увлекательными 🤜, захватывающими и согласованными с ментальными моделями пользователей.
https://content.desigram.ru/static/97613a68-640f-40c2-951d-7ec02fb6f325.jpg
Изображение канала: o.m.webdesign
Вдохновляемся лонгридами, созданными на Тильде 💫
А если хочется почитать больше о том, зачем нужны такие сайты в портфолио, можно почитать в этом посте
https://content.desigram.ru/static/0ded475b-d9a9-467e-9f33-d687b274f6d5.jpg
Изображение канала: PSD | Дизайн-пространство
TOMORO
Ссылка на проект Поиск по теме: #портал #лонгрид 💣 PSD
https://content.desigram.ru/static/aaa6b868-e55f-40aa-8607-1641d2581470.jpg
Изображение канала: BBE: графический дизайн
Такие штуки Андрея Картера
Арт-директор BBE Андрей Картер собрал подборку своих находок с просторов интернета. #такие_штуки мы обычно сохраняем в закладках в надежде когда-нибудь к ним вернуться. Deck Gallery Сервис, который собирает различные презентации в открытом доступе. Например, там можно найти гайдлайны Open AI или Burger King. База знаний руководителя Большой объем полезного и бесплатного контента от Typical Company. Гайды, чек-листы, лонгриды, исследования и прочие материалы, которые могут пригодиться любому руководителю. Godly Библиотека с примерами качественного дизайна сайтов, продуктовых интерфейсов и веба в целом. Ohmywishes Удобный сервис, чтобы составить вишлист и отослать его друзьям с толстыми намеками. The—Brand Identity Медиа для дизайнеров со статьями о создании айдентики, концепциях и процессе работы над проектами. The Essential Design Обширная подборка дизайн-проектов с системой фильтров. Можно искать проекты по конкретным параметрам. Например, только айдентику фэшн-брендов в красном цвете.
https://content.desigram.ru/static/30fd06bb-aede-497c-bf3d-0ae5bfd13a99.jpg
Изображение канала: UX/UI [by Uprock]
Всем привет!
Грамотное использование аудио 🔈 в веб-дизайне может сформировать запоминающийся опыт пользования и выделить ваш бренд среди многих на рынке. 📌В лонгриде «Звук в UX/UI-дизайне» мы разберем психологию звука, его виды в интерфейсах и способы интеграции. А еще рассмотрим возможные трудности при работе со звуком и ситуации, когда он точно не нужен.
https://content.desigram.ru/static/901d34b0-66f7-4739-855b-ac16316beda7.jpg
Изображение канала: InDesign
Новый лонгрид на Tilda: студия Ghibli и Хаяо Миядзаки
Творчество студии представлено с помощью сюжетов картин Миядзаки. Повествование подкрепляется отрисованными вручную персонажами фильмов, которые буквально оживают с помощью анимации. Посмотреть проект Марии Махаевой можно по этой ссылке. 🩷 InDesign
Video is not supported
Изображение канала: Людочка, референсы!
Лучшее за декабрь
1. Eisku – интернет-магазин мебели с чёткой, но динамичной сеткой 2. Mathieu Crepel – cайт профессионального сноубордиста c полноэкранными видео и энергичной типографикой 3. victors.life – минималистичное портфолио дизайнера с акцентом на воздух и чёткую сетку 4. The future of XR – футуристичный лонгрид о будущем с виртуальной реальностью: неон, коллажи из иллюстраций и интерактивная анимация 5. Guillaume Colombel – портфолио дизайнера с вниманием к детальной, сложной анимации Здесь только те ресурсы, на которые вы отреагировали больше всего, а значит, выжимка — огонь 🔥 Людочка, референсы – отборные работы по веб-дизайну
https://content.desigram.ru/static/a0654cf9-1098-4f60-8266-94a01baaffb2.jpg
Изображение канала: Мыслью по древу • UXFLOW • Сергей Мухин
Итоги съела собака кошка, по этому...
ДАЙДЖЕСТ 2024 ГОДА Пытался выдавить из себя пост с итогами года, но получается натянуто и вымученно. Но закруглить как-то уходящий год хочется, и со спокойной душой уйти нарезать салатики. По этому давайте вместе вспомним, чего интересного и полезного было на канале в этом году в формате дайджеста. ▶️У МЕНЯ ПОЯВИЛСЯ САЙТ Пока там не так много эксклюзивного контента. Но, как минимум, там можно найти все статьи и выступления в одном месте, а также почитать про мой опыт в формате CV и полистать кейсы. ▶️ ВЫСТУПЛЕНИЯ Хотелось бы, чтобы было их больше. Зато, будет хорошая цель на следующий год 😉 Онлайн мини-вебинар на тему мышления абстракциями при проектирвоание дизайн-систем. Попытался рассказать, как мыслю я, почему важно выходить за рамки ограничений реального мира через абстракции и как это помогает масштабировать дизайн-системы, а ещё показал несколько примеров. То самое выступление на Дизайн-выходных про SDUI платформу, MVP которой мы построили во ВкусВилл. Очень нетривиальное решение сразу и многих проблем интеграции дизайна в разработку, и безрелизных изменений, и даже "собственная Фигма". А ещё было много крутых вопросов от зрителей. ▶️ СТАТЬИ Лонгрид в двух частях о том, что такое наследуемые свойства, зачем я их придумал, и как это помогает в SDUI подходе. Часть 1 и Часть 2 Типографика во ВкусВилл — как я организовал работу с текстом в нашей дизайн-платформе. ▶️ ИНТЕРЕСНЫЕ ПОСТЫ Ответ на важнейший вопрос всего ИТ — сколько стоит перекрасить кнопку Весь мой карьерный путь в дизайне. Кто такой дизайнер дизайн-систем Должен ли дизайнер делать CJM и портреты пользователей? Испытание купоном. Наше задание, которым мы тестировали соискателей в формате witeboard. Серия постов про работу с состояниями компонентов: — Состояние фокус, подходы и варианты реализации Нужно ли отображать все состояния в вариантах?Модели состояний. Как можно упростить работу с состояниями сделать их более консистентными. Пост о тенденции к унификации UI в крупных сервисах, а ещё ВИКТОРИНА: Угадай маркетплейс Почему не нужно продумывать всё детально "на берегу", а просто нужно начать делать. Как выбор имени токена может задержать вас на месяцы. Мои мысли про грейды, и как я выстраиваю грейды и роли в своей команде. Система слоёв при проектировании системы всплывающих окон. Много полезного по дизайн-системам: — Референсная палитра — отдельная группа токенов цвета с перечислением всех уникальных оттенков. — Инструменты генерации палитры — небольшой обзор средств по построению растяжек цветов и мой личный опыт. — Семантическая палитра — слой токенов цвета с семантической привязкой. — Сем. палитра во ВкусВилл — пример семантической палитры текущего мобильного приложения ВВ. — Бывают ли неатомарные ДС — рассуждения на тему "Is atomic design dead" — Атомарность в нашей ДС — почему дизайн-система и платформа у нас это разное, и как выстроена атомарность на уровне ДС. — Что такое SDUI — Краткое описание понятия. — Дизайн-токены — что это, и зачем. — Рецепты компонентов — техника описания основных характеристик групп компонентов. Так всего было много, что всё, кажется не поместится. В прошлом дайджесте за первые пол года можно найти ещё много интересного. 🎄🎄🎄 А я всех поздравляю с наступающим новым годом! 🥳 Всем в новом году взрывного роста, красивого UI, логичного и удобного UX, ну и не забывайте мыслить абстракциями! Ну а я обещаю в новом году попробовать писать посты чаще, чем это получается у меня в этом году... но это не точно😁 - - - - #дизайн #дайджест #итоги2024 🛫Канал: UXFLOW • Сергей Мухин | Сайт: uxflow.ru
https://content.desigram.ru/static/677ef93b-44b1-46b6-ab2f-9ba3d2ee77f0.jpg
Изображение канала: Narratorika
Немножко телеграмских итогов года!
А чтобы еще и польза была, ловите дайджест самых интересных постов Нарраторики в 2024. Вдруг что-нибудь пропустили, да и вообще удобно в одном месте собрать. - НИКОГДА НЕ ДЕЛАЙТЕ НЕСКИПАЕМЫЕ КАТСЦЕНЫ. Ч.1 - НИКОГДА НЕ ДЕЛАЙТЕ НЕСКИПАЕМЫЕ КАТСЦЕНЫ. Ч.2 - Что было в оригинале Brothers. Tale of Two Sons - Пост с лонгридами не по играм - Концовка Brothers: история, рассказанная геймплеем - Механики без слов во Florence - Деголливудизация рынка историй - Подборка источников по кисётенкецу - Арка трансформации - Путь героя и арка трансформации - Зачем изучать разные драматургические школы и структуры - Виды арок трансформации. Кэти Мари Уэйланд - Уэйланд и "Бесконечный поезд" (Клинок, рассекающий демонов) - Виды арок трансформации. Нарраторика. Ч.1 - Виды арок трансформации. Нарраторика. Ч.2 - Типы положительных арок - Конструирующий принцип кисётенкецу - Самый милый friendly fire в Star Wars Outlaws - Виды нарративных выборов в игре - Лайфхак с выборами в диалогах - Портфолио нарративщика: что в нем должно быть? - Самый крутой выбор класса персонажа игрока - Чем мне нравится, как написан персонаж-наемник в Path of Exile 2 - Аристотель и три акта Бонус! Доклад с анализом нарратива в Hogwarts Legacy (youtube) P.S.: даже если я успею дописать в этом году статью про кисётенкецу (где-то половина готова), то сейчас ее скорее всего просто некогда будет читать. Так что давайте все же начнем ей 2025 год, а не закончим 2024 )) #блог #теориядраматургии #нарративныйдизайн #сценаристика
https://content.desigram.ru/static/3bff8feb-c7fa-4756-8152-a10798d11c25.jpg
Изображение канала: гранж нот дед
Гранж не умер, а возродился
Обычно я сопротивляюсь тому, чтобы выкладывать тоже самое, что и все остальные. Однако, этот год и правда был знаменательным для этого канала и надеюсь, что он был таким и для вас, дорогие читатели. Пол сотни текстов о жизни, дизайне и продуктивности. Размышлений, статей и лонгридов. Новых работ, экспериментов и проектов. Думаю, что я и думать о таком не смел, когда в начале этого года решил серьезно заняться каналом. Лично для меня это сумасшедший результат. Спасибо вам, писатель без читателя — никто. Все еще и в смелых мечтах не могу думать, что для кого-то являюсь проводником в мир дизайн, балансируя на стыке искусства и коммерции. Все еще не могу представить, что мои тексты оказывают какое-то влияние на судьбы и умы тысячи человек. На мой взгляд, эти результаты - это отличный пример, как усердный труд приносит свои плоды. Пусть это хоть немного поможет вам в наступающем 2025 году!
https://content.desigram.ru/static/63865e9f-bb2f-4a3b-a942-924802f89391.jpg
Изображение канала: UX/UI [by Uprock]
Привет!
Почему одни дизайны цепляют с первого взгляда, а другие остаются незамеченными? Все дело в гармонии и балансе, которая делает визуал привлекательным и эстетичным. 🔔В лонгриде «Принцип золотого сечения» мы расскажем, как математика и искусство объединились в этой знаменитой пропорции. Вы узнаете, почему золотое сечение так приятно для человеческого восприятия и как применять его в своих работах: от макетов и логотипов до типографики и кадрирования.
https://content.desigram.ru/static/68fb598a-a452-4fc8-ba1d-74fd159981fa.jpg
Изображение канала: Чибичик и дизайн продуктов
Отправить ...
Я уважаю субординацию и work&life balance, поэтому люблю функции, которые есть в телеге: Отправить без звука – для согласований встреч и чего-то важного, но чтобы не побеспокоить или не разбудить человека (в надежде что человек еще может ответить / касается не только работы) Отправить позже – для отлагательных вещей и лонгридов, которые пришли сейчас, но не требуют быстрого внимания Однако, иногда случается мисклик и я отправляю сообщение как обычно. Потом сразу удаляю и отправляю его же, но уже без звука. Как думаете, что было бы, если бы в телеге сообщения, удалённые в первые 10 секунд не присылали пуши получателю или у этого есть какая-то негативная сторона? Давайте порассуждаем в комментариях, хочу попробовать такой формат 👇
https://content.desigram.ru/static/9d52d42d-826d-4b0c-bbec-21f809004e3e.jpg
Изображение канала: UX/UI [by Uprock]
Веб-дизайн для поколения Z
Поколение Z — это первое поколение, которое с детства было погружено в цифровую реальность 🤩, они росли с различными устройствами в руках и могли получить любую информацию в один клик. Такая подключенность к сети сформировала уникальные поведенческие черты и ожидания от всего, что они видят и используют.   📌В лонгриде «Веб-дизайн для поколения Z» мы поговорим о том, как дизайнерам достучаться до этого поколения, почему важно продумывать не только технические особенности, но и учитывать социальные особенности. Также рассмотрим популярные платформы у зумеров и то, как новое поколение влияет на тренды дизайна.
https://content.desigram.ru/static/f99e0690-c35c-43ab-b724-88d9648f9b27.jpg
Изображение канала: Кириллица.дизайн
Как составить ТЗ на вау-лендинг, чтобы он продавал
Маркетинговое агентство moab поделилось полезностью: готовая рыба технического задания, которой они пользуются сами. К документу прилагается https://vc.ru/marketing/1679135-kak-sostavit-gramotnoe-tz-na-prodayushii-lending-za-60-minut-i-nichego-ne-upustit/?erid=LjN8K4mEd">лонгрид с инструкцией по использованию и примерами. Божественных откровений вы там, конечно, не найдете, но ребята разложили по полочкам, что, с какой целью, в каком виде и порядке должно быть реализовано на сайте, чтобы он продавал — база. Можно брать, заполнять и не думать много. Читать и смотреть на VC: https://vc.ru/marketing/1679135-kak-sostavit-gramotnoe-tz-na-prodayushii-lending-za-60-minut-i-nichego-ne-upustit/?erid=LjN8K4mEd">https://vc.ru/marketing/1679135-kak-sostavit-gramotnoe-tz-na-prodayushii-lending-za-60-minut-i-nichego-ne-upustit/?erid=LjN8K4mEd
https://content.desigram.ru/static/de95222a-4001-449d-85ae-6b38a478ac9b.jpg