Мы нашли и протестировали новые полезные плагины. Чтобы показать как они работают, записали короткие скринкасты
— Gradient Map — эффект карты градиента, как в Фотошопе
— Reflect — создаёт отражение любого изображения в два клика
— Mobile Onboarding — библиотека онбордингов для iOS и Android в светлой и тёмной темах
— Jony Eye — находит ошибки в макетах в типографике, стилях, документах и размещении элементов
— Auto Style Sheet — сканирует дизайн и генерирует руководство по стилю
awdee.ru/5-new-free-figma-plugins
#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Японские духи и милые персонажи в повседневной обстановке
Автор проекта — Анастасия Бережная. Она живёт в Португалии и специализируется на 3D-иллюстрации и разработке визуальных концепций
Мы поговорили с Анастасией о проекте. Она рассказала, что в основе концепции лежит тема японских духов и персонажей. Их она стремилась натуралистично вписать в современный контекст и быт
Все сцены она создавала в Cinema 4D и Octane. Для некоторых персонажей дополнительно использовала скульптинг в Forger и проработку текстур в Adobe Illustrator/Procreate. В каждой иллюстрации она применяла много выкрашенных источников света и исключала чистое белое освещение, чтобы сохранить аутентичность и создать атмосферу домашней вечерней квартиры
Рассмотреть иллюстрации в деталях: awdee.ru/japanese-perfume-and-cute-characters-in-everyday-settings
#awd_3D #awd_illustration via behance.net/gallery/177311377/Spirits-Nowadays
Автор проекта — Анастасия Бережная. Она живёт в Португалии и специализируется на 3D-иллюстрации и разработке визуальных концепций
Мы поговорили с Анастасией о проекте. Она рассказала, что в основе концепции лежит тема японских духов и персонажей. Их она стремилась натуралистично вписать в современный контекст и быт
Все сцены она создавала в Cinema 4D и Octane. Для некоторых персонажей дополнительно использовала скульптинг в Forger и проработку текстур в Adobe Illustrator/Procreate. В каждой иллюстрации она применяла много выкрашенных источников света и исключала чистое белое освещение, чтобы сохранить аутентичность и создать атмосферу домашней вечерней квартиры
Рассмотреть иллюстрации в деталях: awdee.ru/japanese-perfume-and-cute-characters-in-everyday-settings
#awd_3D #awd_illustration via behance.net/gallery/177311377/Spirits-Nowadays
Егор Цеманек написал статью о том, как развивался дизайн обложек российских журналов в 1920-х и начале 30-х годов
На рубеже веков в оформлении периодики преобладал рисованный шрифт и декоративная графика. Название, как правило, размещали название, а изображение — снизу
После революции 1917 года наступил кризис печати. Но через пару лет НЭПа, в 1923 году, Маяковский начал выпускать самый известный журнал эпохи конструктивизма — «ЛЕФ». Он сделал это с целью направить все виды искусства по коммунистическому пути, что отложило отпечаток и на оформлении обложек. Вместо засечек теперь использовали брусковый шрифт, строгую геометрию и экспериментальную верстку. А место иллюстраций заняли фотографии и фотомонтаж
Наступила эпоха модернизма. Декоративные элементы убрали до минимума, а главной ценностью стали чёткость и информативность. На обложки авторы журналов часто размещали геометрические фигуры и смело экспериментировали с текстом
В направлении журнальных обложек развивалась и полномасштабная иллюстрация, но для многих изданий нарисованная кистью графика была слишком дорогой. Зато те, кто мог себе это позволить, создавали стильную графику — слегка минималистичную, без лишних абстракций и с рисованными шрифтами в стиле The New Yorker
awdee.ru/magazine-covers-from-the-constructivist-era
#awd_article #awd_retro #awd_cover
Please open Telegram to view this post
VIEW IN TELEGRAM
Айдентика британской энергосберегающей компании Hometree
14% выбросов парниковых газов в Великобритании приходится на отопление. Hometree помогает домовладельцам внедрять комплексные решения по использованию энергии с низким уровнем выбросов углерода
Стиль хорошо отражает экологическую миссию бренда — интерактивный логотип-маскот в форме клёна, жёлто-зелёная палитра и лаконичные слоганы, которые чётко объясняют важность энергосбережения
Больше видео и картинок: awdee.ru/identity-of-the-british-energy-saving-company-hometree
#awd_identity via how.studio/work/hometree
14% выбросов парниковых газов в Великобритании приходится на отопление. Hometree помогает домовладельцам внедрять комплексные решения по использованию энергии с низким уровнем выбросов углерода
Стиль хорошо отражает экологическую миссию бренда — интерактивный логотип-маскот в форме клёна, жёлто-зелёная палитра и лаконичные слоганы, которые чётко объясняют важность энергосбережения
Больше видео и картинок: awdee.ru/identity-of-the-british-energy-saving-company-hometree
#awd_identity via how.studio/work/hometree
Коллекция обложек авангардного журнала Зенит
Журнал издавали ежемесячно на территории бывшей Югославии с 1921 по 1926 год. Вокруг него зародилось авангардное движение Зенитизм, которое провозглашало гуманистические, антивоенные идеалы и призывало к созданию новой, единой Европы. Всего вышло всего 43 номера, а потом журнал запретили
Автор проекта Zen, Zenit, Zenitism — Ранко Хорецки, дизайнер из Загреба. Он достал оригинальные номера Зенита из Музея современного искусства в Загребе и частных коллекций в Белграде и Любляне. Многие из них были в таком плохом состоянии, что ему пришлось сканировать каждую страницу отдельно и буквально воссоздавать их. Всего на создание коллекции он потратил порядка 2000 часов и двух лет
Хорецки хотел сделать обложки этого культового журнала доступными для учёных и дизайнеров, у которых нет возможности прикоснуться к оригиналам
printmag.com/daily-heller/zen-zenit-zenitism
Больше обложек: awdee.ru/a-collection-of-avant-garde-zenith-magazine-covers
#awd_retro #awd_cover
Журнал издавали ежемесячно на территории бывшей Югославии с 1921 по 1926 год. Вокруг него зародилось авангардное движение Зенитизм, которое провозглашало гуманистические, антивоенные идеалы и призывало к созданию новой, единой Европы. Всего вышло всего 43 номера, а потом журнал запретили
Автор проекта Zen, Zenit, Zenitism — Ранко Хорецки, дизайнер из Загреба. Он достал оригинальные номера Зенита из Музея современного искусства в Загребе и частных коллекций в Белграде и Любляне. Многие из них были в таком плохом состоянии, что ему пришлось сканировать каждую страницу отдельно и буквально воссоздавать их. Всего на создание коллекции он потратил порядка 2000 часов и двух лет
Хорецки хотел сделать обложки этого культового журнала доступными для учёных и дизайнеров, у которых нет возможности прикоснуться к оригиналам
printmag.com/daily-heller/zen-zenit-zenitism
Больше обложек: awdee.ru/a-collection-of-avant-garde-zenith-magazine-covers
#awd_retro #awd_cover
Недавно CX-дизайнер Адам Григорян выступал с лекцией на мероприятии, которое организовали ребята из Dprofie. Там он делился собственным опытом презентации дизайна крупным клиентам, в том числе Внуково, Internorm, ХК «Спартак» и Ростелеком
Ключевые тезисы из лекции:
— На презентации всё пойдёт не так, как задумано, и надо быть к этому готовым
— Называйте презентацию обсуждением, чтобы быть с клиентом на одном уровне
— Объясните клиенту, что вы от него хотите по итогу, чтобы вовлечь его в презентацию
— Просите перебивать вас, чтобы сделать клиента активным слушателем
— Улыбайтесь, чтобы вас хотели слушать
— Находите и сразу же исправляйте ошибки в макетах во время презентации. Так вы покажете клиенту, что это не презентация, а процесс, над которым вы совместно работаете
— Не задавайте вопросы в первой половине звонка, они раздражают
— Научитесь работать с позитивным фидбеком, чтобы не мямлить, когда вас хвалят
— Не пытайтесь понравиться клиенту, лучше сосредоточьтесь на решении его задачи
— Не будьте слишком вежливы и не соглашайтесь со всем, что говорит клиент
— Правки — это хорошо, ведь это путь к сдаче проекта
— Учитывайте абсолютно все замечания клиента, так вы проявите себя профессионалом
Эта заметка на сайте: awdee.ru/abstracts-from-the-lecture-how-to-convincingly-present-a-design-product-idea-whatever
#awd_lecture #awd_career #awd_summary #awd_edu
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Тезисы из лекции «Как убедительно презентовать дизайн, продукт, идею, что угодно» — Оди. О дизайне
Недавно CX-дизайнер Адам Григорян выступал с лекцией на мероприятии, которое организовали ребята из Dprofie. Там он делился собственным опытом презентации дизайна крупным клиентам, в том числе Внуково, Internorm, ХК «Спартак» и Ростелеком Лекция длится около…
VeriXam — визуальное исследование несуществующих биоструктур
В ближайшем будущем человечество достигнет глубокого понимания биотехнологий и биоматериалов. Ребята из испанской студии Nastplas считают, что это позволит создавать биоструктуры, которые не поддаются воображению. Они появятся в городах и будут адаптироваться к изменениям окружающей среды
Авторы проекта смоделировали и визуализировали целую коллекцию футуристичных биоструктур с реалистичным шейдингом и атмосферным освещением
Больше визуализаций: awdee.ru/verixam-visual-inspection-of-non-existent-biostructures
#awd_3D #awd_CG via behance.net/gallery/182743805/VeriXam
В ближайшем будущем человечество достигнет глубокого понимания биотехнологий и биоматериалов. Ребята из испанской студии Nastplas считают, что это позволит создавать биоструктуры, которые не поддаются воображению. Они появятся в городах и будут адаптироваться к изменениям окружающей среды
Авторы проекта смоделировали и визуализировали целую коллекцию футуристичных биоструктур с реалистичным шейдингом и атмосферным освещением
Больше визуализаций: awdee.ru/verixam-visual-inspection-of-non-existent-biostructures
#awd_3D #awd_CG via behance.net/gallery/182743805/VeriXam
Видеоуроки по созданию анимаций в After Effects с реальными примерами
Туториалы от канала MotionXP, с помощью которых вы научитесь делать продвинутые анимации. Эти эффекты дизайн-студии создавали и использовали в реальных проектах. Ссылки на примеры вы найдёте ниже. Длительность роликов не превышает 12 минут
Темы:
1. Градиентные шарики. Примеры: Ordinary Folk — Solimar, The Furrow — Welcome to Synth
2. Анимация тоннеля. Примеры: The Furrow — Node, Ordinary Folk — The Sequence
3. Техника плавных переходов match cuts. Match cut — склейка между двумя кадрами, в которых объекты визуально похожи или совпадают друг с другом. Примеры: Ordinary Folk — Webflow: Ecommerce, Tendril — Microsoft Yammer, Craftsmanship, Not Real — Microsoft Office Hub 2.0
4. Три анимации 3D-вращения. Пример: The Furrow — Welcome to Synth
#awd_edu #awd_ae #awd_video
Туториалы от канала MotionXP, с помощью которых вы научитесь делать продвинутые анимации. Эти эффекты дизайн-студии создавали и использовали в реальных проектах. Ссылки на примеры вы найдёте ниже. Длительность роликов не превышает 12 минут
Темы:
1. Градиентные шарики. Примеры: Ordinary Folk — Solimar, The Furrow — Welcome to Synth
2. Анимация тоннеля. Примеры: The Furrow — Node, Ordinary Folk — The Sequence
3. Техника плавных переходов match cuts. Match cut — склейка между двумя кадрами, в которых объекты визуально похожи или совпадают друг с другом. Примеры: Ordinary Folk — Webflow: Ecommerce, Tendril — Microsoft Yammer, Craftsmanship, Not Real — Microsoft Office Hub 2.0
4. Три анимации 3D-вращения. Пример: The Furrow — Welcome to Synth
#awd_edu #awd_ae #awd_video
«Визуальный словарь» от Financial Times — плакат с вариантами визуализации данных в зависимости от типа взаимных отношений между элементами этих данных. Плакат векторный, при желании можно распечатать и повесить на стену
#awd_infographic #awd_free_download via ft.com/vocabulary
Please open Telegram to view this post
VIEW IN TELEGRAM
Midlibrary — коллекция из 4400+ стилей Midjourney
Библиотека содержит стили определённых художников, архитекторов, дизайнеров, иллюстраторов и фотографов
Чтобы сгенерировать картинку в выбранном стиле, к промту достаточно добавить имя автора. Оно указано на странице стиля в разделе Optimal prompt. Там же есть галерея работ, описание стиля и его характеристики
Для удобного поиска на сайте есть рубрикатор по категориям, стилям и отдельным характеристикам
midlibrary.io/styles
#awd_tool #awd_webtool
Библиотека содержит стили определённых художников, архитекторов, дизайнеров, иллюстраторов и фотографов
Чтобы сгенерировать картинку в выбранном стиле, к промту достаточно добавить имя автора. Оно указано на странице стиля в разделе Optimal prompt. Там же есть галерея работ, описание стиля и его характеристики
Для удобного поиска на сайте есть рубрикатор по категориям, стилям и отдельным характеристикам
midlibrary.io/styles
#awd_tool #awd_webtool
В статье подробно рассматриваем несколько альтернатив:
— Pixso
— Lunacy
— Penpot
— Mockplus
— Adobe 😆
— Sketch для Mac
awdee.ru/luchshie-analogi-figma
#awd_tool #awd_webtool #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Лучшие аналоги Figma — Оди. О дизайне
Сделала подборку платных и бесплатных альтернатив Figma. В статье вы найдете подробный обзор каждого инструмента Pixso Облачный сервис для совместной работы над дизайном. Включает все этапы работы над проектом: создание прототипов, дизайн, передачу макетов…
Перевод статьи Кристины Коротенко, в которой она рассказывает, как отличить реальное изображение от созданного ИИ. Она рекомендует обращать внимание на слияние элементов, странные волосы и руки, искажённый текст на картинке, пустые глаза, чрезмерно гладкие текстуры и другое
awdee.ru/how-to-spot-ai-generated-images
#awd_article #awd_ml #awd_neuralart
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как отличать сгенерированные ИИ-изображения — Оди. О дизайне
Перевод статьи Кристины Коротенко, в которой она рассказывает, как отличить реальное изображение от созданного ИИ. Она рекомендует обращать внимание на слияние элементов, странные волосы и руки, искажённый текст на картинке, пустые глаза, чрезмерно гладкие…
Cтиль британского форума о телевидении и развлечениях Too Much To Watch
Ежегодное мероприятие Королевского телевизионного общества проходило в Кембриджском университете и длилось два дня. Форум собрал лидеров индустрии для обсуждения будущего СМИ и влияния на него нейросетей
В айдентике прослеживается явная аллегория между бесконечным контентом, который заполняет всё наше свободное время (Too Much To Watch — Слишком Много Всего Смотреть), и кинетическими «надутыми» буквами, заполняющими всё свободное пространство
Больше картинок и видео: awdee.ru/styled-by-the-british-forum-on-television-and-entertainment-too-much-to-watch
#awd_identity via studio-kiln.com/project/rts-cambridge-convention-2023
Ежегодное мероприятие Королевского телевизионного общества проходило в Кембриджском университете и длилось два дня. Форум собрал лидеров индустрии для обсуждения будущего СМИ и влияния на него нейросетей
В айдентике прослеживается явная аллегория между бесконечным контентом, который заполняет всё наше свободное время (Too Much To Watch — Слишком Много Всего Смотреть), и кинетическими «надутыми» буквами, заполняющими всё свободное пространство
Больше картинок и видео: awdee.ru/styled-by-the-british-forum-on-television-and-entertainment-too-much-to-watch
#awd_identity via studio-kiln.com/project/rts-cambridge-convention-2023
Типографская раскладка Бирмана
Что такое раскладка. Когда вы печатаете на клавиатуре, разным кнопкам на ней соответствуют разные символы. Если вы пишете по-русски, то скорее всего у вас установлены две раскладки — русская и английская. И если вы используете русскую раскладку, но вам нужно ввести слово на английском языке, то вы переключаетесь между раскладками
Что такое типографская раскладка Бирмана. Она включает много полезных символов, которые не поддерживает обычная раскладка. Например, правильные кавычки («»), тире (—), знак евро (€), фунта (£), умножения (×), минус (−), знак зарегистрированной торговой марки (®), копирайта (©), параграфа (§), градуса (°), стрелочки (←→↑↓), неразрывный пробел и другие
Преимущества типографской раскладки. Сделать текст опрятным без типографской раскладки сложно, потому что на обычной раскладке нужных символов либо нет, либо их написание требует запоминания сложных комбинаций клавиш
А на типографской раскладке редкие символы расположены логично, поэтому их легко запомнить
Как вводить символы. На плакате типографской раскладки символы, которые расположены на клавише снизу, вводят с зажатым Alt. Символы, которые расположены на клавише сверху, вводят с Alt+Shift
Комбинирующиеся символы. На плакате типографской раскладки комбинирующиеся символы находятся на плашках. Они позволяют печатать диакритические знаки, которые есть во французском, немецком, испанском, белорусском и других языках. Например, писать на французском символы «é», «è», «î», «ç», не переключаясь на французскую раскладку
Как вводить комбинирующиеся символы. Их вводят с Alt+Shift, и после появления символа нажимают букву, которая в результате образует символ с диакритическим знаком
Раскладка бесплатная. Доступна для Windows и macOS. В остальных системах её можно включить в настройках клавиатуры в пункте «Включить дополнительные типографские символы»
Скачать: ilyabirman.ru/typography-layout
40-минутная видеоинструкция Илья Бирмана о том, как пользоваться типографской раскладкой: ilyabirman.ru/meanwhile/all/typography-layout-video
Плакат типографской раскладки, который помогает запомнить расположение символов: ilyabirman.ru/typography-layout/poster
#awd_tool
Что такое раскладка. Когда вы печатаете на клавиатуре, разным кнопкам на ней соответствуют разные символы. Если вы пишете по-русски, то скорее всего у вас установлены две раскладки — русская и английская. И если вы используете русскую раскладку, но вам нужно ввести слово на английском языке, то вы переключаетесь между раскладками
Что такое типографская раскладка Бирмана. Она включает много полезных символов, которые не поддерживает обычная раскладка. Например, правильные кавычки («»), тире (—), знак евро (€), фунта (£), умножения (×), минус (−), знак зарегистрированной торговой марки (®), копирайта (©), параграфа (§), градуса (°), стрелочки (←→↑↓), неразрывный пробел и другие
Преимущества типографской раскладки. Сделать текст опрятным без типографской раскладки сложно, потому что на обычной раскладке нужных символов либо нет, либо их написание требует запоминания сложных комбинаций клавиш
А на типографской раскладке редкие символы расположены логично, поэтому их легко запомнить
Как вводить символы. На плакате типографской раскладки символы, которые расположены на клавише снизу, вводят с зажатым Alt. Символы, которые расположены на клавише сверху, вводят с Alt+Shift
Комбинирующиеся символы. На плакате типографской раскладки комбинирующиеся символы находятся на плашках. Они позволяют печатать диакритические знаки, которые есть во французском, немецком, испанском, белорусском и других языках. Например, писать на французском символы «é», «è», «î», «ç», не переключаясь на французскую раскладку
Как вводить комбинирующиеся символы. Их вводят с Alt+Shift, и после появления символа нажимают букву, которая в результате образует символ с диакритическим знаком
Раскладка бесплатная. Доступна для Windows и macOS. В остальных системах её можно включить в настройках клавиатуры в пункте «Включить дополнительные типографские символы»
Скачать: ilyabirman.ru/typography-layout
40-минутная видеоинструкция Илья Бирмана о том, как пользоваться типографской раскладкой: ilyabirman.ru/meanwhile/all/typography-layout-video
Плакат типографской раскладки, который помогает запомнить расположение символов: ilyabirman.ru/typography-layout/poster
#awd_tool
Стартовало ежегодное исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные
Такой рейтинг полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно улучшить
Пожалуйста, примите участие: bit.ly/dsgnteam-2023
Ваше мнение поможет сделать исследование лучше. Результаты исследования появятся в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях, включая Оди
Результаты за прошлые годы:
— dmpatterns.com/teams-2021
— dmpatterns.com/teams-2020
— dmpatterns.com/teams-2019
— dmpatterns.com/teams-2018
Такой рейтинг полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно улучшить
Пожалуйста, примите участие: bit.ly/dsgnteam-2023
Ваше мнение поможет сделать исследование лучше. Результаты исследования появятся в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях, включая Оди
Результаты за прошлые годы:
— dmpatterns.com/teams-2021
— dmpatterns.com/teams-2020
— dmpatterns.com/teams-2019
— dmpatterns.com/teams-2018
Typeform
2023: Отношение к дизайн-командам
Мы проводим исследование продуктовых дизайн-команд в России. Как профессиональное сообщество оценивает результаты их работы? Помогите нам, ответив на несколько вопросов (анонимно). Кстати, результаты мы опубликуем в виде отчёта.
Перевод статьи Тейлора Дайкса из Nielsen Norman Group о том, как укорачивать и улучшать интерфейсные тексты
Автор рекомендует следующие действия:
— Уберите словесный мусор
— Уберите лишние слова
— Избавьтесь от избыточности
— Обращайте внимание на зависимые предложения
— Обращайте внимание на содержание
— Ищите лишнюю информацию
— Переставляйте слова
Для лучшего понимания он приводит примеры UX-текстов с разбором ошибок
awdee.ru/rewriting-digital-content-for-brevity
#awd_article #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как сократить объём текста в интерфейсе без потери смысла — Оди. О дизайне
Перевод статьи Тейлора Дайкса из Nielsen Norman Group о том, как укорачивать и улучшать интерфейсные тексты Далее текст от лица автора Резюме: Писателям всегда советуют писать кратко. Но гораздо проще сказать, чем сделать. Эти советы и приёмы помогут сократить…
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт ежегодной конференции для разработчиков GitHub Universe
Удобная система карточек хорошо структурирует контент. А разнообразие градиентных 3D-иллюстраций визуально воплощает множество интересных событий, которые обещает GitHub Universe своим гостям
Больше скриншотов: awdee.ru/github-universe-annual-developer-conference-website
githubuniverse.com
#awd_web #awd_site
Удобная система карточек хорошо структурирует контент. А разнообразие градиентных 3D-иллюстраций визуально воплощает множество интересных событий, которые обещает GitHub Universe своим гостям
Больше скриншотов: awdee.ru/github-universe-annual-developer-conference-website
githubuniverse.com
#awd_web #awd_site