31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂 Неизбитые источники вдохновения для UX/UI-дизайнеров: 20 галерей с коллекциями сайтов и приложений
В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде Behance, Dribbble, Awwwards и Pinterest
Некоторые представленные галереи специализируются на отдельных типах сайтов, например выкладывают только интернет-магазины или сайты агентств. Другие публикуют сайты в одном стиле, например, брутальные или минималистичные
Есть разнообразные коллекции с тысячами примеров разных сайтов, где их можно отфильтровать по цвету, шрифтам, стилю, отрасли, платформе и другим параметрам
awdee.ru/unbroken-sources-of-inspiration-for-ux-ui-designers-20-galleries-with-collections-of-websites-and-apps
#awd_webtool #awd_tool
Айдентика ресторана YouTube Shorts
В 2021 году YouTube запустил платформу для обмена короткими видеороликами YouTube Shorts
Год назад представители YouTube Shorts открыли в Калифорнии ресторан в стиле 90-х, который работает в режиме drive-thru. В качестве логотипа они поставили логотип сервиса YouTube Shorts в виде буквы «S». А в партнерстве с 18 лучшими создателями шортсов выпустили 18 уникальных закусок. Дизайн упаковки каждой из них отсылает к стилю и шуткам одного из исполнителей, понятным только его поклонникам
Стиль получился сочным и эклектичным. Просто всплеск веселья и ярких красок!
Больше картинок: awdee.ru/youtube-shorts-restaurant-identity
#awd_identity #awd_pack via underconsideration.com/brandnew/archives/new_identity_and_packaging_for_youtube_shorts_drive_thru_activation.php
Мифы о фрилансе:
Миф 1. Фриланс - это не работа
Представление многих о фрилансерах - это гамак, ноутбук и вид на Бали.
Иногда оно так и есть, но все же фриланс - полноценная работа над проектами, общение с клиентами, правки и конкуренция.
Миф 2. Трудно найти заказчиков
Данный миф разбивается об одно слово - портфолио. Пройти конкуренцию на фрилансе поможет опыт и наличие кейсов, и конечно, желание получить заказ. Реально же заказы для новичка поможет найти ментор, который уже находится в сфере.
Миф 3. На фрилансе нет карьерного роста.
Нет. Повышая свою квалификацию и навыки, можно не только повысить заработок, но и выйти на руководящие должности вне компании, на фриланс площадках. Все зависит от желания, знаний и репутации.
А теперь немного правды:
ProductStar запустил курс по дизайну интерфейсов. Всем будущим фрилансерам на заметку:
— обучат делать эстетичные и удобные интерфейсы на реальных кейсах
— возможность оплатить частями
— уже с первых месяцев помощь с заказами на фриланс-биржах
Кстати, английский на Бали пригодится! Узнать про курс Английского в подарок и дату старта курса можно по ссылке: https://go.productstar.ru/odi
Не забудьте указать промокод ОДИ, он даст вам скидку 50%
Реклама ООО "Тривиум", ИНН 7806297293, erid: LjN8Jvi2T
Цифровой журнал Lunatum Mag
Новый проект Наташи Климчук и Оли Морозовой, соосновательниц школы Bang Bang Education — медиа об искусстве, философии и самоиронии.
В телеграм-канале журнала @lunatummag — статьи, записи бесед, тизеры будущего фильма про дизайн стула и философию.
Все посты на английском, но для тех, у кого это может вызвать трудности, у телеграма есть функция автоматического перевода.
Несколько материалов для ознакомления:
→ Статья промышленного дизайнера Мартина Хюдеполя о будущем с нейросетями
→ Беседа с Лукой Ло Пинто, директором музея современного искусства MACRO в Риме
→ Подборка необычных стульев
Присоединяйтесь к публичному исследованию современного мира вместе с художниками и мыслителями, чтобы попытаться найти точку опоры в вихре сегодняшнего дня.
#ad
🙂 Возможности интерфейса дополненной реальности
Перевод статьи Люка Вроблевски, в которой он на разных примерах разбирает базовые сценарии применения дополненной реальности. В ней автор рассказывает, как реализовать взаимодействие с объектами реального мира при помощи AR
awdee.ru/augmented-reality-ui-speculation
#awd_article #awd_techno
🙂 Типографический гранж
Егор Цеманек написал новую статью о бунтарском стиле гранж в типографике. История гранжа началась в 1992 году с появления рок-журнала «Ray Gun», который выпускал американский графический дизайнер Дэвид Карсон
Он оформлял «Ray Gun» в технике «разрывания, измельчения и перекройки букв» с «преднамеренными ошибками в вёрстке». Использовал текстуры, стилизованные под царапины и подтёки, искажал, растягивал и искривлял отдельные буквы, слова и строки
В результате стиль гранж стал одной из модных тенденций 90-х. А в конце 2010-х, после временного затишья, вновь вернулся в графический дизайн в ответ на упрощение и минимализм
awdee.ru/typographic-grunge
#awd_article #awd_typo #awd_retro
«Географический атлас мира: Композиция среды, окружающей человека» 1953 года
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
🇬🇧 Больше информации об атласе и его авторе: codex99.com/design/the-world-geographical-atlas.html
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
🙂 Чек-лист по проектированию опыта взаимодействия с пользователем
Перевод подробного чек-листа Энтони Хобдея для создания качественного интерфейса. Автор включил в него 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
🙂 8 библиотек с примерами юзерфлоу
Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно посмотреть, как устроен вход в систему в приложении Reddit или процесс оформления заказа в Starbucks
awdee.ru/8-libraries-with-examples-of-userflows
#awd_webtool #awd_tool #awd_ux
Мифы о фрилансе:
Миф 1. Фриланс - это не работа
Представление многих о фрилансерах - это гамак, ноутбук и вид на Бали.
Иногда оно так и есть, но все же фриланс - полноценная работа над проектами, общение с клиентами, правки и конкуренция.
Миф 2. Трудно найти заказчиков
Данный миф разбивается об одно слово - портфолио. Пройти конкуренцию на фрилансе поможет опыт и наличие кейсов, и конечно, желание получить заказ. Реально же заказы для новичка поможет найти ментор, который уже находится в сфере.
Миф 3. На фрилансе нет карьерного роста.
Нет. Повышая свою квалификацию и навыки, можно не только повысить заработок, но и выйти на руководящие должности вне компании, на фриланс площадках. Все зависит от желания, знаний и репутации.
А теперь немного правды:
ProductStar запустил курс по дизайну интерфейсов. Всем будущим фрилансерам на заметку:
— обучат делать эстетичные и удобные интерфейсы на реальных кейсах
— возможность оплатить частями
— уже с первых месяцев помощь с заказами на фриланс-биржах
Кстати, английский на Бали пригодится! Узнать про курс Английского в подарок и дату старта курса можно по ссылке: https://go.productstar.ru/odi
Не забудьте указать промокод ОДИ, он даст вам скидку 50%
Реклама ООО "Тривиум", ИНН 7806297293, erid: LjN8Jvi2T
#промо
🙂 Проверяем силу магнетизма
Станислав Хрусталёв написал новую статью, в которой протестировал приложение Магнит Доставка с позиции клиента
Автор прошёл весь путь пользователя приложения и на каждом шаге проанализировал его функции и интерфейс. В результате он выявил 160 точек для улучшения сервиса в разрезе следующих этапов:
— Узнавание о приложении
— Страница в App Store
— Онбординг
— Поиск товаров
— Каталог и листинг товаров
— Фильтрация и сортировка
— Просмотр карточек товаров
— Авторизация
— Работа с корзиной
— Оформление заказа
— Ожидание доставки
— Оценка заказа
— Получение поддержки
— Повторное использование
В статье вы найдёте множество пруфов в виде скриншотов и gif-изображений, которые помогут наглядно разобраться в том, «что не так» в приложении Магнит Доставка
awdee.ru/testing-the-power-of-magnetism
#awd_article #awd_ux #awd_cx
Дизайн бутылки водки Nan Madol
При контакте с водой на этикетке появляются символы, которые «рассказывают» историю о загадочном архипелаге в Микронезии — Нан Мадоле
На этом кайфовый дизайн не заканчивается: необычная форма бутылки и пробки, а также текст, нанесённый на плечо, отлично дополняют образ
Больше картинок: awdee.ru/nan-madol-packaging
#awd_pack via packagingoftheworld.com/2022/11/nan-madol.html
Наглядная визуализация движения электронов вокруг атома (minutephysics)
Автора видео не устраивали существующие модели, так как упрощённые не отражают реальную природу электронов, а научно достоверные слишком сложны для восприятия. Поэтому он на основе волновых функций срендерил собственные модели, которые одинаково достоверны и наглядны
На картинках — примеры разных электронов. Каждый шарик — возможное положение электрона, а всё множество шариков — волновая функция. Чем выше плотность шариков, тем выше вероятность нахождения там электрона
Можно заметить, что у некоторых атомов облака больше — всё дело в том, что чем больше энергия электрона, тем дальше он может находиться от ядра атома
Также важно понимать, что движения шариков показывают не траекторию электрона, а ток вероятности, то есть перемещение областей, где может находиться электрон согласно волновой функции
📼 Версия на русском языке
Другие интересные примеры визуализаций:
— Трёхмерная визуализация масштабов объектов во Вселенной
— Анимированная визуализация всего объёма воды на Земле
— Визуализация полезных ископаемых, добытых из различных месторождений
— Визуализация того, как Юпитер и его гравитация «удерживают» наш пояс астероидов
Рейтинг лучших курсов для дизайнеров с реальными отзывами учеников
Tutortop — образовательный маркетплейс №1, где представлено больше 5000 курсов от более чем 300 школ и все их можно сравнить по рейтингу, цене и отзывам, а еще купить дешевле, чем напрямую 🔥
Подборка из топовых курсов для дизайнеров от tutortop:
— Профессия «Веб-дизайнер + стажировка в студии» от дизайн-студии Логомашина. Рейтинг 4.9 из 5.
— Курс «UX/UI: дизайнер цифровых продуктов» от школы креативных дисциплин Bang Bang Education. Рейтинг 4.8 из 5.
— Профессия «Графический дизайнер с нуля до PRO» + Английский для дизайнеров в подарок от онлайн-школы дизайна Contented. Рейтинг 4.8 из 5.
И бонусом бесплатный курс от Video Smile «Быстрый старт в After Effects».
⚡️Получите скидку до 10 000 ₽ на сотни курсов по дизайну на маркетплейсе tutortop
#промо
Вдохновляющая коллекция фотографий Антона Реппонена
Крутейшие видовые кадры со всего мира с шикарной постобработкой
Больше фото: 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