awdee | Искусство и фото

Telegram-канал awdee - Оди

31242

Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen

Подписаться на канал

Оди

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

Читать полностью…

Оди

Недавно вышли «Рейтинги рунета 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

Читать полностью…

Оди

🙂 Выходим на глобальный рынок: адаптация интерфейса под арабскую локализацию

Фёдор Миронов, дизайнер интерфейсов студии 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

Читать полностью…

Оди

Этикетки серии аргентинских вин 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

Читать полностью…
Подписаться на канал