Оди
34.7K subscribers
27.5K photos
1.34K videos
147 files
5.83K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf8V5

Автор проекта: @kirillgreen
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
chaosMachine — генератор рандомной графики, этакий бесплатный Иронов на минималках

Поиграться онлайн: chaosmach.com

#awd_tool #awd_ml
25👍6🔥6
#цитата_дня

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

Виктор Папанек «Дизайн для реального мира»
👍3511🔥4🤔1
🙂️️️️️️ Как полосы в таблицах влияют на скорость работы с ними

Продуктовый дизайнер Иван Емелюшкин написал статью о том, когда стоит делать таблицы полосатыми, а когда достаточно ограничиться разделительными линиями или вообще не разлиновывать таблицу

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

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

А ещё он посоветовал подсвечивать строку при наведении курсора, чтобы пользователь точно не ошибся при выборе

awdee.ru/how-stripes-in-tables-affect-the-speed-of-working-with-them

#awd_article #awd_tables
Please open Telegram to view this post
VIEW IN TELEGRAM
👍265🔥4
🙂️ Тонкости UI-дизайна больших таблиц с данными

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

В материале он делится следующими практическими советами:
— Располагайте столбцы по важности и визуально выделяйте ключевые столбцы
— Закрепляйте столбцы c данными, задающими контекст
— Закрепляйте заголовки столбцов
— Позволяйте менять порядок столбцов и скрывать/отображать отдельные столбцы
— Подумайте, как настраивать плотность отображения информации
— Внедряйте фильтрацию поиском
— Добавляйте готовые фильтры

awdee.ru/ui-considerations-for-designing-large-data-tables

#awd_article #awd_tables
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83👍1
Оформление премиальной линейки итальянских соусов Collezione Casa Marrazzo 1934

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

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

Больше картинок: awdee.ru/design-of-the-premium-line-of-italian-sauces-collezione-casa-marrazzo-1934

#awd_pack via thedieline.com/blog/2023/3/29/collezione-casa-marrazzo-1934
11🔥3👌2
#цитата_дня

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

Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
15🔥4
🙂️ Плакаты времен ГДР — креативная агитация по-немецки

Магвай посетили берлинский музей ГДР и захотели показать нам плакаты времён ГДР. Они написали статью, в которой рассказали о влиянии СССР на формирование визуальной культуры ГДР, об отличительных особенностях плакатов ГДР и выдающихся представителях плакатного искусства того времени

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

awdee.ru/gdr-posters-creative-campaigning-in-the-german-way

#awd_poster #awd_article #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
11🔥5
Айдентика австралийского интернет-магазина органических продуктов Wholesome

Логотип существует и в полной версии, и в виде курсивной «w», которая служит самостоятельным знаком

Больше картинок: awdee.ru/the-identity-of-australian-online-organic-grocery-store-wholesome

#awd_identity via behance.net/gallery/184404163/Wholesome
👍174🔥2👎1
#цитата_дня

Приведу цитату американского графического дизайнера Боба Гилла: «Дизайнер, имеющий представление о том, как должно выглядеть решение, ещё не зная задачу, так же смешон, как математик, который знает, что ответ — 112, до того, как услышит вопрос». Когда я берусь за новый проект, то веду себя так, будто это мой первый опыт, и исследую основы бизнеса клиента.

Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
45🔥10👍7👏31
👨‍🎨 5 новых бесплатных Figma-плагинов #3

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

— Hue Shifter — позволяет пакетно менять оттенок, насыщенность и яркость у неограниченного количества векторных слоёв и компонентов
— 3D Vector — преобразует векторные фигуры или текст в 3D
— Fast Isometric — располагает изображения и компоненты в изометрической проекции
— MingCute — библиотека из 2700+ векторных иконок, созданных по 24-пиксельной сетке. Каждая иконка нарисована в двух стилях: линиями и с заливкой
— Status Bar 1-click — вставляет строку состояния (Status Bar)/панель уведомлений (Notification Bar) в верхнюю часть фрейма и панель «Домой» (Home Bar) в нижнюю

