31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Айдентика бразильского архитектурно-интерьерного бюро Estúdio J-Ribeiro
Стиль напрямую связан с архитектурой: геометричный логотип, изображения поэтажных планов, моноширинный шрифт и цветовая гамма, отсылающая к модернизму
Больше картинок: awdee.ru/the-identity-of-brazilian-architecture-and-interior-design-firm-estudio-j-ribeiro
#awd_identity via studiomateusaraujo.com.br/estudio-jribeiro
Айдентика французской Высшей школы дизайна Вильфонтена
Логотип объединяет две метафоры — планету, которая олицетворяет школу Вильфонтен, и глаз, отсылающий к острому, критичному и открытому взгляду на дизайн
А в стиле школы, которая позиционирует себя как место для творчества, более чем уместны экспериментальная типографика и красочная палитра
Больше картинок: awdee.ru/identity-of-the-french-ecole-superieure-de-design-villefontaine
#awd_identity via behance.net/gallery/152949835/Villefontaine-Design-School-Visual-identity
Ребрендинг французской социальной сети Yubo
Компания Yubo со штаб-квартирой в Париже появилась в 2015 году. В настоящее время число пользователей платформы составляет более 45 миллионов представителей поколения Z. Её отличительная особенность — прямые трансляции, в которых могут участвовать до 10 человек, и бесконечное количество зрителей
Миссия приложения — создать безопасное и весёлое виртуальное пространство, без давления в виде лайков. В приложении просто нет функции, позволяющей ставить лайки
Символ Yubo — энергичный маскот с улыбкой, который хорошо дополняют округлые буквы словесного знака и яркий жёлтый цвет. В целом такое сочетание создаёт позитивный и дружелюбный характер бренда
Отдельный классный штрих в логотипе — лигатура «bo», которая отражает метафору коннекта друзей. Эту идею отлично поддерживает «голубое небо» на рекламных носителях — нечто, что нас объединяет независимо от того, насколько мы отличаемся друг от друга. Ну и эклектичный стиль, который проявляется в комбинации очень разных шрифтов и контрастных цветов
Больше картинок и видео: awdee.ru/rebranding-of-french-social-network-yubo
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_yubo_by_koto.php
Биография гениального исследователя цвета — Анри Матисса
На Лоско есть биографическая статья про творческий путь французского художника Анри Матисса
Отличительной особенностью работ художника было то, что он акцентировал внимание на цвете. При этом Матисс пренебрегал формой и перспективой в пользу контраста и яркости. Он не использовал тени, упрощал фигуры, но при этом добавлял им объём за счёт применения насыщенных цветов
Матисс — основатель художественного течения фовизм, которое происходит от французского les fauves — дикие звери, дикари. Так критики называли его представителей за экспрессивные картины с небрежными мазками, яркими цветами и игнорированием правил композиции. Творчество фовистов бросало вызов условностям и не могло оставаться незамеченными
Несмотря на скандальный характер произведений Матисса он добился признания и известности. Его поддерживали богатые меценаты, среди которых — американская писательница Гертруда Стайн и российский купец Сергей Щукин
В поздний период творчества Матисс делал минималистичные коллажи, вырезая из раскрашенной бумаги абстрактные фигуры животных, людей, растений. Они были по-детски наивными, но когда оказывались внутри композиции, выглядели гармонично и стали ещё одним средством выразительности через цвет
Анри Матисс — пионер современного искусства, который не побоялся отказаться от традиционной живописи, а через своё творчество дал негласное разрешение рисовать так, как хочет сам художник, и не бояться критики
losko.ru/henri-matisse-biography
Больше картинок: awdee.ru/biography-of-the-brilliant-explorer-of-color-henri-matisse
#awd_retro #awd_person #awd_art #awd_summary
Упаковка коллекции чая Trés французской марки Sans & Sans
В переводе с французского trés — три, что означает три вида чая в одной коробке. Каждая баночка окрашена в отдельный цвет, а сочетание геометрических фигур «подсказывает» номер напитка, что в целом отражает идею выбора и классификации чая в коллекции
Классный пример баночек, которые будут красиво выглядеть не только на полках магазинов, но и на кухне
Больше картинок: awdee.ru/packaging-of-the-tres-tea-collection-by-french-brand-sans-sans
#awd_pack via behance.net/gallery/121950639/Trs
Ретрофутуристичный 3D-дизайн Вадима Садовского из Атланты
Больше картинок: awdee.ru/retrofuturistic-3d-design-by-atlanta-based-vadim-sadovsky
#awd_illustration #awd_3D via behance.net/Vadimsadov77f2
Иллюстрации Гражины Грей из Литвы
Больше изображений: awdee.ru/illustrations-by-grazina-grey-from-palanga
#awd_illustration via dribbble.com/Grei
🙂 Ритм на экране
Перевод статьи Кристофера Батлера об управлении вниманием пользователя при сканировании сайта. В ней автор, опираясь на исследования, рассказывает о том, какой части страницы люди уделяют больше внимания при просмотре. Он объясняет, как информационная архитектура убеждает пользователей задержать внимание на контенте. А также отвечает на вопрос, почему люди быстро прокручивают первый экран ещё до полной загрузки страницы
В конце он даёт несколько практических советов о способах восприятия информации (вдумчивое чтение, быстрое сканирование), выравнивании, повторении и работе свободного пространства
awdee.ru/the-rhythm-of-your-screen
#awd_article #awd_ui
🙂️️️️ Консистентность в дизайне
Перевод статьи Tubik Studio о том, что такое консистентность в дизайне, в чём её особенности, на какие типы она делится и как спроектировать цифровой продукт, чтобы он выглядел консистентным
Консистентность — свойство продукта, при котором он взаимодействует с пользователем одним и тем же или похожим образом, независимо от точки соприкосновения или канала коммуникации. В контексте UX «консистентность» означает, что подобные элементы выглядят и функционируют одинаково, и таким образом снижают когнитивную нагрузку и делают взаимодействия более интуитивными
Consistency можно переводить как «согласованность» или «последовательность». Это будет верный, но неполный перевод. Потому что в контексте интерфейсов слово consistency содержит дополнительные оттенки смысла. Поэтому в этой статье мы переводим его как «консистентность»
awdee.ru/consistency-in-design
#awd_article #awd_ux
🙂 Выходим на глобальный рынок: адаптация интерфейса под арабскую локализацию
Фёдор Миронов, дизайнер интерфейсов студии CleverPumpkin, написал статью о том, как правильно локализовать сайт или приложение с учётом особенностей арабского языка. В статье он детально рассказал, как адаптировать тексты, изображения, иконки, инпуты и другие элементы интерфейса в контексте RTL (Right-To-Left)
awdee.ru/going-global-adapting-the-interface-for-arabic-localization
#awd_article #awd_ui
Как мы создавали навигацию Левашовского хлебозавода
Ребята из студии брендинга DEZA написали статью о том, как создавали систему навигации и логотип для Левашовского хлебозавода в Санкт-Петербурге. В ней они рассказали обо всех этапах работы, трудностях, с которыми они столкнулись, и показали, что в итоге получилось
awdee.ru/how-we-created-the-navigation-of-levashov-bread-factory
#awd_logo #awd_article
Генеративный постер Оди
Любой статический дизайн можно оживить с помощью программирования. Например, превратить логотип Оди в интерактивный постер, который двигается вместе с мышью. Работает прямо в браузере, попробуйте!
Такая техника называется генеративным дизайном. Вместо того, чтобы создавать графику вручную, дизайнер описывает свои идеи с помощью кода и получает множество вариативных решений. Можно, например, сгенерировать тысячу логотипов и выбрать лучший из них.
Сетка — это канал, в котором Иван Дианов и Адам Арутюнов учат дизайнеров программировать: постят бесплатные уроки по генеративному дизайну и веб-разработке, вебинары с экспертами, рассказы о техниках, инструментах и приёмчиках.
Подписывайтесь, чтобы стать первыми специалистами в новом направлении!
@setka_design
Реклама ИП Арутюнов А.Е., ИНН 616618181949
🙂️️ Что такое тренд Bento UI и как начать его использовать
Перевод статьи Луизы Норт о том, как появился дизайн-тренд Bento UI, почему стал популярным и как делать макеты в таком стиле
Также рекомендуем посмотреть сайт BentoGrids, который демонстрирует примеры применения Bento UI в дизайне интерфейсов
awdee.ru/what-is-the-bento-ui-trend-and-how-to-start-using-it
#awd_article #awd_ui
22 сентября Тинькофф проведет #FFDD2D Design Conf — прозрачную конфу о дизайне в продуктовых компаниях.
Ждем всех, кому интересен диджитал-дизайн. Поговорим о будущем дизайна, неидеальных процессах и работе с бренд-медиа.
Можно подключиться к трансляции конференции. Регистрация открыта до 19 сентября. Торопитесь, пока есть места: https://u.tinkoff.ru/design.conf.2023
Реклама АО «Тинькофф Банк», ИНН 7710140679
Упаковка кофе американской кофейни Sola Coffee Co.
Многослойность, геометрические формы и эксперименты с вёрсткой вносят разнообразие в дизайн и делают его нескучным
Больше картинок: awdee.ru/the-packaging-of-the-coffee-of-the-american-coffee-house-sola-coffee-co
#awd_pack #awd_identity via thedieline.com/blog/2023/8/2/studio-mpls-designs-type-forward-branding-and-packaging-for-sola-coffee-co
Упаковка кошачьих кормов китайской марки HolyMoly
Довольно свежая идея — разместить яркие маленькие упаковки в прозрачный пластик с фотографией «орущего от голода» кота. А последний штрих — «ор» с эффектом текста в перспективе — делает дизайн более заметным
Больше картинок: awdee.ru/chinese-brand-holymoly-cat-food-packaging
#awd_pack via behance.net/gallery/179876895/HolyMoly-Rainbow-Cat-Food-Packaging-
📖 Финальная битва с триггерами в 14-м измерении — Журналус № 372
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Джордана Элленберга «Форма реальности»
— Как создаются вымышленные бренды для кино и мультфильмов
— Как структурировать дизайн-систему с помощью новых переменных в Figma
— Как достичь больших результатов в работе. Большая статья
— Что такое Триггеры в UX-дизайне и как они работают на самом деле
— Обновлённый глоссарий на тему шрифтового дизайна от студии Паратайп
— Как устроен процесс разработки айдентики
— Ультимативная шпаргалка по типам градиентов с примерами использования
— Почему аутлайновые иконки в интерфейсах — это зло
— Как адаптировать иллюстрации к тёмной теме
— Набор персонажных иллюстраций в Sci-Fi-стилистике
— Более 140 тысяч иконок в разных стилях
— Продвинутый браузерный сервис для создания lottie-анимаций
— 86 оцифрованных советских диафильмов
— Бесплатный аналог ChatGPT от Stability AI
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
❓Почему на печати все получается не так, как на мониторе?
Цвета тусклые, часть текста обрезалась, шрифты не пропечатались и фон в точечку…
Сплошное разочарование дизайнера, обман ожиданий клиента и куча времени на переделку!
А еще нелестные отзывы типографии о твоем макете.😫
Дизайнер, тебе знакомо такое?
Тогда приходи на бесплатный вебинар-разбор для дизайнеров полиграфии от владелицы типографии с 20-летним опытом Анастасии Ивченко:
👉 19 сентября в 18-00 по Мск👈
БРАК ДИЗАЙНЕРА И ТИПОГРАФИИ: КТО ВИНОВАТ И ЧТО ДЕЛАТЬ, ЧТОБЫ ОЖИДАНИЯ СОВПАДАЛИ С РЕАЛЬНОСТЬЮ?
Тебя ждут:
✔️Самые частые истории про брак в печати.
✔️Конкретные ситуации "почему все не так получилось на печати".
✔️Что делать дизайнеру, чтобы при печати тиража с его макетов не было казусов и сюрпризов.
Регистрируйся сейчас и получи
🎁 «Словарь-переводчик полиграфических терминов», в котором Анастасия простыми словами объясняет сложные полиграфические термины.
Переходи по ссылке и занимай свое место среди грамотных дизайнеров будущего ⏩
Реклама ИП Ивченко А.С., ИНН 771576002298, erid: Kra23iQF8
Афиши Государственного театра Майнца
Больше плакатов: awdee.ru/staatstheater-mainz-posters
#awd_poster via behance.net/gallery/177886395/Staatstheater-Mainz-Posters-(202021)
Видео, которое стоит посмотреть каждому дизайнеру взаимодействия
Перевод статьи Юлии Ку о революционной презентации Дугласа Энгельбарта, на которой он впервые представил совершенно новые концепции взаимодействия пользователя с компьютером. На презентации, которая прошла в 1968 году, Дуглас показал такие разработки, как компьютерная мышь, графический интерфейс, гипертекст, видеоконференции и даже редактор для совместной работы в режиме реального времени
В статье автор представила основные тезисы презентации. Она также объяснила, почему это выступление стало поворотным моментом в истории взаимодействия человека с компьютером и его однозначно стоит посмотреть всем дизайнерам взаимодействия
📼 Полная запись оригинальной презентации: youtube.com/watch?v=yJDv-zdhzMY
📼 Короткая версия: youtube.com/watch?v=B6rKUf9DWRI
awdee.ru/a-video-every-interaction-designer-should-watch
#awd_article #awd_retro
Если вы думаете о том, чтобы расширить дизайн-компетенции — приходите на курс Практикума по созданию мобильных приложений. Вы научитесь делать приложения не только для смартфонов, но и для TV, умных часов и других платформ. А в конце положите большой проект в портфолио.
Курс для продолжающих, так что основы заново проходить не придётся. Учёба идёт 3 месяца по 10 часов в неделю — можно совмещать с работой.
Что будет на курсе: • Углубленное прототипирование, дизайн-системы, гайдлайны iOS и Android. • Удобная теория в онлайн-тренажёре, который доступен 24/7. • Практика на большом проекте на протяжении всего обучения. • Преподаватель-сеньор, который проверяет проект каждые две недели. Ему можно задать вопросы напрямую — в чате.
Записывайтесь на курс и расширяйте компетенции.
Промосайт учебника о дизайне шрифтов Blaze Type
Классный способ презентовать книгу о шрифтовом дизайне — построить стиль лендинга на монохромных экспериментах с типографикой
learntype.eu
Больше скриншотов: awdee.ru/blaze-type-font-design-tutorial-promotional-site
#awd_web #awd_site
Концепт кофейной упаковки Bean So Good
В предверии Лунного Нового года 2022 китайские дизайнеры разработали концепт праздничной упаковки зёрен и готового кофе
Главными героями в ультраминималистичном дизайне стали милые котики в стиле граффити, символизирующие год Тигра
Больше картинок: awdee.ru/cny-coffee-collection-year-of-the-tiger
#awd_pack via behance.net/gallery/130359895/Bean-So-Good-CNY-Coffee-Collection-Year-of-the-Tiger
FlowMapp — онлайн-сервис для создания интерактивных карт сайта, флоучартов и кликабельных прототипов
Поддерживает командную работу, экспорт проекта и историю редактирования. Также внутри можно хранить референсы. Есть библиотека шаблонов
Ограниченная версия — бесплатная, цена платных тарифов стартует от 8,8 $ в месяц при годовой оплате
flowmapp.com
Больше картинок: awdee.ru/flowmapp
#awd_tool #awd_webtool
🙂 10 лет в дизайне и 12 уроков, которые я из них усвоил
Британский дизайнер Томми Тонер создавал сайты и мобильные приложения для таких компаний, как Jaguar, eBay, Formula 1, BBC, Audi, Google, Nike, Sony, HSBC, American Express, Shell и многих других. Мы перевели его статью о 12 уроках, которые он вынес из своего 10-летнего опыта работы в дизайне
Коротко о том, что внутри:
1. Карьера дизайнера — марафон, а не спринт
2. Не всё то золото, что блестит
3. Не делайте дизайн вслепую
4. Инструменты ничего не значат
5. Бренд и UX — две стороны одной медали
6. Будущее — гибрид
7. Ваши пет-проекты имеют значение
8. Восприятие — всё, но кого оно волнует
9. Агентства никогда не заменят внутренние дизайн-команды, и наоборот
10. Дизайнеры могут участвовать в бизнес-процессах, но это необязательно
11. Учитывайте эмоции, но не теряйте прагматизма
12. Поднимите планку своей уникальности
awdee.ru/a-decade-in-design-and-12-lessons-its-taught-me
#awd_article #awd_career
Human Generator — бесплатный онлайн-генератор реалистичных фотографий людей
Можно загрузить собственную фотографию и менять её, или создать изображение несуществующего человека. Чтобы получить более точный результат, есть текстовые промты. Можно настраивать такие параметры, как пол, возраст, цвет кожи, национальность, поза, комплекция, одежда, задний план и многие другие
Инструмент выпустила команда Icons8
Бесплатно для некоммерческих проектов. За коммерческие тарифы с платной лицензией — от 17 $ в месяц при годовой оплате
generated.photos/human-generator
Больше примеров: awdee.ru/human-generator-is-a-free-online-generator-of-realistic-photos-of-people
#awd_tool #awd_webtool
🙂 Проектируем карточки товаров в листинге: 230 гайдлайнов
Станислав Хрусталёв проанализировал около 200 приложений из сферы e-com и написал, как сделать карточки в листинге товаров понятными, наглядными и функциональными
Статья состоит из следующих разделов:
— Layout листинга
— Выделение карточек в листинге
— Фото товара
— Слайдер
— Page control
— Название и подписи
— Маркеры
— Варианты товара
— Цена и скидки
— Рейтинг и отзывы
— Кнопка корзины
— Кнопка избранного
— Реакция карточки на касание
Все гайдлайны автор по традиции сопроводил информативными примерами актуальных приложений
awdee.ru/designing-product-cards-in-a-listing-230-guidelines
#awd_article #awd_ux #awd_cx
Сайт агентства Move с подходом mobile first
Из визуальных штук хочется отметить неожиданные цветовые сочетания, акцидентную типографику и уместные декоративные элементы
moveagency.com/en
#awd_web #awd_site
Что делает тень реалистичной
Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов
awdee.ru/what-makes-a-shadow-realistic
#awd_article #awd_color
🙂 Что должно быть на сайте медицинских услуг: гайд из 31 пункта
CX-дизайнер Адам Григорян спроектировал с десяток сайтов для стоматологий, офтальмологических клиник и многопрофильных медцентров. На базе результатов исследований, данных трафика, опросов аудитории, информации из отделов продаж он рассказал о нюансах дизайна сайтов для таких учреждений
На примерах автор объяснил:
— Какую информацию включать в форму заявки
— Стоит ли использовать онлайн-чат на сайте
— Когда указывать стоимость услуг
— Показывать ли фотографии «До/После»
— Какие отзывы и где публиковать в первую очередь
— На какую информацию о персонале клиенты обращают внимание
— Какие данные стоит добавлять в Яндекс.Справочник, чтобы увеличить присутствие в поисковой выдаче
awdee.ru/what-should-be-on-a-medical-services-website-a-31-point-guide
#awd_article #awd_cx