Проектируем работу с избранным
Самый полный и обстоятельный чек-лист по дизайну избранного в e-commerce на основе анализа 117 реальных интернет-магазинов
В статье автор разбирает следующие аспекты:
— Добавление в избранное
— Подтверждение добавления
— Кнопка перехода в избранное
— Empty state избранного
— Страница избранного
— Списки покупок
— Удаление из избранного
Как спроектировать иконку избранного, где её расположить, как заполнить страницу избранного, нужно ли категоризировать товары в избранном…
🙂️️️️️️ это и многое другое читайте в статье: awdee.ru/designing-work-with-the-favorites
#awd_article #awd_ux #awd_cx
«Лучше сделать идеально никогда, чем плохо сегодня» — так думают все прокрастинаторы. Забудьте об этом. Лучший кейс — это тот, который вы опубликовали. Поправить и доработать никогда не поздно»
— Миша Пименова, основатель дизайн-лаборатории Mish. Лекция: vk.cc/cj9HP2
#quote
Дизайнерский приём: дисперсия
Мы нашли несколько классных примеров, где дизайнеры экспериментируют с дисперсией света. То есть они настраивают шейдеры, свет и рендер так, чтобы при освещении стеклянных или прозрачных объектов было видно разложение света на цвета спектра
Такой эффект классно смотрится в вебе, на плакатах и в айдентике
🙂️️️️️️ Посмотреть примеры: awdee.ru/design-technique-dispersion
#awd_3D #awd_technique
#цитата_дня
Так сколько же брать денег? Берите столько, сколько сможете. Если вы сможете убедительно объяснить, почему вы стоите той суммы, которую только что назвали, эту сумму и стоит брать. Проблема дизайнеров не в том, что они не знают, сколько брать, а в том, что они боятся это делать.
Вы всегда сможете снизить цену, о которой договорились вначале. Но если цена слишком низкая, то уже ничего не попишешь. Вы застряли. Нет ничего плохого в попытке продать свою работу за самые большие деньги. Тут все решают предложение и спрос
Майк Монтейро, «Дизайн — это работа»
Тренд: голографические эффекты
Просматривая новые дизайн-проекты, мы заметили ещё один визуальный тренд в вебе, айдентике и дизайне упаковки — голографические эффекты. Хотим показать несколько характерных примеров
Добавляйте примеры в свою коллекцию референсов: awdee.ru/trend-holographic-effects
#awd_web #awd_site #awd_trend #awd_identity #awd_pack
Сакральная геометрия и научные диаграммы в метафизическом мире американца Даниэля Мартина Диаса
В своих работах художник объединяет диаграммы и геометрические формы с астрономическими явлениями, архитектурой и человеческим телом. Так он визуально отражает свои размышления о «последствиях технологий для будущего человечества и о нашей коллективной ответственности перед миром»
Больше картинок: awdee.ru/sacred-geometry-and-scientific-diagrams-in-the-metaphysical-world-of-american-daniel-martin-diaz
thisiscolossal.com/2024/03/daniel-martin-diaz-diagrams
#awd_art
Буклеты и плакаты швейцарца Курта Вирта для Swissair
Эти рекламные и информационные брошюры, а также плакаты, Курт Вирт совместно с Полом Биром разработал для Swissair в период с 1956 по 1961 годы
Вся серия — отличный пример классического швейцарского стиля в графическом дизайне и понятной, красивой инфографики
Больше картинок: awdee.ru/booklets-and-posters-by-swiss-kurt-wirth-for-swissair
#awd_poster #awd_print #awd_retro #awd_swiss via www.design-is-fine.org/post/118475941519/kurt-wirth-artwork-for-swissair-1955-61-via
Крошечные домики в стеклянных пробирках
Дизайнер из Амстердама Роза де Йонг вручную делает миниатюрные строения и устанавливает их во внутрь стеклянных колб
Больше домиков: awdee.ru/tiny-houses-in-glass-test-tubes
behance.net/byrosa
#awd_dessert
#цитата_дня
Если клиент хочет, чтобы вы снизили цену, рассмотрите по частям все свои предложения и выясните, что можно сократить. Никогда не снижайте цену, не убрав при этом что-то из предложения. И никогда не убирайте что-то из предложения, не объясняя при этом клиенту упущенную выгоду. Если упущенная выгода была не столь уж велика, возможно, нет ничего страшного в том, чтобы ее сократить. Сумма не произвольна, у всего есть своя точная стоимость. Так что, если клиент хочет платить меньше, он должен быть готов получить меньше
«Дизайн — это работа», Майк Монтейро
#цитата_дня
Клиент не покупает у вас время. Он покупает работу. И деньги нужно брать за ценность этой работы
Есть формулы, которые якобы помогают вам определить цену исходя из того, сколько вам нужно заработать. Они предлагают вам сложить свои расходы, арендную плату, материалы, коммунальные услуги и прочее, а затем добавить сумму прибыли, которую вы хотите получить. Проблема большинства этих формул в том, что они не позволяют высчитывать расценки – они рассчитывают, как едва прикрыть свою задницу. Конечно, нужно знать, какова минимальная ставка, чтобы вам не отключили электричество за неуплату. Но с клиентов нужно брать плату исходя из того, насколько ценна ваша работа для них, а не из того, сколько времени у вас уходит на ее исполнение
«Дизайн — это работа», Майк Монтейро
#цитата_дня
Ваша задача как дизайнера и специалиста по коммуникациям – найти правильный язык для общения с клиентом. Когда вы говорите, что клиент «не понимает», это означает: «Я не нашел способа донести до клиента свою точку зрения. Я ленивый дизайнер. Пожалуйста, заберите всех моих клиентов»
«Дизайн — это работа», Майк Монтейро
Псевдовинтажная айдентика киевского ресторана Публицист
Заведение находится в здании бывшего издательства. Этот факт лег в основу концепции для создания индустриального и немного грубоватого образа ресторана, в котором авторы сделали акцент на эстетике печатного производства и типографике
Больше картинок: awdee.ru/psevdovintazhnaya-ajdentika-kievskogo-restorana-publitsist
#awd_identity via barmaleys.studio/publicist
Иллюстрации Дэна Гартмана из Польши
Больше картинок: awdee.ru/illustrations-by-dan-hartman-from-poland-2
#awd_illustration via behance.net/gallery/180435461/Movement-Calmness
The Wizard of AI — видеоэссе о генеративном ИИ
Британский художник и моушен-дизайнер Алан Уорбертон сделал 19-минутный ролик о влиянии генеративных нейросетей на художников и дизайнеров. Автор сам является частью индустрии и уже ощущает на себе влияние пришествия ИИ. Тем не менее он старается занять позицию нейтрального наблюдателя и рассматривать вопрос со всех сторон, как с положительных, так и отрицательных
Само видеоэссе на 99 % состоит из изображений и роликов, созданных с помощью Midjourney, Stable Diffusion, Runway и Pika
📹 vimeo.com/884929644
#awd_motion #awd_3D #awd_techno
Пять менеджеров иконок
Менеджер иконок — инструмент, который помогает держать в одном месте и в порядке все свои иконки. В них обычно есть поиск и группировка по папкам, бывает интеграция с популярными графическими редакторами, например, с Фигмой или Фотошопом
Мы собрали пять менеджеров иконок. Три из них бесплатные
🙂️️️️️️ awdee.ru/five-icon-managers
#awd_tool #awd_icon
Экспериментальные плакаты берлинской студии Bank
Больше плакатов: awdee.ru/experimental-posters-by-berlin-based-studio-bank
#awd_poster via typographicposters.com/bank
Все логотипы Пола Рэнда
Мы уже публиковали статью с краткой биографией Пола Рэнда. В разные годы этот выдающийся графический дизайнер делал знаки для крупных мировых брендов, включая IBM, UPS, Ford, Education First, HB, AIGA, Enron, Morningstar, Westinghouse, ABC
В этом посте мы собрали самую полную коллекцию логотипов Пола Рэнда
🙂️️️️️️ Посмотреть: awdee.ru/all-paul-rand-logos
#awd_logo via paulrand.design/work/Logos.html
Design Spells — пополняемая коллекция впечатляющих интерфейсных решений
В подборку попадают только необычные UI-элементы и приёмы, которые производят вау-эффект. Есть разбивка по разделам: кнопки, страницы 404, динамические острова, анимации, микровзаимодействия и многое другое
designspells.com
#awd_collection #awd_ui
Айдентика и оформление японского ресторана и бара AOAO в Гонконге
Название в переводе с японского означает «пышная зелень». Сочетание многочисленных оттенков зелёного с природным коричневым и индустриальным серым — метафора зелёного мира среди бетонных джунглей
Интерьер заведения украшают предметы из зелёной смолы: скульптуры, столешницы, подставки под напитки
Форма логотипа напоминает обработанный драгоценный камень. Дорогие материалы и слепое тиснение отлично завершают роскошный образ
Больше картинок и видео: awdee.ru/identity-and-design-of-aoao-japanese-restaurant-and-bar-in-hong-kong
#awd_identity via toby-ng.com/works/aoao
#цитата_дня
Работать ради портфолио — всё равно что умереть молодым ради красивого трупа
Майк Монтейро, «Дизайн — это работа»
Про нас написали:
— Прогрессивное образование
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Альтернативные киноафиши Кшиштофа Домарадзкого из Польши
Больше плакатов: awdee.ru/krzysztof-domaradzkis-alternative-movie-posters-from-poland
#awd_poster via studiokxx.com
24 наших лучших материала за март
Новости:
— В Фигме появилось мультиредактирование — теперь можно редактировать несколько объектов одновременно
— Midjourney выкатили новую фичу: теперь можно генерировать одного персонажа в разных ракурсах и ситуациях
— OpenAI и Figure показали робота с ChatGPT, который умеет общаться и выполнять команды
— Вышла нейросеть Claude 3. Она превосходит GPT-4 и Gemini Ultra почти во всех тестах
— Stability AI выпустили TripoSR — генератор 3D-моделей из 2D-изображений
Рубрика «Мнения»:
— Нейросети в работе дизайнера: мнения дизайнеров
— Где дизайнеру черпать вдохновение: мнения топовых дизайнеров
Тренды:
— Тренд: 3D-анимация по скроллу
— 10 шрифтовых трендов 2024: свежий обзор Monotype
Статьи:
— Cколько зарабатывают дизайнеры: исследование на тему доходов в дизайн-индустрии
— Как правильно спроектировать корзину в интернет-магазине: 203 гайдлайна
— Заказываем подарочный сертификат в Sunlight
— Автотюн-типографика
— Икона британского дизайна Невилл Броуди: биография и лучшие проекты
Плакаты:
— Design Divina Comedia — серия плакатов Алины Компанец из Киева
— Плакаты Стефана Унковича из Белграда
Полиграфия:
— The Book Box — набор из 20 мини-книг для демонстрации книжных переплётов
Упаковка:
— Упаковки греческого производителя сушёных бананов NAMI Banana Farming
Инструменты:
— Три новых Figma-плагина для создания эффектов
— Пять менеджеров иконок
Бесплатные шрифты:
— Rennen — бесплатный акцидентный шрифт с кириллицей
— Лицедей — бесплатный акцидентный шрифт с кириллицей
— The Weekend — бесплатный акцидентный гротеск с кириллицей
— Bézier Sans — вариативный гуманистический гротеск с кириллицей
Декоративная типографика лондонской студии Made Up
Больше картинок: awdee.ru/decorative-typography-by-london-based-studio-made-up
#awd_typo via madeup.org
📖 Как рисовать культурные иконы — Журналус № 399
В Журналусе большое обновление. Вышел Журналус 2.0 — полностью переработанная версия сайта. Главные новинки:
— Профили читателей: чтобы рассказать о себе и посмотреть на других
— Коллекции: возможность создавать подборки материалов и делиться ими с другими
— Лента: возможность читать Журналус не по выпускам, а в виде бесконечного потока годноты (с фильтрами)
— Свайп: новый способ исследовать наш богатый архив
Кроме того, появилось много мелких интерфейсных улучшений, чтобы пользоваться Журналусом было приятнее и проще.
А теперь к этому выпуску. В нём:
— Вторая часть цитат из книги Грега Хоффмана «Создавая эмоции»
— Фундаментальные принципы дизайна главных страниц сайтов
— Главные ментальные модели для дизайнеров
— Новые ролики, созданные нейронкой Sora
— Классный редизайн синтезатора Wavetable в Ableton Live
— Визуализации математических концепций и принципов
— Бесплатная онлайн-книга Олега Пащенко «Онтология композиции»
— Как перестать залипать в новостях
— …и многое другое!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Плакаты Влада Буракова из Москвы
Больше плакатов: awdee.ru/posters-by-vlad-burakov-from-moscow
#awd_poster via readymag.website/burakov/vlad/3
#цитата_дня
Никогда не работайте бесплатно. Любую работу, которую вы беретесь делать бесплатно, вы отложите в сторону ради работы за деньги. Это не даст ничего хорошего ни вам, ни клиенту. Ни один из вас не будет уважать время друг друга
«Дизайн — это работа», Майк Монтейро
Полное руководство по сеткам в дизайне
Сетка в дизайне — основа основ. На ней строится вся композиция, а ее отсутствие может полностью разрушить проект. Если вы никогда не игрались с сетками в своем дизайне — эта статья для вас. В ней вы узнаете основные термины, теорию и посмотрите на нее сквозь призму примеров настоящих веб-сайтов и то, как сетки применяются в жизни.
🔗 Читать статью
Тема: #grid, рубрика: #notes
👨🎨 Три новых Figma-плагина для создания эффектов
Мы уже делали две подборки, в которые суммарно вошли 33 плагина для создания крутых эффектов в Figma: первая и вторая
В эту публикацию мы включили ещё три новых плагина:
— Rain Drop Effect — добавляет любому изображению настраиваемый эффект дождя
— Curve Text — размещает текст по периметру любых векторных объектов
— Ruri Lines — стилизует изображения под объёмный линейный паттерн
Все плагины мы проверили и записали видео, чтобы было понятно, как они работают и что умеют
awdee.ru/three-new-figma-plug-ins-for-creating-effects
#awd_figma #awd_tool