awdee.ru/5-new-free-figma-plugins-3

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍152
🙂 Проектируем рейтинг и отзывы о товарах в приложении

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

Для удобства восприятия материал он разбил на части в соответствии с этапами клиентского пути:
— Карточки товаров в листинге
— Сортировка листинга
— Фильтрация листинга
— Индикатор в карточке товара
— Rating summary
— Список отзывов
— Карточки отзывов
— Медиаконтент в отзывах

awdee.ru/design-rating-and-product-reviews-in-the-app

#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍31
📼️️️️️️ Туториалы по текстовым анимациям в After Effects

Мы выбрали 10 уроков по After Effects, которые научат анимировать текстовые элементы. Длительность роликов не превышает 15 минут

Анимация:
Текстовых элементов
Вращения 3D-текста
Искажённого текста
Растянутого текста
С эффектом разрыва слова на буквы
Нарисованного вручную заголовка
С эффектом отскока букв
Текста по траектории
Текста с эффектом плавления
Смещения текстовых частей

#awd_edu #awd_ae #awd_video
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥32
#цитата_дня

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

Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
👍295🔥4
🙂️ 19 наших лучших материалов за ноябрь

Тренды:
Тренд: сайты с эффектом свечения в стиле Linear
Визуальный тренд: пикселизация
Тренд: огромные CTA-кнопки

Статьи:
Тонкости UI-дизайна больших таблиц с данными
Как отличать сгенерированные ИИ изображения
Журнальные обложки эпохи конструктивизма
Как сократить объём текста в интерфейсе без потери смысла
Секретная формула скруглённых углов Apple
Проектируем фильтрацию листинга товаров в приложении

Айдентика:
Cтиль британского форума о телевидении и развлечениях Too Much To Watch
Новая айдентика Максима Ильяхова

Дизайн упаковки:
Новый дизайн упаковки кофейной марки Royal Armenia

Иллюстрации:
Японские духи и милые персонажи в повседневной обстановке
Визуальное исследование кошачьих повадок Поля Рабо из Парижа

Инструменты:
14 малоизвестных нейронок для дизайнеров
Типографская раскладка Бирмана

Образование:
Все лекции и интервью шрифтового дизайнера Дениса Машарова
10 принципов Артёма Горбунова
Видеоуроки по созданию анимаций в After Effects с реальными примерами
Please open Telegram to view this post
VIEW IN TELEGRAM
👍124🔥1
Коллекция настоящих монограмм знати 19 века

Больше монограмм: awdee.ru/kollektsiya-nastoyashhih-monogramm-znati-19-veka

#awd_type #awd_collection #awd_retro via letterology.com/2013/06/monogram-collecting.html
23🔥6👍1
#цитата_дня

Исследователи обнаружили, что организм человека вырабатывает больше всего гормонов стресса в первые минуты после пробуждения. Почему? Потому что размышления о предстоящем дне запускают наш инстинкт «бей или беги», и в нашу кровь поступает кортизол. После пробуждения потратьте две минуты на простое осознание своего дыхания. Если вы отвлекаетесь на мысли о работе, отпускайте их и возвращайтесь к своему дыханию

«Как оставаться человеком на работе», Дэниел Гоулман
39👍14🎃4🔥2
3D-миниатюры Николь Блендер из Испании

Ники создаёт уютные пространства, наполненные множеством деталей. Она начала осваивать Blender в конце 2020 года, и за это время сформировала собственный узнаваемый стиль

А одна из её работ стала заставкой Blender 3.5 на их официальном сайте: blender.org/download/releases/3-5

Больше картинок: awdee.ru/3d-miniatures-by-nicole-blender-from-spain

#awd_illustration via instagram.com/nicky.blender
🔥44