31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂️️ Как создавать тёмные темы: ультимативная коллекция материалов
Тёмная тема — дизайн-решение, при котором вся цветовая гамма интерфейса преимущественно тёмная, а текст и иконки — светлые
Некоторые пользователи отдают предпочтение тёмной теме по нескольким причинам. Во-первых, она способствует снижению нагрузки на глаза в условиях недостаточного освещения. Во-вторых, тёмная тема экономит заряд батареи на мобильных устройствах с 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
Как предпринимателю зарабатывать выше рынка
Статья Максима Ильяхова для всех, кто самостоятельно оказывает услуги клиентам. В ней он рассказывает, как повышать цены и при этом не терять клиентов
Коротко перечислим ключевые тезисы:
— Рыночные цены бывают необоснованными и не означают то, что клиент не готов платить больше
— Повысьте цену на 30% и посмотрите, что получится. Если всё будет плохо — её всегда можно вернуть обратно
— Предложите клиенту добавить к основной услуге дополнительные и решать сразу несколько его проблем за более высокую плату. Как правило, за удобство клиенты готовы доплачивать
— Если клиент не готов к повышению цен, подумайте, как перестать делать для него то, что ему не важно, и тем самым сократить собственные расходы и сэкономить своё время
— Общайтесь с клиентом, чтобы узнать о его впечатлениях от работы с вами. Это поможет понять, как можно поднять цены на свои услуги
В статье все тезисы автор сопроводил множеством практических примеров
journal.tinkoff.ru/level-up
#awd_article #awd_career
🙂️️ Девять сайтов с коллекциями UI-паттернов
Сайты пригодятся, чтобы подсмотреть проверенные и рабочие дизайн-решения для собственных макетов. Например, различные варианты дизайна страницы регистрации, входа в личный кабинет, страницы 404, форм обратной связи, настроек, онбординга и много другого
awdee.ru/nine-sites-with-collections-of-ui-patterns
#awd_webtool #awd_tool #awd_ux
Айдентика кафе Bandit в Куала-Лумпуре
Стиль этого заведения похож на головоломку. Например, в логотипе маска енота напоминает форму багета. А меню при раскрытии превращается в маску с отверстиями для глаз, которую можно примерить на себя. Ещё одна интересная деталь — ручка в форме круассана с одной стороны, и ломтя хлеба — с другой
Ну а главный визуальный символ проекта — игривый енот, который появляется в серии иллюстраций, связанных с повседневной деятельностью
Больше картинок: awdee.ru/cafe-bandits-identity-in-kuala-lumpur
#awd_identity via itsnicethat.com/news/valenlim-studio-bandit-cafe-identity-graphic-design-180322
Shots — бесплатный онлайн-генератор мокапов
Есть мокапы смартфонов, планшетов, ноутбуков, мониторов и часов. Можно быстро выбрать нужное устройство и их количество, добавить любое изображение в мокап, а также подобрать готовый фон и размер холста для разных платформ. Результат можно скачать в формате PNG или JPEG
shots.so
Больше примеров: awdee.ru/shots-free-online-mocap-generator
#awd_tool #awd_webtool
🙂️️ Как разный цвет стекла защищает продукты от ультафиолета
Перевод статьи Нахлы Дэвис о 5 популярных типах цветного стекла и о том, какой цвет лучше всего защищает продукты от воздействия ультрафиолетового излучения. В статье автор рассказывает о тёмно-коричневом, синем, зелёном, матовом и прозрачном стекле, его особенностях и продуктах, которые в него упаковывают
awdee.ru/how-different-glass-colors-protect-products-from-ultraviolet-light
#awd_article #awd_pack
Годные ютуб-каналы с уроками по After Effects
На русском:
— Уроки по AE от CreativeTuts
— DavidTomparkers">David Tomparkers
На английском:
— aescripts + aeplugins
— Video Copilot
— Brandon Fate
— Ignace Aleya
— ECAbrams
— School of Motion
— Motion Designers Community
— SonduckFilm
— Olof Storm
— The Video Shop
— P A N T E R
— AE Tutorials
— AG MOTION DESIGNS
— FLIMLION VisualFX
— Dope Motions
— Black Mixture
— Ben Marriott
— Motion Nations
— Move Shapes
— Benlaorg
— Cinecom.net
— Think Sci-Fi
— Maximus412YTC/playlists">Max Novak
— Jake In Motion
#awd_edu #awd_ae #awd_video
Дизайн и вёрстка книги «Ich bin Robert»
Проект Анастасии Маркс из немецкого города Киль
Больше изображений: awdee.ru/dizajn-i-vyorstka-knigi-ich-bin-robert
#awd_print #awd_book via behance.net/gallery/49964367/Ich-bin-Robert-Wanda-und-Bobby-Robert-B-Oxnam
5x10 в поисках Senior (Lead) Product Designer
Удаленка, фултайм, конкурентный доход в рублях или валюте.
В студии 5x10 мы помогаем развивать технологические компании и стартапы на рынке России, Европы, Ближнего Востока и Средней Азии. Исследуем, выстраиваем стратегию, создаём позиционирование, бренды, сайты, коммуникации. Делаем дизайн продуктов и мобильных приложений. Ищем дизайнера с опытом проектирования мобильных приложений.
Основная задача на первые три месяца — лидировать редизайн финтех-приложения (MAU 1 млн). Проводить исследования рынка, создавать дизайн, проектировать флоу и структуру приложения, общаться с технической и продуктовой командами. Дальше плавно подключим к другим проектам.
Что для нас важно:
— опыт в продуктовом дизайне от 3 лет, опыт проектирования сложных сервисов и мобильных приложений, формирования дизайн-систем и гайдлайнов
— высокие навыки в дизайне интефейсов для создания визуальных концепций, опыт в продуктовой или маркетинговой аналитике, проведении исследований
Все подробности — по ссылке: 5x10.ru/journal-post/lead-product-designer
Откликайся или присылай портфолио в телеграм: @anna_orca
Другая вакансия: коммуникационный дизайнер https://5x10.ru/journal-post/communication-and-brand-designer-senior
#промо
🙂 Проектируем характеристики и описание в карточке товара
Станислав Хрусталёв детально и с наглядными примерами разобрал блоки с характеристиками и описанием в карточках товаров
Для удобства статью он разбил на следующие разделы:
— Блоки в карточке товара
— Названия и значения характеристик
— Кликабельность характеристик
— Единицы измерения
— Категории характеристик
— Описание товара
— Переход к полным версиям контента
— Закрытие полных версий блоков
— Прочие интересные фичи
awdee.ru/design-features-and-description-in-the-product-card
#awd_article #awd_ux #awd_cx
Cтиль Dopa — сиднейского ресторана с японским колоритом
DOPA — сокращённая форма слова «дофамин». Это нейромедиатор, который вырабатывает наш мозг от предвкушения удовольствия, в данном случае — от употребления вкусной еды
Специально для проекта художник Эндрю Йи создал паттерн и иллюстрации в стиле манга. Насыщенные и детализированные — они хорошо сочетаются с аскетичной типографикой, а также минималистичным оформлением фотографий и меню
Больше картинок: awdee.ru/the-style-of-dopa-a-sydney-restaurant-with-a-japanese-flavor
#awd_identity via thecolourclub.com.au/dopa
Айдентика лиссабонского винного бара 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
Стиль творческого пространства The Bond в Бирмингеме
The Bond — новая площадка, которая объединяет создателей мультимедийного контента с фокусом на кино, телевидении и технологиях. Она расположена на территории исторической промзоны Дигбет, которая постепенно превращается в пространство офисов, торговли, развлечений и искусства
The Bond находится на берегу канала. В прошлом это был склад, а его огромный трёхъярусный подъёмник использовали для спуска грузов на баржи. Именно архитектурные элементы подъёмника дизайнеры позаимствовали для формы динамического логотипа. Кроме того, знак символизирует хаб, в котором пересекаются творческие идеи различных брендов, работающих в The Bond
Логотип отлично выглядит как в физической, так и в цифровой форме. К тому же он хорошо сочетается с индивидуально разработанным шрифтом Digbeth Sans, вдохновлённым промышленным наследием района
Больше картинок: awdee.ru/the-style-of-the-bond-creative-space-in-birmingham
#awd_identity via identitydesigned.com/the-bond
Стиль детского магазина Parkette в канадском Гамильтоне
В Канаде словом «Parkette» называют небольшой парк с игровыми площадками для детей. В логотипе буква «к» и точка в конце слова мастерски превращаются в мордочки забавных маскотов. Такой игривый ход в сочетании с яркой цветовой палитрой делают стиль максимально дружелюбным и творческим
Больше картинок: awdee.ru/identity-of-a-parkette-childrens-store
#awd_identity via kinotostudio.com/Parkette
Экспериментальное оформление косметики сеульской марки Muzigae Mansion
Стеклянный «смятый» тюбик создаёт неожиданное впечатление конфликта между материалом и формой, а сам продукт становится элементом дизайна
Тот случай, когда дизайнерам удалось гармонично объединить функциональность и эстетику «в одном флаконе»
Больше картинок: awdee.ru/experimental-cosmetics-design-by-seoul-based-cosmetics-brand-muzigae-mansion
#awd_pack via behance.net/gallery/137668271/OBJECT-LIQUID
Plasmo — веб-приложение, которое превращает эскизы в 3D-модели
Вы рисуете на поверхности экрана, а инструмент преобразовывает набросок в трёхмерное изображение
Для быстрого старта есть короткие туториалы: docs.plasmo.ai/docs/Getting%20Started/navigation
plasmo.ai
#awd_tool #awd_webtool
Свежая серия иллюстраций Эйко Ойалы в технике Paper Cut
Больше картинок: awdee.ru/a-fresh-series-of-paper-cut-illustrations-by-eiko-oyala
#awd_illustration #awd_art via behance.net/gallery/178913103/Editorial-illustrations
🙂️️️️️️ Ещё 17 неизбитых источников вдохновения для UX/UI-дизайнеров
Мы уже публиковали галереи с коллекциями сайтов и приложений в качестве источников вдохновения. Мы собрали ещё несколько библиотек, которые помогут подобрать референсы для будущих проектов
awdee.ru/17-more-off-the-beaten-path-sources-of-inspiration-for-ux-ui-designers
#awd_webtool #awd_tool
📼 Годные ютуб-каналы с уроками по Blender
На русском:
— Максим Ткаченко
— Артидокс
— Денис Кожар
На английском:
— blenderguru/videos">Blender Guru
— G.E.T. TUTORIALS
— CGGeek/playlists">CG Geek
— Chong 3D
— polygonrunway/featured">Polygon Runway
— TheDucky3D">Ducky 3D
#awd_edu #awd_3D
Графика немецкого ювелира 16 века Венцеля Ямницера
Венцель Ямницер родился в Вене в 1508 году, в юности перебрался в Нюрнберг, где жил и работал до самой смерти в 1585 году. В первую очередь, известен своими ювелирными работами, но мы предлагаем вам ознакомиться с образцами его замечательной графики
awdee.ru/wenzel-jamnitzer
#awd_illustration #awd_retro
Стиль сицилийского концептуального магазина одежды Monday 28
Сочетание крафтовой бумаги, классических гротесков и монохромной палитры делает образ стильным и даже немного дерзким
Больше картинок: awdee.ru/the-style-of-sicilian-concept-clothing-store-monday-28
#awd_identity via behance.net/gallery/89196657/Monday-28-Brand-Identity
Обновленное издание «Пиши, сокращай — 2025» в интерактивной версии
Издательства Бюро Горбунова выпустило новую версию легендарной книги Максима Ильяхова и Людмилы Сарычевой «Пиши, сокращай». Авторы доработали издание 2016 года с учётом нового опыта, добавили в него актуальные темы и современные примеры пошаговой редактуры и создания текста
Кроме того, в интерактивном издании есть полнотекстовый поиск, закладки и тесты для самопроверки
Дизайнерам важно уметь писать сильные, короткие и правильные тексты, а пособие как раз об этом, поэтому его точно стоит читать
bureau.ru/projects/book-pishi
#awd_book #awd_edu