31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂 Чек-лист по проектированию опыта взаимодействия с пользователем
Перевод подробного чек-листа Энтони Хобдея для создания качественного интерфейса. Автор включил в него 15 крупных направлений веб-дизайна: контекст, UX-копирайтинг, коммуникация с пользователем, навигация, последовательность, элементы интерфейса, мобильный дизайн и многое другое
awdee.ru/the-interaction-design-syllabus
#awd_article #awd_ux #awd_edu
Иллюстрации Суканто Дебната из Венгрии
Больше иллюстраций: awdee.ru/sukanto-debnath-illustrations
#awd_illustration #awd_art via behance.net/gallery/171842245/Untitled-Personal-Project
Figma вместо кода. Если вы хотите работать в IT, но с визуальными образами — похоже, в душе вы дизайнер интерфейсов. Освойте эту профессию в Яндекс Практикуме и создавайте удобный и красивый облик приложений.
Три факта о профессии:
— Дизайнеры интерфейсов работают на стыке IT и креативной сферы.
— Им не обязательно уметь рисовать, важнее работать с композицией, типографикой и колористикой.
— По данным Хабр Карьеры, начинающий UX/UI-дизайнер получает в среднем 47 050 ₽ в месяц, а опытный — 98 988 ₽ в месяц.
Четыре факта о курсе:
1) Учёбу можно совмещать с работой: в приложении можно учиться 24/7, даже в метро или в очереди к врачу.
2) Много практики: вы соберёте портфолио из шести сайтов и приложений и можете попробовать себя в коммерческом проекте.
3) На курсе работает команда поддержки: кураторы мотивируют не дают всё бросить, наставники объясняют сложные темы, ревьюеры проверяют проекты.
4) Готовим к трудоустройству в два этапа: сначала работаем вместе с вами над резюме и портфолио, потом — составляем план поиска работы, предлагаем вакансии и сопровождаем до оффера.
→ Оставьте заявку и сделайте первый шаг к карьере в IT
#промо
🙂 История ар-нуво и Альфонс Муха
Мы уже публиковали перевод статьи об истории развития художественного стиля ар-деко
Сегодня хотим познакомить вас с ар-нуво – художественным движением, которое было популярно в конце 19-го и начале 20-го века. Ар-нуво в переводе с французского означает «новое искусство», потому что в то время его основатели стремились создать новый стиль, который бы отличался от традиционного классического искусства
Основные художественные черты ар-нуво — плавные изогнутые линии, цветочные орнаменты, женские формы, декоративность и приглушённая цветовая палитра
Этот стиль сформировался под влиянием постепенного отхода от религии, поиска вдохновения в природе, японского искусства и Промышленной революции, которая стимулировала желание уйти от стандартизации. Мастера ар-нуво стремились сделать все сферы деятельности человека прекрасными, создавая такие предметы повседневного обихода, как мебель, посуду, одежду не только практичными, но и красивыми. Именно тот период характеризуется расцветом декоративно-прикладного искусства
А самым долговечным наследием ар-нуво стал дизайн плакатов — коммерческое ремесло, которое его яркий представитель Альфонс Муха возвёл в ранг современного искусства
Советуем прочитать полный перевод статьи обо всех особенностях стиля и самых значимых его представителях
awdee.ru/alphonse-mucha-and-the-history-of-art-nouveau
#awd_article #awd_retro
Некоторые работы замечательной Юни Йошиды — известного японского дизайнера и арт-директора
Обязательно посмотрите и другие её работы: yuni-yoshida.com
#awd_art #awd_photo
Айдентика новозеландской кофейной марки The Good Patron
Больше картинок: awdee.ru/ajdentika-novozelandskoj-kofejnoj-marki-the-good-patron
#awd_identity #awd_pack via packagingoftheworld.com/2018/08/the-good-patron.html
Всеобщий географический и статистический карманный атлас 1908 года: диаграммы и карты
Изданный в Санкт-Петербурге в 1908 году, карманный статистический атлас интересен и как образец хорошего ретро-дизайна, и как источник познавательных данных
В атласе показан многогранный срез мира и особенно Европы через призму разноплановых данных. Есть диаграммы со статистикой социальной, демографической, экономической, культурной, военной, культурной
Отличный способ дополнить и скорректировать своё понимание положения дел в мире в тот период. Наслаждение и для глаз, и для ума
По ссылке — полный скан справочника в формате PDF и почти три десятка самых интересных диаграмм и карт. И бонусом гербы стран Европы и изображения монет некоторых стран с курсом к рублю
P.S. А вы госдолг Российской Империи видели?! ;–)
#awd_retro #awd_infographic
Plastic Matters
Серия саркастичных плакатов с отличной типографикой, которые обращают внимание на проблему пластикового мусора. Разработал Сиддхартх Мэйт во время обучения в Национальном институте дизайна Индии
Гарнитура — Sharp Grotesk
Больше плакатов: awdee.ru/plastic-matters
Проект полностью: behance.net/gallery/60235019/Plastic-Matters
#awd_poster #awd_typo
🙂 Манифест медленного дизайна
Перевод манифеста медленного дизайна от латвийско-испанской Studio Family. В нём авторы призывают искать баланс между традиционными дизайн-принципами и современными технологиями
Из статьи вы узнаете, что дизайн и искусство отражают традиции и прошлый опыт, поэтому важно задействовать их в любых наших начинаниях. Авторы проповедуют философию бережного отношения к экологии и говорят о важности качественного усвоения знаний в противовес их количеству. Они считают, что проектирование без спешки приводит к более эффективному и долговечному результату. А ещё подчёркивают важность взаимного обучения и сотрудничества
awdee.ru/slow-design
#awd_article
WebStudio — мощный конструктор адаптивных сайтов
Аналог Webflow. Работает и в браузере, и в виде настольного приложения. Имеет открытый исходный код и обещает никогда не запирать пользователей у себя на платформе. То есть вы в любой момент можете экспортировать исходники своего сайта и разместить на любом сервере на свой выбор
Сайты работают с почти нулевой задержкой за счёт того, что WebStudio развертывает его на платформе для запуска бессерверного кода Cloudflare Workers
В отличие от Webflow, для управления визуальными стилями WebStudio использует не классы, а дизайн-токены, что в целом удобнее. А в будущем при помощи плагина можно будет синхронизировать токены между Figma и WebStudio
Находится в бете, в планах — совместная работа, поддержка версий, анимации и другое
Бесплатно для создания некоммерческих сайтов и экспорта их исходников. Для команд тарифы стартуют от 20$ в месяц за аккаунт при оплате за год
webstudio.is
#awd_tool #awd_webtool #awd_nocode
Ребрендинг медицинской онлайн-платформы Ostro
Платформа связывает между собой пациентов, врачей, медицинские компании и помогает им ориентироваться в сложной системе здравоохранения
Перед дизайнерами стояла задача разработать лёгкую для понимания архитектуру бренда и обновить старое название «RxDefine»
Визуальной метафорой стиля стал эффект соединения, который авторы решили показать при помощи деталей детского конструктора Meccano. Название Ostro также работает на метафору — оно начинается и заканчивается на о, а визуально напоминает деталь конструктора. Переводится оно как «ветер Средиземноморья, дующий с юга», что символизирует навигацию, которая лежит в основе деятельности компании
Больше картинок: awdee.ru/ostro-identity
#awd_identity via wearemucho.com/project/ostro
Ребрендинг британской клиники по уходу за кожей Face the Future
Раньше компания оказывала услуги преимущественно пожилым людям, но в ходе ребрендинга они решили привлечь новую, более молодую, аудиторию
Слоган «для каждой версии вас» удачно раскрывает новый посыл бренда — несмотря на то, что люди меняются в течение жизни, косметические услуги Face the Future подойдут им в любом возрасте
Слоган отлично поддерживают плавные лигатуры в логотипе и мягкие градиенты. Они не только символизируют постепенный переход людей из одного периода жизни в другой, но и хорошо подходят тематике косметического бренда
Больше картинок: awdee.ru/face-the-future-rebranding
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_face_the_future_by_shoptalk.php
Лендинг платформы для бизнес-планирования Runway Financial
Элементы дизайна соответствуют стилистике авиаиндустрии, а минималистичный стиль и идеальные анимации создают впечатление полёта в бизнес-классе
Понятные тексты, удачные примеры и интерактивная демонстрация преимуществ отлично презентует продукт. А его грамотную подачу хорошо дополняют крупные заголовки, стильная типографика и сочная цветовая палитра
Пример оригинального, эстетичного и убедительного лендинга. Один из лучших в этом году
runway.com
Больше картинок: awdee.ru/runway-financial-site
#awd_web #awd_site
Вдохновляющая коллекция фотографий Антона Реппонена
Крутейшие видовые кадры со всего мира с шикарной постобработкой
Больше фото: awdee.ru/repponen-photography
#awd_art #awd_photo via work.repponen.com/Photography
Портфолио аниматора Клемана Морена из Нормандии
Больше анимаций: awdee.ru/clement-morin
#awd_motion #awd_3D via instagram.com/clementmor1
Плакаты Шуна Исидзуки из Токио
Больше плакатов: awdee.ru/shun-ishizuka
#awd_poster via shunishizuka.com
🙂 История цифрового дизайна
Публицист и исследователь Егор Цеманек написал большую статью о том, как зародились и развивались компьютерная и дизайн-индустрии
Из статьи вы узнаете:
— Как эволюционировали компьютеры и интерфейсы
— Кто и при каких обстоятельствах придумал рабочий стол и первую компьютерную мышку
— Как выглядели первый графический редактор и первая версия Photoshop
— Кто и когда создал первый веб-сайт и из каких элементов дизайна он состоял
— Как выглядели странички Антонио Бандераса, Pepsi, McDonald’s, Google, eBay и ICQ в 1990-х
А в конце автор подробно рассказывает об истории стилей в веб-дизайне: скевоморфизма, Metro, флэт-дизайна, минимализма, Material Design, корпоративного мемфиса и брутализма
awdee.ru/the-history-of-digital-design
#awd_article #awd_retro
Как джуниор-дизайнеру за 30 дней прокачаться до мидл+ и перестать продавать на низким чеке
Есть 3 частые ошибки, которые замедляют развитие навыка дизайна и снижают ценность вашей услуги:
1. Слабое дизайн-мышление, нет четкого понимания своих действий при реализации задачи
2. Большое кол-во слепых пятен на уровне фундамента — в цвете, композиции, типографике
3. Ограниченное кол-во профессиональных навыков
За 30 дней точечной работы можно перейти из джуна в мидл если качественно проработать эти 3 составляющих, выделяя 1-2 часа в день 🧠
В этом вам поможет мини-лекция с пошаговым алгоритмом действий
В ней вы узнаете о том, что необходимо сделать и учесть для
эффективного развития дизайн-мышления
проработки слепых пятен в фундаменте
развития релевантных проф навыков
Подойдет для веб, граф, ui ux дизайнеров.
В результате, проработка этих 3 грубых ошибок позволит вам:
— Сделать сильные кейсы и апгрейднуть портфолио
— Научиться грамотно выстраивать работу с проектами
— Цеплять и привлекать платежеспособных клиентов
— Уверенно в 2-3 раза повысить чек
— Избавиться от синдрома самозванца
Чтобы определить стратегию действий на ближайшие 1-2 месяца — введи кодовое слово «Навык» в чат-бот @Gaugash_bot
Доступ ограничен на 24 часа
В подарок статья «4 ошибки дизайнеров, которые не дают выйти на системные 200-300к» 🤌🏽
@Gaugash_bot
#промо
Эмоции, чувства и ситуации в рисунках литовского иллюстратора Рокаса Алелюнаса
Больше иллюстраций: awdee.ru/rokas-aleliunas
#awd_illustration via dribbble.com/rokasaleliunas
📖 Неприятные разговоры Маска и Цукерберга с квантовыми матерями — Журналус № 360
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Мэтью Болла «Метавселенная: как она меняет наш мир»
— Большое обновление Figma
— Тренды в логотипах 2023 года
— Как делать грамотные пейволлы
— Принципы дизайна интерфейсов в visionOS
— Нет, GPT-4 не сдала экзамен на инженера
— 20 типов книжных переплётов
— Коллекция приятных UX-мелочей
— Лекция про полезные сайты
— И многое другое!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
🙂 Принципы дизайна интерфейсов для Apple Vision Pro + UI kit для Figma
Продуктовый дизайнер Михаил Мурзак написал руководство по дизайну интерфейсов для Apple Vision Pro. В нём вы найдёте особенности проектирования всех основных элементов интерфейса и ссылку на официальный UI kit от Apple для visionOS в Figma
awdee.ru/interface-design-principles-for-apple-vision-pro
#awd_techno #awd_visionpro #awd_article
🙂 История айдентики Макдональдс
Публицист и исследователь Егор Цеманек собрал материал о том, как развивался стиль Макдональдса с самого его основания и до наших дней. Автор обращает внимание на то, как менялся логотип, цветовая палитра, тексты, паттерны и рассказывает о факторах, которые влияли на ребрендинг в разные периоды существования компании
awdee.ru/the-history-of-mcdonalds-identity
#awd_article #awd_identity #awd_logo #awd_retro
🙂 Пэйволлы: прокачиваем насмотренность
Эксперт в области управления клиентским опытом Станислав Хрусталёв написал прикладную статью о пэйволлах (paywalls). Он проанализировал более 3000 пэйволлов и составил структурированный гайд с двумя сотнями примеров. В нём он описал, в каких точках касания пользователя с интерфейсом стоит показывать пэйволл и из каких компонентов он состоит
Из статьи вы узнаете:
— В какой момент лучше предлагать платную версию
— Как правильно оформить заголовок и подзаголовок пэйволла
— Стоит ли добавлять графику и как это лучше сделать
— Как представить фичи платной подписки, чтобы клиент понял, за что он заплатит
— Как проектировать отзывы и оценки текущих клиентов
— Всё о free trial или бесплатном тестовом доступе
— Как убедить пользователей в безопасности платежей
— Как помочь им с подпиской, если возникнут вопросы
— Какой дизайн выбрать для кнопки подписки
— Как оформить юридическую информацию
— Стоит ли делать отказ от предложения мучительным процессом (ответ — нет)
Отличное руководство, которым можно смело пользоваться при проектировании пэйволлов
P.S. Статья получилась объёмная, но грузится моментально даже на мобильных
awdee.ru/paywalls-pumping-up-your-vision
#awd_article #awd_ux #awd_ui
Экспериментальная типографика Давида Пальярдини и Lobster Studio
Больше картинок и анимации: awdee.ru/lobster-typo
#awd_typo via behance.net/gallery/171749953/Lobster-Studio-experimental-typo
Плакаты Виктора Коваленко из Астаны
Больше плакатов: awdee.ru/victor-kovalenko-posters
#awd_poster via behance.net/gallery/160569187/Ink-Charcoal-Poster-collection-1
⚡️ Авито проведёт очередной Avito Design Talk.
Эксперты поговорят о том, как создать успешную пару дизайнер + продакт, обсудят возможные конфликты и пути их разрешения.
Программа митапа:
• 18:05–18:35: Почему мы не рисуем концепты в стол — Наталья Юматова, Алексей Архипов, Авито
• 18:35–19:05: Конфликты во взаимодействии продакт-менеджера и дизайнера как возможность изменений — Роза Бадаева, ex. Delivery Club
• 19:05–19:35: Путь от дизайнера к менеджеру и обратно — Дмитрий Быков, Osome
Читайте подробности и регистрируйтесь 👉 на сайте.
Трансляция на ютуб-канале AvitoTech начнётся в 18:00 по Москве 29 июня.
Реклама. ООО «Авито Тех». LdtCKbBMH
#промо
Нейростилизатор видео Gen-2 от Runway теперь доступен для всех
Нейронка меняет визуальную стилистику исходного видео по текстовым промтам или референсам в виде картинок и видео
В новой версии она научилась генерировать ролики исключительно по текстовому промту. То есть вы пишите запросы, как в Midjourney, а на выходе получаете видео
Бесплатно с ограничениями: 25 секунд видео, но один ролик может быть не длиннее 4 секунд. Платные тарифы стартуют с 12$ за пользователя в месяц при годовой оплате
📼 Минутная презентация возможностей: youtube.com/watch?v=trXPfpV5iRQ
runwayml.com
#awd_techno #awd_tool #awd_webtool
Динамическая айдентика берлинского фестиваля пространственного звука и иммерсивных технологий Spatial
Невероятное сочетание крупной типографики, 3D-анимаций и клубной музыки. Айдентика как будто живёт в трёхмерном пространстве и буквально погружает зрителя в атмосферу фестиваля
Лучше смотреть в кейсе со звуком: behance.net/gallery/172412067/Spatial
Больше видео и картинок: awdee.ru/spatial-identity
#awd_identity