36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
Китайская повседневность в изометрических иллюстрациях Ни Сяньсена из Китая
Больше картинок: awdee.ru/chinese-everyday-life-in-isometric-illustrations-by-ni-xiansen-from-china
#awd_art #awd_illustration via behance.net/gallery/185156043/-2023-25D
Сайт онлайн-календаря Amie
Уверенная презентация цифрового продукта с приятной стилистикой и множеством интересных деталей. Здесь и аккуратная вёрстка, и грамотная работа со слоями, и отличная проработка визуального контента с уместными вкраплениями 3D-элементов. А за счёт грамотного использования интерактивных анимаций и видеоконтента лендинг выглядит динамичным и запоминающимся своей подачей
Само приложение тоже отличное, советуем оставить заявку на доступ
amie.so
Больше скриншотов: awdee.ru/amies-online-calendar-site
#awd_web #awd_site
#цитата_дня
Художники, которые плохо видят, просто рисуют на больших форматах. Матисс нашёл способ гениально выражать свои мысли и чувства в картинах, хотя в последние годы жизни его руки были практически неподвижны из-за болезни. Он нашёл простые формы, которые мог вырезать из бумаги. Ножницами, которые к его рукам привязывали. Несомненно, «хорошие данные» — это чудесно! Но опыт показал, что очень часто из нескольких конкурентов побеждает тот, у кого было больше упорства, даже если у других «природный потенциал» был больше
«Будет сила, будет и воля. Как получить доступ к собственным ресурсам», Яна Франк
#цитата_дня
Когда британского писателя Йена Синклера спросили, собирал ли он материал для своих книг, он ответил, что вся его жизнь — это сбор материала. Не могу придумать лучшего девиза для современного графического дизайнера
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Кампания к 85-летию американского ритейлера люксовой одежды Boyds
Основная идея кампании — сохранить существующую целевую аудиторию и привлечь новых покупателей. Визуально дизайнеры воплотили её, объединив винтажную рекламу с новым юбилейным логотипом, новыми шрифтами и современной модной фотографией
Больше картинок: awdee.ru/campaign-for-the-85th-anniversary-of-us-luxury-clothing-retailer-boyds
#awd_identity via underconsideration.com/brandnew/archives/new_campaign_identity_for_boyds_85th_anniversary_by_defy.php
Лучшие фотографии космоса 2023
Вдохновение можно искать не только в дизайне, а везде — в искусстве, фотографии, природе, архитектуре, и даже в космосе. Поэтому мы решили показать вам 8 лучших снимков космоса по версии журнала Scientific American, сделанных в 2023 году:
— Messier 51 – спиральная галактика, расположенная в созвездии Гончих псов на расстоянии около 30 миллионов световых лет от Земли
— Астероид Динкинеш и его недавно открытый спутник
— Капсула с образцами грунта потенциально опасного для Земли астероида Бенну
— Прохождение кометы C/2020 V2 через созвездие Журавля и мимо трёх спиральных галактик NGC
— Terzan 12 — одно из самых плотных скоплений звёзд Млечного Пути, которое находится примерно в 15 000 световых лет от Земли
— Восход солнца за крупнейшим в мире оптическим телескопом Extremely Large Telescope, или ELT, строительство которого завершится в 2028 году
— Затмевающая тень Луны, проходящая по поверхности Земли с расстояния 380 000 км
— Два огромных циклона вблизи северного полюса Юпитера
Все фотографии: awdee.ru/best-photos-of-space-2023
#awd_art #awd_photo via scientificamerican.com/article/behold-the-best-space-images-of-2023
Линейка мексиканских баночных вин Pepe Palermo
Крепкий дизайн с экспериментальной вёрсткой, понятным цветовым кодированием и шрифтом с обратным контрастом (это когда горизонтальные штрихи толще вертикальных)
Больше картинок: awdee.ru/pepe-palermo
#awd_pack via espina.studio/pepe-palermo
Тренд: гармоничное сочетание цвета текста и фона
В большинстве случаев на сайтах дизайнеры оставляют основной текст чёрным или белым, чтобы сохранить высокий уровень читаемости. Но мы заметили новый тренд — стильное сочетание яркого, красочного наборного текста на подходящем цветном фоне
Примеры: awdee.ru/trend-harmonious-combination-of-text-and-background-color
#awd_web #awd_site #awd_trend
#цитата_дня
Искать новые заказы нужно, когда мы ещё заняты работой, когда, как футбольная команда, только что забившая гол, мы переполнены энергией и уверенностью. Когда работы нет, мы начинаем сомневаться в себе и своих силах — не лучшее эмоциональное состояние для поиска клиентов
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Айдентика мексиканского кофейного бренда Extraño Accidente
Максимально акцидентный шрифтовой логотип отлично соответствует названию Extraño Accidente — Странное Происшествие. Идею хорошо поддерживают динамичные иллюстрации и экстравагантное сочетание цветов
Больше картинок: awdee.ru/the-identity-of-mexican-coffee-brand-extrano-accidente
#awd_identity via behance.net/gallery/187137429/EXTRANO-ACCIDENTE
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Мокапы»: awdee.ru/category/files/mockups
Исследование настроек доступности
Яндекс опубликовал результаты исследования, которые показывают какой процент людей пользуется функциями доступности в системных настройках телефона
Эти данные важны, потому что 51% пользователей приложения Яндекс Браузер на iOS и Android, или более 20 миллионов человек, используют хотя бы одну настройку доступности
Топ-5 настроек доступности:
— Изменение размера шрифта — 35% пользователей
— Тёмная тема — 27%
— Функция «Экран вслух», которая озвучивает происходящее на экране — 6%
— Функция «Монозвук», которая объединяет два канала звучания и подаёт звук одинаково в левый и правый наушники — 3%
— Субтитры — 2%
Настройки доступности используют не только люди с особенностями здоровья. Остальные пользователи также включают их в отдельных ситуациях. Например, при воспалении одного уха, в условиях недостаточного освещения или неподходящей обстановки для прослушивания контента
inclusion.yandex.ru/settingsresearch
#awd_article
Шпаргалка по доступным областям нажатия
Перевод статьи Виталия Фридмана о размерах интерактивных элементов в мобильных интерфейсах
В статье автор рассказал:
— Об общепринятых рекомендациях в отношении областей нажатия. Они должны быть не менее 44×44 px, а в случаях кликабельных элементов в тексте — не менее 27×27 px
— О том, что кликабельные элементы по краям экрана должны быть больше по размеру, чем элементы, расположенные в центре
— О случаях, когда в нижней навигации количество пунктов меню превышает 5. Здесь стоит создать нижний оверлей, который будет скользить вверх/вниз вдоль основного экрана, а не стараться втиснуть все пункты в нижнюю панель навигации
— Об альтернативе всплывающим при наведении иконкам в строке сложных таблиц в виде кнопки «Действия» («Actions»)
— О помощнике, который необходим пользователю для выполнения сложных действий в интерфейсе
— О случаях, когда покупатель хочет выбрать цвет в интернет-магазине, а колорпикер слишком маленький. Тогда уместно добавить дополнительное касание, которое увеличит колорпикер, чтобы человек точно попал по цвету, который ему нравится
— О том, что всегда следует делать всю ширину или высоту элемента кликабельной, а также добавлять в область нажатия достаточные по размеру внутренние отступы
Эти практические приёмы помогут дизайнерам интерфейсов избежать «кликов ярости» со стороны пользователей
🙂️️️️ awdee.ru/accessible-target-sizes-cheatsheet
#awd_article #awd_ui
Акциденция в типографике
Дизайнер Сергей Телидченко написал статью о приёмах акциденции, которые помогают вдохнуть в текст эмоции и показать характер контента
Приёмы акциденции, которые автор рассматривает в статье:
— Графика в типографике: изображения врезают в заголовки
— Вёрстка встык или внахлёст: приближение элементов друг к другу или их наложение
— Намеренное перекрытие текста: наложение на текст фигур, контрастных фону
— Искажение слов или букв: изменение ширины или формы букв, разбивка заголовка
— Получение сложных форм при совмещении простых: разрыв фразы на отдельные строки и построение из них интересной формы
— Орнаментальность: создание рисунка из литер или слов
— Сочетание нескольких гарнитур в одной фразе: шрифтовая пара со схожими признаками и небольшим отличием, либо с сильной разницей и небольшим сходством
— Создание глубины и объёма: изображение текста в виде абстрактных элементов, текст в перспективе
В заключение автор подчёркивает, что при работе с акцидентной вёрсткой важно найти баланс между функцией и формой. Потому что, чем сложнее форма, тем труднее читать текст
В конце статьи вы найдёте много дополнительных материалов по теме
tilda.education/articles-display-typefaces-in-graphic-and-web-design
#awd_article #awd_typo #awd_edu
Термин: «Понимание задачи»
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
🙂 awdee.ru/term-understanding-the-task
#awd_article #awd_edu #awd_terms
#цитата_дня
Глаз склонен к преувеличению всего горизонтального и к более слабому восприятию вертикальных частей. Оптические иллюзии нельзя просто отбросить как пустяки, и всякий проектировщик должен представлять себе связанные с этим проблемы
«Типографика», Эмиль Рудер
5 подкастов для продакт-дизайнеров
Продакт-дизайнеру для профессионального роста очень важно быть в курсе последних тенденций и лайфхаков в быстро меняющемся мире.
Алекс Андреев, ведущий продакт-дизайнер в QIC digital hub, рекомендует ресурсы, которые охватывают широкий спектр тем – от Figma до эффективного общения с заинтересованными сторонами.
Читайте текст в блогах #QIC на vc.ru или QatarInsuranceCompany/5-best-podcasts-for-product-designer-029ab6364e01">Medium и рекомендуйте свои любимые подкасты в комментариях.
#промо
Эклектичный голландский плакатный дизайн: сочетание строгих правил и бунтарского духа
Если вы хотели погрузиться в тему плакатного дизайна Нидерландов, то мы написали обзорную статью на эту тему. В ней мы расскажем, что повлияло на формирование голландской графической культуры, кратко обрисуем отличительные черты графического дизайна Нидерландов и покажем работы лучших голландских плакатистов
Предупреждение: в статье очень много плакатов :–)
🙂️️️️️️ awdee.ru/eclectic-dutch-poster-design
#awd_poster #awd_article #awd_retro
📖 Привычка гордиться своим дизайном как способ развернуть карьеру в эпоху пятого лета вездесущего ИИ — Журналус № 390
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Джеймса Клира «Атомные привычки»
— 6 подходов к смене карьерного пути
— Почему не стоит использовать картинки сгенерированные ИИ
— Как спроектировать этичный запрос на использование cookie
— Артикуляционный барьер в использовании ИИ
— Чек-лист для передачи макета в разработку
— 58 правил для создания эстетичного и удобного дизайна интерфейса
— Приёмы для художественной вёрстки текста
— Как спроектировать небольшие бейджи для интерфейсов
— Ежегодная презентация Бенедикта Эванса про изменения в мире технологий
— Как грамотно провести редизайн интерфейса
— История взлётов и падений ИИ начиная с 60-х годов
— Что такое идеальный дизайн и почему он не вечен
— Лекция о метафоре в дизайне и решении задач с её помощью
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Бесплатный курс по дизайну с персональным наставником 💚
Узнайте больше и погрузитесь в профессию дизайнера.
Moscow Digital Academy расскажут про 4 направления
🧬Веб-дизайн
🧬Графический дизайн
🧬Нейросети
🧬UX/UI
Учитесь в своем темпе — смотрите уроки в удобное время и в любом месте. А наставник поможет и ответит на все вопросы.
А после прохождения курса вы получите Сертификат ⚛️
Посмотрите какие работы делают их ученики, изучите программу и регистрируйтесь на курс 🙂
Реклама. ИП Федорин В.В. Erid:2VtzqxNn2fg
#цитата_дня
Следует обратить внимание ещё вот на что: идея одной профессии на всю жизнь исчерпала себя. В этом нестабильном мире завтра нам всем придётся научиться находить работу везде, где можно, менять род занятий по необходимости и быть постоянно открытыми любым возможностям и всему новому. Базовое дизайнерское образование и навыки работы с программными средствами формируют основу для успеха в этом новом прекрасном мире
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Фишки Photoshop за 1 минуту
В подборке — видеоуроки, просмотр каждого из которых займет у вас не более 60 секунд. Всего за одну минуту вы сможете проследить полный процесс создания популярных современных эффектов, gif-анимации или постера в Adobe Photoshop. Уроки понравятся как опытным пользователям, так и тем, кто лишь недавно начал знакомство с программой.
Темы уроков:
— Эффект левитации
— Синемаграфия: как сделать живую картинку
— Постер из шаблона Adobe Stock
— GIF-анимация
— Двойная экспозиция
— Искусство Photoshop: композитинг
Тема: #program, рубрика: #training
Как начать читать научные исследования по дизайну и зачем они нужны
Лид DesignOps в Tinkoff Юля Кондратьева рассказала, зачем дизайнерам читать научные статьи и как правильно искать их в интернете
Читать научные статьи по дизайну тяжёло: они объёмные, написаны на английском, и зачастую найти их полный текст — тот ещё квест. Но автор приводит несколько аргументов в пользу того, почему это полезно. Научные статьи могут помочь:
— Защитить дизайн-решение. Данные из научной статьи позволят доказать клиенту, команде или арт-директору, что принятое дизайн-решение взято не с потолка
— Придумать новые гипотезы. На основе исследований можно проверить новые идеи или уже существующие паттерны
— Узнать что-то новое. Это интересно и повышает квалификацию. В этом пункте автор показывает, как искать научные статьи в интернете
Разница между научными статьями и экспертными мнениями/обзорами:
— Внимательное отношение к данным. В научных статьях авторы учитывают статистическую значимость отличий и думают о разнообразии выборки участников
— Понимание, на основе чего сделан вывод. Есть чёткое описание эксперимента и ссылки на предыдущие исследовательские работы
— Наличие ссылок на другие статьи
Чтение научных статей требует больше времени, чем поиск в Гугле, но окупается более подробными, точными данными и, часто, свежим взглядом на проблему
Статья полностью: habr.com/ru/articles/784526
📼️️️️️️На основе статьи есть видео: youtube.com/watch?v=hG4mR3r3fgI
#awd_article #awd_edu
Две линейки шоколадных конфет гватемальской марки Zacapa
Конфеты идут в дополнение к фирменному рому Zacapa и предназначены для подарка. Поэтому и упаковка роскошная — элегантный рукописный логотип и золотое тиснение на чёрном фоне
Дизайн самого шоколада уже делает его произведением искусства, настолько он необычный. В линейке The Everyday Range конфеты в форме гор намекают на гватемальское происхождение бренда, а в The Elevated Range оригинальность конфет выражается в их красочности
Больше картинок: awdee.ru/two-lines-of-chocolates-from-the-guatemalan-brand-zacapa
#awd_pack via thedieline.com/blog/2024/1/10/here-design-elevates-zacapa-chocolates-with-luxurious-packaging
Айдентика и сайт голландского финтеха Levenue от студии Embacy
Levenue — финансовая платформа на основе регулярных доходов, предоставляющая стартапам возможность привлекать инвестиции, не утрачивая контроль над управлением и принятием решений
Дизайн-концепция базируется на идее пересечения путей, соединяющихся в единый хаб. Насыщенная цветовая палитра придает айдентике выразительность, а веб-дизайн гарантирует узнаваемость бренда благодаря грамотному использованию стилевых констант без избыточной графики
https://www.behance.net/gallery/187335315/Levenue-Brand-Identity-Website?erid=2SDnje6zChE
#промо
#цитата_дня
В каждом проекте есть этап (или этапы), неприятный нам, та самая ж/д станция поздно ночью. Вместо того чтобы разобраться с этим этапом сразу же, большинство из нас совершают ошибку, огромную ошибку, и оставляют его напоследок. И вот уже искажено наше ощущение времени и мы не можем грамотно распределить силы
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Краткая история композиции
Перевод главы из онлайн-книги «Programming Design Systems» об истории появления и развития композиции в дизайне
Из неё вы узнаете, как и почему появились принципы той вёрстки, которые дизайнеры используют сейчас, и чем они обусловлены
Краткое содержание статьи:
— Как христиане оформляли ранние старинные рукописи
— Как писцы использовали сетки в Средние века
— Каким образом появление первых печатных станков повлияло на развитие сеток
— Какие эксперименты с сеткой ставили итальянские футуристы
— Какие подходы к композиции применяли Сол Басс и Пол Рэнд в рекламных продуктах
— Какое влияние швейцарские дизайнеры оказали на развитие системы сеток
— Как с позиции вёрстки эволюционировал сайт газеты The New York Times
Эта история поможет разобраться в том, как дизайнеры на протяжении веков использовали приёмы композиции для создания гармоничных дизайн-проектов в печати и в Интернете
🙂 awdee.ru/a-short-history-of-geometric-composition-2
#awd_article #awd_retro
#цитата_дня
Слава в мире графического дизайна напоминает славу в стоматологии — она не выходит за рамки профессии. Ни один таксист не назовёт имя какого-нибудь известного дизайнера. Никогда
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
В январе про нас написали:
— Bezfiltrovinstagrama
— ИКРАДИО | КАМЧАТКА
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Как избежать типичных ошибок в дизайне кнопок
Перевод статьи Адхама Даннавея, в которой он сначала разбирает 9 распространённых ошибок при проектировании кнопок, а затем показывает пример группы кнопок, которые отвечают требованиям доступности и удобства использования. В заключение автор даёт 6 советов, которые помогут создать правильную визуальную иерархию кнопок, сделать их контрастными, удобными для попадания по ним и расположить их на достаточном расстоянии друг от друга
🙂 awdee.ru/button-design-tips-to-avoid-common-mistakes
#awd_article #awd_ui