31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
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
Недавно вышли «Рейтинги рунета 2023»
Это полезнейшая штука для всех, кто выбирает диджитал-подрядчиков для дизайна, разработки, рекламы, интеграций и так далее
На ratingruneta.ru вы найдёте списки лучших в своём деле компаний: веб-дизайн и разработка, мобильные приложения, SEO, таргет, брендинг, креатив, PR... Всего 22 категории, представлены все популярные диджитал-услуги. 925 компаний из 101 города
В этом году команда улучшила методику подсчёта, теперь в ней более 40 параметров. Методика открыта, вы всегда можете понять, почему компания занимает свою строчку в рейтинге. К работе над методикой команда привлекает сильных экспертов. То есть это не наша фантазии, как должно быть, а опыт экспертов, наложенный на данные
На сайте есть фильтры для подбора подрядчика по городу, цене, услугам, опыту работы в отрасли, умению работать с нужным типом продукта или платформой, умению работать с бизнесом определённого размера и площадками и так далее
Оцените сами и поделитесь с коллегами:
ratingruneta.ru
ratingruneta.ru
ratingruneta.ru
Реклама. ООО «Проактивити». erid: Kra23nCFG
Сайт маркетингового агентства The Thirty7
Стиль сайта построен на контрастах — сочетании гротеска и антиквы, красного и чёрного, минималистичного оформления и динамичных визуальных эффектов
thethirty7.com
Больше скриншотов: awdee.ru/website-of-marketing-agency-the-thirty7
#awd_web #awd_site
Два варианта айдентики московской пекарни Любовь Пирогова
В заведении готовят пироги на песочном тесте, а в начинках сочетают необычные ингредиенты — например, говядину и пиво гиннесс, куриные желудочки и вяленые томаты, грушу и горгонзолу, абрикосы и рикотту
Компания существует уже 7 лет, и её основатели решили сделать ребрендинг. В ходе проекта они работали с разными студиями, которые в общей сложности создали более 20 концептов айдентики пекарни. Но в итоге остановились на концепции, которую предложила студия Repina Branding. В ней главным элементом стиля стал «край надломленного пирога», который хорошо дополняют цветные паттерны и минималистичный округлый логотип
А мы хотим показать вам ещё один вариант айдентики пекарни от студии Max, который клиенты отклонили. Дизайнеров вдохновило творчество любимого художника основателей бренда — Анри Матисса. Именно его контрастные шейпы легли в основу концепции. Так появились абстрактные текстурные паттерны и логотип с рукописным текстом, который символизирует подпись художника в углу картины
Утверждённый вариант студии Repina Branding: vc.ru/design/817637-pirog-kak-art-obekt-kak-my-razrabotali-novyy-firmennyy-stil-pekarni-lyubov-pirogova
Отклонённый вариант студии Max: vc.ru/design/802998-kak-my-upakovali-brend-chut-ne-vzyalis-za-holst-s-maslom-i-pri-chem-tut-matiss
Больше картинок: awdee.ru/two-variants-of-moscow-bakerys-identity-lubov-pirogova
А вам какой вариант больше нравится? Какой вариант вы бы выбрали на месте клиента?
#awd_identity #awd_pack
Трёхмерные абстракции студии DeepYellow
Больше картинок: awdee.ru/tryohmernye-abstraktsii-studii-deepyellow
#awd_3D via instagram.com/deep_shape
Трёхмерные изометрические иллюстрации Макса Гутера из Берлина
Больше картинок: awdee.ru/tryohmernye-izometricheskie-illyustratsii-maksa-gutera-iz-berlina
#awd_illustration #awd_3D via maxguther.de
Айдентика и дизайн упаковки Bakes — французской кондитерской в Хошимине
Самое интересное в этом кейсе — стиль упаковки, который сочетает необычную градиентную обработку, простые иллюстрации в линейной технике и крупную элегантную антикву
Больше картинок: awdee.ru/identity-and-packaging-design-of-bakes-a-french-patisserie-in-ho-chi-minh-city
#awd_pack #awd_identity via behance.net/gallery/173479823/BAKES-FLAGSHIP
Айдентика лиссабонского винного бара Locals & Nomads
Весёлый, красочный стиль с примитивистскими иллюстрациями, яркой цветовой палитрой и классными анимациями
Айдентику разработала студия Redis
Больше картинок и анимаций: awdee.ru/the-identity-of-the-lisbon-wine-bar-locals-nomads
#awd_identity via behance.net/gallery/176565157/Identity-for-LOCALS-NOMADS-wine-bar
Футуристичные 3D-эксперименты Карла Хаузера из Токио
Больше визуализаций: awdee.ru/futuristic-3d-experiments-by-karl-hauser-from-tokyo
#awd_3D via instagram.com/carlhauser
Миниатюрные миры Тацуи Танаки из Японии
Для создания сцен художник сочетает миниатюрные фигурки с повседневными предметами. Одноразовые стаканчики для лапши становятся барабанами, пара солнцезащитных очков превращается в гриль для барбекю, а кассета — в суши-бар
Больше изображений: awdee.ru/tatsuya-tanaka-miniature-worlds-from-japan
#awd_art via designboom.com/art/tatsuya-tanaka-miniature-life-exhibition-calendar-tiny-figurines-objects-08-22-2023
Ребрендинг британской марки томатных соусов и приправ Isle of Wight Tomatoes
Логотип отлично вмещает длинное название бренда и органично сочетается с изображением «чашечки» помидора
Акцент на жёлтом и форма полукруга в знаке отсылают к солнцу, под которым созревают помидоры, а натуральные вспомогательные оттенки делают упаковку яркой, смелой и заметной
Больше картинок: awdee.ru/rebranding-of-british-tomato-sauce-and-condiment-brand-isle-of-wight-tomatoes
#awd_pack via underconsideration.com/brandnew/archives/new_name_logo_and_packaging_for_isle_of_wight_tomatoes_by_bb_studio.php
Генеративный постер Оди
Любой статический дизайн можно оживить с помощью программирования. Например, превратить логотип Оди в интерактивный постер, который двигается вместе с мышью. Работает прямо в браузере, попробуйте!
Такая техника называется генеративным дизайном. Вместо того, чтобы создавать графику вручную, дизайнер описывает свои идеи с помощью кода и получает множество вариативных решений. Можно, например, сгенерировать тысячу логотипов и выбрать лучший из них.
Сетка — это канал, в котором Иван Дианов и Адам Арутюнов учат дизайнеров программировать: постят бесплатные уроки по генеративному дизайну и веб-разработке, вебинары с экспертами, рассказы о техниках, инструментах и приёмчиках.
Подписывайтесь, чтобы стать первыми специалистами в новом направлении!
@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
Этикетки серии аргентинских вин Dilema
Нечасто встретишь хороший пример серийности в вине, но это как раз тот случай :–)
Больше картинок: awdee.ru/labels-of-the-dilema-series-of-argentine-wines
#awd_pack via thedieline.com/blog/2022/10/7/a-complete-rebranding-for-dilema-wines
Концепт айдентики бара Wild Legs
В основе стиля — элементы коллажа, силуэтные иллюстрации и игривая типографика
Больше картинок: awdee.ru/wild-legs-bar-identity-concept
#awd_identity via dprofile.ru/case/30849/wild-legs-winefood
IF Kica — бесплатный акцидентный широкий гротеск с кириллицей
Доступно 3 начертания: Light, Regular и Bold. Содержит заглавные и прописные литеры, цифры, знаки препинания и специальные символы. В составе кириллица, гречица и латиница
Хорошо подойдёт для обложек, плакатов и веб-дизайна
Доступен бесплатно для личных проектов, коммерческая лицензия стоит 24 €
Скачать: iframefonts.gumroad.com/l/kica-display-font
Больше картинок: awdee.ru/if-kica-is-a-free-accidental-wide-grotesque-with-cyrillic-characters
#awd_font #awd_free_download
Премьерные плакаты Театра Эрлангена
Больше плакатов: awdee.ru/theater-erlangen-premiere-posters
#awd_poster via neuegestaltung.de/clients/theater-erlangen-premieren-plakate
🙂 Позиционирование элементов на плоскости
Статья Игоря Штанга о том, как расставить текст и иллюстрации на макете
awdee.ru/on-a-plane
#awd_article
📼 Бесплатные уроки по созданию актуальной графики в Blender
Назарий Дудник записывает туториалы, где разбирает, как делать красивые эффекты и анимации в Blender. Длительность уроков не превышает 25 минут
Темы:
— Анимация падающих букв с помощью Rigid Body
— Анимация волнистой буквы
— Надуваем объект в Blender
— Стилизация дыма
— Создание красивой дисперсии
— Создание хромированного текста
— Мягкое сшивание объектов
— Зацикленный волнистый текст
— Цветное стекло с дисперсией
— 3D-анимация логотипа
#awd_edu #awd_3D
🙂️️ Как создавать тёмные темы: ультимативная коллекция материалов
Тёмная тема — дизайн-решение, при котором вся цветовая гамма интерфейса преимущественно тёмная, а текст и иконки — светлые
Некоторые пользователи отдают предпочтение тёмной теме по нескольким причинам. Во-первых, она способствует снижению нагрузки на глаза в условиях недостаточного освещения. Во-вторых, тёмная тема экономит заряд батареи на мобильных устройствах с OLED-дисплеями, потому что тёмные пиксели потребляют меньше энергии. К тому же, многие люди считают интерфейсы в тёмной теме более привлекательными по сравнению с привычными — светлыми
При проектировании тёмной темы важно не просто изменить цветовую палитру, но и пересмотреть визуальную иерархию, проверить контрастность элементов и яркость фона, чтобы пользователи без труда считывали любой контент
В этой статье мы собрали все лучшие материалы:
— Статьи о том, в каких случаях нужна тёмная тема и как её правильно спроектировать
— Практические пошаговые туториалы по дизайну тёмной темы
— Коллекцию вдохновляющих сайтов в тёмной теме
— Набор Figma-плагинов для её быстрого создания
awdee.ru/how-to-create-dark-themes-collection-of-materials
#awd_article #awd_edu #awd_terms
За пару недель на Design Prosmotr зарегистрировались гости из десятков городов!
Географическая карта Design Prosmotr растет не по дням, а по часам! Каждый форум на площадке собираются гости из десятков городов России. Кто-то объединяется для поездки на событие, кто-то находит единомышленников из своего города уже на форуме, делиться идеями и собирает креативные команды для будущих проектов.
На форуме спикеры делятся историями, как реализовывать и развивать проекты в разных уголках: от креативных столиц до небольших городов с аутентичной культурой. Чтобы каждый участник смог посмотреть на дизайн через призму разного опыта и культурных особенностей.
🌍 Добавь новую точку на карту или найди единомышлеников из своего города: designprosmotr.ru
Частью фирменного стиля японской диджитал-компании Shiftbrain был выбран шрифт TT Norms Pro от студии TypeType.
Для своего спецпроекта, посвященного 20-летию компании, Shiftbrain заказали у TypeType кастомизацию TT Norms Pro. В результате получился ультраширокий вариативный шрифт под названием Shiftbrain Norms Variable, в который также были встроены иконки с изображениями всех членов команды Shiftbrain.
Больше примеров использования шрифтов TypeType в реальных проектах
Реклама. ООО "Тайптайп", ИНН 7814193820, erid: Kra248DXj
Свежие скетчи шведского иллюстратора Маттиаса Адольфссона
Мы уже неоднократно показывали вам скетчбуки Маттиаса, которые он заполняет рисунками. За время своего творчества он создал более 40 таких блокнотов
В сегодняшнем посте мы публикуем подборку иллюстраций из его нового, сорок второго скетчбука
Больше разворотов: awdee.ru/fresh-sketches-by-swedish-illustrator-mattias-adolfsson
#awd_illustration #awd_art via behance.net/gallery/178940919/Moleskine-Sketchbook-42
Commissioner — бесплатный вариативный шрифт с кириллицей
Почти классический гуманистический гротеск с низким контрастом. Есть девять готовых начертаний. Доступно три оси вариативности для настройки насыщенности, наклона и выпуклости. Отлично подойдёт для веб-дизайна
Поддерживает латиницу и кириллицу. Содержит заглавные и прописные литеры, цифры и знаки препинания
Доступен бесплатно для личных и коммерческих проектов по лицензии Google Fonts
Скачать: fonts.google.com/specimen/Commissioner
Больше картинок: awdee.ru/commissioner-is-a-free-variant-font-with-cyrillic-alphabet
#awd_font #awd_free_download