31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Оптические эффекты в пользовательских интерфейсах (для задротов)
Рекомендуем интересную статью о том, как с помощью оптических эффектов создавать гармоничный и эстетичный интерфейс, а именно: выравнивать элементы, создавать согласованные иконки и правильно скруглять углы
Тезисы из статьи:
— Визуальный вес необязательно равен размеру в пикселях
— Неквадратные фигуры должны иметь большую высоту и ширину, чтобы оптически сочетаться с квадратными
— Иконки выглядят согласованно только с учётом их оптического размера
— Формы с острыми краями должны быть больше прямоугольных
— Подписи в кнопках необходимо выравнивать по высоте прописной буквы
— Треугольную иконку внутри кнопки следует вписать в круг и потом центрировать
— Оптически правильное скругление углов требует специальных расчётов или регулировки фигуры вручную
Статья: medium.com/design-bridges/optical-effects-9fca82b4cd9a
Перевод на русский: ux.pub/editorial/optichieskiie-effiekty-v-polzovatielskikh-intierfieisakh-dlia-zadrotov-fic
#awd_article
Онлайн-курс рисования в Procreate — "Воображение и продвижение". Упор курса сделан на главный вопрос художников – развитие фантазии. Проведут вас за руку от первого движения стилусом до собственного портфолио. Обучение с персональным наставничеством преподавателя.
– 10 уроков, которые помогут найти себя в рисовании.
– Развитие насмотренности и креативности.
– Стилизация, искажение и построение предметов и персонажей.
– Поиск стиля и вдохновения.
– Работа с различными формами растений и предметов.
– Создание своих кистей.
– Оформление проектов для портфолио и анимации для соцсетей.
Для обучения понадобится iPad с Apple Pencil. Узнать подробности у менеджера:
/channel/pixel_school
Реклама. ИП Шаров С.В., ИНН 030954592362, erid: 2SDnjd37r7t
Бесплатная коллекция из 560+ мокапов и 80 мокап-сцен проекта Creatoom
В магазине мокапов Creatoom есть два больших раздела Free Items и Free scenes, где они публикуют отличные мокапы и мокап-сцены для презентации брендинга. Это одна из самых больших коллекций качественных бесплатных мокапов на нашей памяти
creatoom.com/product-category/items/free-mockups
#awd_free_download #awd_mockup
Необычное промо мобильного приложения для создания музыки — Pocket Operator от Teenage Engineering
Ролик наполнен псевдовинтажным графическим дизайном, незаурядным музыкальным сопровождением и анимациями
#awd_3D #awd_video #awd_motion via youtube.com/watch?v=sunWmZYFk38
В СНГ любой дизайнер = рисовальщик. Как выйти на новый профессиональный уровень?
Стать продуктовым дизайнером. Это профессия, где специалисты получают в 1,5 раза больше, чем граф или веб-дизайнер.
А если вы уже знаете Figma, то вам будет ещё проще начать этот путь
Переходите в телеграм-канал FormFactor
Там Senior, который работал в Авито, опубликовал 14 🔥 материалов для тех, кто хочет стать продуктовым дизайнером. Это бесплатно
Реклама. О рекламодателе
🙂 11 оттенков размытия
Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат
В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику
В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах
awdee.ru/11-ways-of-blurring
#awd_article #awd_web #awd_ui #awd_figma
Dot — пример классного дизайна ИИ-помощника
Это многофункциональный умный помощник, который адаптируется под контекст и нужды пользователя. Вы можете отправить ему фотки, скриншоты, PDF-ки, ссылки, голосовые заметки и другие файлы, а он сам всё отсортирует и «запомнит»
Приложение способно обучаться и предсказыветь запросы человека, персонализировать поисковую выдачу, выстраивать связи между отправленной информацией
Например, ему можно отправить список из нескольких задач, а приложение расставит их по приоритетам, подскажет, сколько потребуется времени на их выполнение, а также посоветует необходимые инструменты или услуги
Пользователи могут давать ему доступ к геолокации, календарю и другой информации, повышая его «осведомлённость» о контексте
И всё это — с приятным и продуманным в мелочах интерфейсом, что нечасто встречается в продуктах с ИИ. Впрочем, приятный дизайн не удивляет, когда узнаёшь, что один из основателей, Джейсон Ян, работал в дизайн-команде Apple
Сейчас можно скачать iOS-приложение: apps.apple.com/us/app/dot-living-history/id6450016041
Позже обещают выкатить веб-версию
#awd_ui #awd_ml #awd_tool
Яндекс Плюс и Британка запускают конкурс для молодых художников!
Плюс Сити и художественные школы Universal University запускают конкурс «Ситиморфизм: архитектура превращений»
В чём суть?
Участники будут создавать объекты для виртуального города мобильной игры Плюс Сити. Победители увидят свои проекты в игре
Что такое «ситиморфизм»?
Ситиморфизм — это заимствование объектов из реального мира и переосмысление их в виртуальном пространстве Плюс Сити. Привычные нам кофейные стаканчики, пакеты и пульты от телевизора используются в непривычных ролях и становятся частью городской среды. Можете называть это фиджитал-архитектурой — тоже не ошибетесь
Кто может участвовать?
Молодые художники, архитекторы и геймдизайнеры из школ Universal University:
— Британской высшей школы дизайна
— Архитектурной школы МАРШ
— Школы современного искусства
Работы смогут представить как студенты, так и выпускники UU
Когда всё это проходит?
Конкурс стартовал 8 июля 2024 года. Работы финалистов будут публично представлены в начале осени, а лучшие окажутся в Плюс Сити
Узнать больше!
#промо
Эстетика и разнообразие семян растений глазами британского фотографа Левона Бисса
Издание Scientific American опубликовало статью с некоторыми изображениями из книги Левона Бисса «Скрытая красота семян и фруктов: ботаническая фотография»
Когда дело доходит до наблюдения за растениями, всё внимание к себе привлекают цветы. Но плоды и семена, которые появляются после увядания лепестков, элегантны сами по себе
Левон Бисс демонстрирует яркие и необычные примеры функциональных элементов растений. Сюжеты фотографий взяты из коллекции Королевского ботанического сада Эдинбурга
🇬🇧 Статья полностью: scientificamerican.com/article/see-bizarre-seeds-and-fruits-from-around-the-globe
#awd_illustration #awd_print
Серия «невозможных» трёхмерных анимаций британского трёхмерщика Мэтта Тейлора
#awd_3D #awd_motion via instagram.com/emty01
Архив уругвайского графического дизайна La Patria
Сайт содержит более 1000 различных материалов: логотипы, плакаты, афиши, обложки книг и пластинок, марки, транспортные билеты и многое другое
В посте вы найдёте 10 колоритных плакатов из коллекции архива
lapatria.uy
#awd_poster #awd_print #awd_collection
Свежие коллажи котиков Лолы Дюпре из Глазго
Больше картинок: awdee.ru/fresh-collages-of-kitties-by-lola-dupre-from-glasgow
#awd_art #awd_photo via loladupre.com/cats
Дорогие читатели, а расскажите, пожалуйста, какие плагины, файлы и приёмы вы используете в Фигме для ускорения своей работы? Что помогает вам работать в ней быстрее?
Читать полностью…
🇬🇧 Бесплатный 76-страничный гайд по промтам
Университет Мэриленда выпустил гайд, который помогает разобраться в том, как правильно составлять промты, обходить ограничения и получать точные результаты из самых разных LLM и генераторов визуального контента
Авторы собрали более 200 техник создания промтов и фреймворки, построенные на их основе. На практических примерах они показали, как работают промты и как по максимуму задействовать потенциал ИИ-моделей
arxiv.org/pdf/2406.06608
#awd_edu #awd_ml #awd_techno
Генеративные «балансирующие» 3D-иллюстрации Майка Кампау из Мичигана
Майк создал проект «The Balancing Act» — визуальную метафору поддержания правильного баланса в жизни
Первую часть он рисовал руками, в 2021 году: mikecampau.com/the-balancing-act
А вторую часть генерировал в Миджорни. Получилась большая и разнообразная серия работ: abduzeedo.com/generative-ai-3d-illustrations-balancing-act-2
#awd_neuralart #awd_illustration #awd_midjourney
Обложки книг голландского издательства Uitgeverij Vleugels
#awd_cover via uitgeverijvleugels.nl
👨🎨 7 Figma-плагинов для проектирования адаптивных макетов
Эти плагины помогут сэкономить время при создании адаптивного дизайна. Они автоматически настраивают содержимое фреймов под разную ширину экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения
awdee.ru/7-figma-plugins-for-adaptive-layout-design
#awd_figma #awd_tool
🙂 Процессы в информационном дизайне: 15 коротких советов от Ferdio
Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и продвижение, визуальное представление
Мы подготовили перевод первой серии, которая состоит из 15 заметок, о том, как правильно выстроить процессы при создании информационного дизайна. Они помогут научиться расставлять приоритеты, генерировать крутые идеи и, самое главное, создавать впечатляющий информационный дизайн, который в понятной форме донесёт до пользователей главную идею проекта
awdee.ru/processes-in-information-design-15-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infographic
🙂 Полная коллекция плакатов знаменитой рекламной кампании XX века Volkswagen Beetle
Мы собрали и опубликовали все, что можно найти в сети, плакаты канонической рекламной кампании «Жука»
У всех лишь несколько, а у нас — все: awdee.ru/volkswagen-beetle
#awd_poster #awd_retro #awd_collection #awd_article
Как выстроить процессы исследований инноваций и создание интерфейсов на масштабе 100+ продуктов?
🚀23 июля в 17:00 на Alfa Digital Design&Discovery Meetup расскажут, как в Альфа-Банке выстроены процессы исследований и проектирования для 100+ продуктов и какие инновации внедряют. Помимо докладов вас ждут активности и нетворкинг!
Программа:
17:00 — UX-зарница: погружение в мир discovery с Alfa Research Center. А ещё вначале разыграем мерч!
18:10 — discovery и клиентский опыт: Мария Сташенко о становлении практики работы с клиентским опытом.
18:30 — discovery на максималках: современные методы тестирования в Альфа-Банке.
19:00 — design на максималках: управление дизайном для 100+ продуктов.
19:50 — ищем инновационные идеи: опыт тестирования новых решений в банке.
20:20 — за рамками discovery: будущее discovery-практики с Марией Сташенко.
Регистрация
Подписывайтесь на telegram-канал Alfa Digital
#промо
Айдентика и упаковка бренда Beyond Day (BDD) — натуральных пищевых добавок с витаминами и микроэлементами, рассчитанных на молодое поколение
Больше картинок: behance.net/gallery/144552589/-Packaging-Design
#awd_pack #awd_identity
Пять бесплатных сервисов для удаления фона с фотографий
Если вам необходимо убрать фон с изображения, это легко можно сделать с помощью бесплатных онлайн-сервисов
В статье вы найдете 5 лучших «убираторов» фона, а также узнаете, как можно удалить сложный фон вручную в графических редакторах Adobe Photoshop или Figma
awdee.ru/pyat-besplatnyh-servisov-dlya-udaleniya-fona-s-fotografij
#awd_article #awd_tool #awd_webtool #awd_ml
Женя Арутюнов прочитает две лекции в Москве. Две разные лекции!
Первая ↘️
11 июля, чт, 17:30. Три парадигмы проектирования: *****-centric *****-centric и *****-centric.
Это для дизайнеров, менеджеров и всех, кто честно пытается делать что-то своё. Это о природе конфликтов, разочарований и скрытой силы, которую можно в себе найти.
Офис «Лемана ПРО (Леруа Мерлен)» • Москва, пр-т Лихачёва, 15, метро ЗИЛ • Бесплатно, вход по паспорту. Регистрация обязательна: https://forms.gle/JJKpziD2XghuatEn7.
Будет онлайн, ссылка появится в канале Жени.
Вторая ↘️
13 июля, сб, 13:30. Вдвоём с Мариной Потаповой. Как дизайнеру получить точную, непредвзятую и дружелюбную оценку своих компетенций.
Это для всех дизайнеров. Часть 1: Долгое и утомительное нытьё Жени о том, как всё неправильно в индустрии. Часть 2. Эффектная презентация Марины: новый продукт, который положит этому конец.
Библиотека для молодежи • Москва, ул. Большая Черкизовская, 4, к. 1 • Бесплатно, без регистрации.
Будет онлайн, ссылка тоже в канале Жени.
Реклама, ИП Арутюнов А.Е., ИНН 616618181949, erid: 2SDnjeax9YN
Упаковка аутентичной марки меда Haterk, разработанная ереванским агентством Backbone Branding
В небольшой деревне Атерк, в Нагорном Карабахе, производят экологически чистые, далекие от промышленной переработки, продукты: мед, гранатовый сок и патоку
В дизайне упаковки минималистичные черно-белые узоры вырисовываются на фоне различных оттенков меда. Идиллические сцены с участием животных на фоне деревьев и лугов передают обещание бренда о здоровой и энергичной жизни
#awd_pack via backbonebranding.com/works/haterk
Управлять творческими людьми — сложно?
11 июля в 18:00 на YouTube-канале AvitoTech пройдет дизайн-стрим от Авито: будут говорить о том, как управлять креативными командами в разных отраслях.
Задавайте свои вопросы при регистрации или в чате во время стрима. Саша Павлов, арт-директор в Авито Работе, и Ксюша Голованова, главный архитектор ландшафтного бюро АФА, ответят на все вопросы и поделятся опытом, советами и успешными кейсами прямо в эфире.
Регистрируйтесь, чтобы получить напоминание о трансляции.
#промо
Интервью Bang Bang Education c независимым дизайн-директором Валей Черным о ключевых навыках успешного дизайнера
Валя рассказывает о том, как должен мыслить дизайнер, где черпать вдохновение, как развивать софт-скиллы и в каких направлениях двигаться
Саммари с главными тезисами: awdee.ru/sammari-intervyu-s-nezavisimym-dizajn-direktorom-valej-chernym-o-klyuchevyh-navykah-uspeshnogo-dizajnera
Полное интервью: point.bangbangeducation.ru/talks/pronikat-v-sout-veschey
#awd_article #awd_interview #awd_person #awd_summary
3 шага к хорошему тексту в интерфейсе
Юрий Туривный сначала убедительно обосновывает, а затем описывает метод написания хороших интерфейсных текстов. Точнее, конкретных видов текстов: сообщений об ошибках и состоянии системы и маркетинговых сообщений
Метод состоит из трёх четырёх шагов:
1. Описать функционал. Рассказать, что конкретно мы умеем
2. Понять и описать ценность. Ценность — это то, что измеримо изменит жизнь человека к лучшему с функциональной, социальной или эмоциональной стороны. Нужно описать, что наш функционал поменяет в жизни пользователя
3. Рассказать историю. Описать это человеческим языком, выразив через историю из мира пользователя, в которой наша ценность актуальна
4. Объединить всё это в один ёмкий текст
Юрий подробно разбирает метод на примере текстов для экрана запроса на доступ к геолокации
В конце статьи есть ссылка на шаблон ценности продукта, который поможет начать применять метод на практике
Статья полностью: designpub.ru/81513fb027b9
#awd_article #awd_ui
Узнайте, как запустили самую дорогую кнопку на Авито!
Александра Павленко, продуктовый дизайнер в Авито, в своей статье рассказывает о разработке АвитоID - функции, позволяющей иметь несколько связанных профилей на Авито и легко между ними переключаться. О сложностях, с которыми столкнулась команда, и способах их решения.
Материал полезен для тех, кто интересуется темой разработки продуктов и создания удобного пользовательского опыта.
Реклама. ООО «Авито Тех».
#цитата_дня
В 2010 году компания Coca-Cola потратила на рекламу своего одноименного бренда 267 миллионов долларов в одних только Соединенных Штатах. Попробуйте вспомнить, какой слоган она использовала? «Всегда»? «Наслаждайтесь»? Или какой-то другой? Большинство людей этого не вспомнят. Что же отложилось в сознании практически у всех? Что вообще вспоминают 99 процентов американцев, если речь заходит о рекламе Coca-Cola? Вовсе не слова. Большинство помнит знаменитую фигурную бутылку. Бутылка Coca-Cola — это не просто тара. Это образ, «визуальный молоток», который закрепляет в сознании потребителя идею, что он держит в руках оригинальную, настоящую, неподдельную колу. В роликах Coca-Cola визуальные образы говорят громче слов. Это и есть главное предназначение «визуального молотка»
Лаура Райс, «Визуальный молоток. Как образы побеждают тысячи слов»