36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
Типографская раскладка Бирмана
Что такое раскладка. Когда вы печатаете на клавиатуре, разным кнопкам на ней соответствуют разные символы. Если вы пишете по-русски, то скорее всего у вас установлены две раскладки — русская и английская. И если вы используете русскую раскладку, но вам нужно ввести слово на английском языке, то вы переключаетесь между раскладками
Что такое типографская раскладка Бирмана. Она включает много полезных символов, которые не поддерживает обычная раскладка. Например, правильные кавычки («»), тире (—), знак евро (€), фунта (£), умножения (×), минус (−), знак зарегистрированной торговой марки (®), копирайта (©), параграфа (§), градуса (°), стрелочки (←→↑↓), неразрывный пробел и другие
Преимущества типографской раскладки. Сделать текст опрятным без типографской раскладки сложно, потому что на обычной раскладке нужных символов либо нет, либо их написание требует запоминания сложных комбинаций клавиш
А на типографской раскладке редкие символы расположены логично, поэтому их легко запомнить
Как вводить символы. На плакате типографской раскладки символы, которые расположены на клавише снизу, вводят с зажатым 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
🙂️️ Как отличать сгенерированные ИИ изображения
Перевод статьи Кристины Коротенко, в которой она рассказывает, как отличить реальное изображение от созданного ИИ. Она рекомендует обращать внимание на слияние элементов, странные волосы и руки, искажённый текст на картинке, пустые глаза, чрезмерно гладкие текстуры и другое
awdee.ru/how-to-spot-ai-generated-images
#awd_article #awd_ml #awd_neuralart
🙂️️️️️️ Лучшие аналоги Figma
В статье подробно рассматриваем несколько альтернатив:
— Pixso
— Lunacy
— Penpot
— Mockplus
— Adobe 😆
— Sketch для Mac
awdee.ru/luchshie-analogi-figma
#awd_tool #awd_webtool #awd_figma
🙂️️️️️️ Шпаргалка по типам визуализации данных
«Визуальный словарь» от Financial Times — плакат с вариантами визуализации данных в зависимости от типа взаимных отношений между элементами этих данных. Плакат векторный, при желании можно распечатать и повесить на стену
#awd_infographic #awd_free_download via ft.com/vocabulary
🙂️️️️️️ Шпаргалка по типам визуализации данных
«Визуальный словарь» от Financial Times — плакат с вариантами визуализации данных в зависимости от типа взаимных отношений между элементами этих данных. Плакат векторный, при желании можно распечатать и повесить на стену
#awd_infographic #awd_free_download via ft.com/vocabulary
🙂️️️️️️ Тезисы из лекции «Как убедительно презентовать дизайн, продукт, идею, что угодно»
Недавно CX-дизайнер Адам Григорян выступал с лекцией на мероприятии, которое организовали ребята из Dprofie. Там он делился собственным опытом презентации дизайна крупным клиентам, в том числе Внуково, Internorm, ХК «Спартак» и Ростелеком
Ключевые тезисы из лекции:
— На презентации всё пойдёт не так, как задумано, и надо быть к этому готовым
— Называйте презентацию обсуждением, чтобы быть с клиентом на одном уровне
— Объясните клиенту, что вы от него хотите по итогу, чтобы вовлечь его в презентацию
— Просите перебивать вас, чтобы сделать клиента активным слушателем
— Улыбайтесь, чтобы вас хотели слушать
— Находите и сразу же исправляйте ошибки в макетах во время презентации. Так вы покажете клиенту, что это не презентация, а процесс, над которым вы совместно работаете
— Не задавайте вопросы в первой половине звонка, они раздражают
— Научитесь работать с позитивным фидбеком, чтобы не мямлить, когда вас хвалят
— Не пытайтесь понравиться клиенту, лучше сосредоточьтесь на решении его задачи
— Не будьте слишком вежливы и не соглашайтесь со всем, что говорит клиент
— Правки — это хорошо, ведь это путь к сдаче проекта
— Учитывайте абсолютно все замечания клиента, так вы проявите себя профессионалом
📼️️️️️️ Лекция полностью: youtube.com/watch?v=yH3Ggd5HcBs&t=22s
Эта заметка на сайте: awdee.ru/abstracts-from-the-lecture-how-to-convincingly-present-a-design-product-idea-whatever
#awd_lecture #awd_career #awd_summary #awd_edu
Айдентика британской энергосберегающей компании Hometree
14% выбросов парниковых газов в Великобритании приходится на отопление. Hometree помогает домовладельцам внедрять комплексные решения по использованию энергии с низким уровнем выбросов углерода
Стиль хорошо отражает экологическую миссию бренда — интерактивный логотип-маскот в форме клёна, жёлто-зелёная палитра и лаконичные слоганы, которые чётко объясняют важность энергосбережения
Больше видео и картинок: awdee.ru/identity-of-the-british-energy-saving-company-hometree
#awd_identity via how.studio/work/hometree
🙂️️ Журнальные обложки эпохи конструктивизма
Егор Цеманек написал статью о том, как развивался дизайн обложек российских журналов в 1920-х и начале 30-х годов
На рубеже веков в оформлении периодики преобладал рисованный шрифт и декоративная графика. Название, как правило, размещали название, а изображение — снизу
После революции 1917 года наступил кризис печати. Но через пару лет НЭПа, в 1923 году, Маяковский начал выпускать самый известный журнал эпохи конструктивизма — «ЛЕФ». Он сделал это с целью направить все виды искусства по коммунистическому пути, что отложило отпечаток и на оформлении обложек. Вместо засечек теперь использовали брусковый шрифт, строгую геометрию и экспериментальную верстку. А место иллюстраций заняли фотографии и фотомонтаж
Наступила эпоха модернизма. Декоративные элементы убрали до минимума, а главной ценностью стали чёткость и информативность. На обложки авторы журналов часто размещали геометрические фигуры и смело экспериментировали с текстом
В направлении журнальных обложек развивалась и полномасштабная иллюстрация, но для многих изданий нарисованная кистью графика была слишком дорогой. Зато те, кто мог себе это позволить, создавали стильную графику — слегка минималистичную, без лишних абстракций и с рисованными шрифтами в стиле The New Yorker
awdee.ru/magazine-covers-from-the-constructivist-era
#awd_article #awd_retro #awd_cover
👨🎨 5 новых бесплатных Figma-плагинов
Мы нашли и протестировали новые полезные плагины. Чтобы показать как они работают, записали короткие скринкасты
— Gradient Map — эффект карты градиента, как в Фотошопе
— Reflect — создаёт отражение любого изображения в два клика
— Mobile Onboarding — библиотека онбордингов для iOS и Android в светлой и тёмной темах
— Jony Eye — находит ошибки в макетах в типографике, стилях, документах и размещении элементов
— Auto Style Sheet — сканирует дизайн и генерирует руководство по стилю
awdee.ru/5-new-free-figma-plugins
#awd_figma #awd_tool
Айдентика Fabric — платформы для финансовых консультантов
На этой платформе финансовые консультанты дают компаниям рекомендации относительно управления их капиталом
В переводе с английского Fabric означает ткань. И самый визуально интересный элемент здесь — трёхмерная голографическая ткань с золотистым оттенком. Она отлично контрастирует с аскетичным логотипом и утилитарной типографикой, создавая баланс между чем-то экспрессивным и консервативным
#awd_identity via behance.net/gallery/181552801/Fabric
Промостраница фотокамеры Polaroid I-2
Минималистичная презентация фотоаппарата в стиле Apple. 3D-иллюстрации и трёхмерные анимации по скроллу круто демонстрируют продукт. А яркие градиенты на тёмном фоне — отлично подсвечивают его достоинства
i2-camera.polaroid.com
Больше скриншотов: awdee.ru/polaroid-i-2-camera-promotional-page
#awd_web #awd_site
7 дней бесплатного обучения UX/UI-дизайну!
🔥 Ребята из Айтилогии организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором.
За 7 дней ты:
- Освоишь базовый функционал Figma;
- Узнаешь, как создавать трендовый дизайн;
- Разберешься с UX и UI дизайном и интерфейсами;
- Научишься создавать адаптивный дизайн;
- Получишь советы по доработке своих проектов;
В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне.
Ухватить бесплатно такой ценный материал можешь по ссылке 👉 UX/UI-Start
Бонусом вышлют тебе в подарок чек-лист «45 мест для поиска работы», где собраны все ресурсы, на которых UX/UI-дизайнеры находят работу в веб-студиях и IT-компаниях.
Начинают 2 ноября.
Упаковка средств по уходу за кожей новозеладской марки Tronque
Концепция вдохновлена силуэтом женской фигуры. Авторы решили воплотить эту идею в элегантном шрифтовом логотипе с изящными изгибами
Женственности стилю придают эстетичные чёрно-белые фотографии женских тел, акцентный кроваво-красный цвет и изысканное тиснение на упаковке
Больше картинок: awdee.ru/packaging-of-skincare-products-from-new-zealand-skincare-brand-tronque
#awd_pack via worldbranddesign.com/tronque-skincare-brand-and-packaging-design-by-marx-design
Фотоотчет с форума Design Prosmotr в Москве 23-24 сентября и Питере 7-8 октября!
Форумы в двух столицах уже отгремели, но воспоминания, смешные моменты, креативные снимки и счастливые участники до сих пор радуют глаз! На 4 дня 1000+ дизайнеров со всей страны собрались в эпицентре креатива, чтобы получить актуальные знания о креативной индустрии, познакомиться с единомышленниками и отдохнуть от рутинных будней в атмосфере максимального творчества. Все, о чем мы говорили, теперь можно увидеть в нашем фотоотчете: как мы слушали лекции, рисовали, общались и смеялись.
Чтобы вновь ненадолго оказаться на Design Prosmotr s18e29,30, переходи в альбомы, ищи себя, своих друзей и другие смешные лица
🙂️️️️ Практическое руководство по анимации переходов в интерфейсах
Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать плавные и уместные анимации в любом дизайне интерфейсов:
1. Плавное появление и затухание с изменением прозрачности
2. Масштабирование
3. Постоянное направление движения
4. Баланс скорости
5. Приоритеты, порядок и группировка элементов
6. Ориентация в пространстве
Суть всех принципов автор раскрывает на наглядных примерах. К тому же он подчёркивает, что все их можно сразу же применять в любом дизайн-проекте
awdee.ru/transition-animations-a-practical-guide
#awd_ux #awd_article
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
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: пройдите несколько секций собеседования и получите офер за несколько дней.
Ближайшее мероприятие:
• 20-24 ноября — Fast Track для продуктовых дизайнеров, офер за неделю в команду HR Tech.
Зарегистрироваться
Реклама. ООО "Яндекс". erid: 2VtzqxjeTYb
Midlibrary — коллекция из 4400+ стилей Midjourney
Библиотека содержит стили определённых художников, архитекторов, дизайнеров, иллюстраторов и фотографов
Чтобы сгенерировать картинку в выбранном стиле, к промту достаточно добавить имя автора. Оно указано на странице стиля в разделе Optimal prompt. Там же есть галерея работ, описание стиля и его характеристики
Для удобного поиска на сайте есть рубрикатор по категориям, стилям и отдельным характеристикам
midlibrary.io/styles
#awd_tool #awd_webtool
Видеоуроки по созданию анимаций в 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
VeriXam — визуальное исследование несуществующих биоструктур
В ближайшем будущем человечество достигнет глубокого понимания биотехнологий и биоматериалов. Ребята из испанской студии Nastplas считают, что это позволит создавать биоструктуры, которые не поддаются воображению. Они появятся в городах и будут адаптироваться к изменениям окружающей среды
Авторы проекта смоделировали и визуализировали целую коллекцию футуристичных биоструктур с реалистичным шейдингом и атмосферным освещением
Больше визуализаций: awdee.ru/verixam-visual-inspection-of-non-existent-biostructures
#awd_3D #awd_CG via behance.net/gallery/182743805/VeriXam
Коллекция обложек авангардного журнала Зенит
Журнал издавали ежемесячно на территории бывшей Югославии с 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
📖 Бросайте A/B-тестирование — Журналус № 379
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Патрика Кинга «Перестаньте угождать людям»
— Годные советы по карьере дизайнера
— Когда и зачем использовать шторки, диалоги и снэкбары в интерфейсах
— Как проектировать страницы листингов
— Шикарный гайд по исследованиям
— История голландского плакатного дизайна
— Что такое «Зенитизм»
— Крутое руководство по анимациям в интерфейсах
— Огромная коллекция стилей, которые знает Midjourney
— ИИ-инструмент для генерации цветовых палитр
— Почему правило третей — вовсе не правило
— Познавательная лекция о типографике в кино
— И много чего ещё!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Японские духи и милые персонажи в повседневной обстановке
Автор проекта — Анастасия Бережная. Она живёт в Португалии и специализируется на 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
Крупнейшая школа дизайна Contented* приглашает вас на бесплатный интенсив по графическому дизайну 7, 8 и 9 ноября в 19:00.
За три дня вы:
— узнаете, какие перспективы, требования и гонорары в графдизайне;
— поработаете над первым проектом и получите обратную связь;
— заберете призы и подарки.
Вы получите личный фидбэк по вашей работе от эксперта и пообщаетесь с ним в закрытом чате. Это поддержка и комьюнити, где вам помогут начать зарабатывать на своих креативных идеях.
Зарегистрироваться бесплатно: https://go.contented.ru/&erid=Kra23SvWF
*По версии SmartRanking 2023
Реклама ООО "Скилфэктори", Kra23SvWF
Короткометражка Yuki's Daydream с демонстрацией возможностей Unreal Engine
Ролик показывает день мечты из жизни персонажа Юки 7, в котором она летит в космос, сражается с драконом, проходит квесты и делает другие захватывающие вещи
В короткометражке Юки 7 переходит из вселенной во вселенную, каждая из которых сделана в определённом стиле. Таким образом авторы показывают зрителям разнообразие возможностей рендеринга на движке Unreal Engine
📼️️️️️️ youtube.com/watch?v=K3Ebv8JjI10
#awd_video #awd_motion #awd_3D
🙂️️ 23 наших лучших материала за октябрь
Статьи:
— Люди не читают в интернете, они сканируют. Вот как правильно писать для них
— Практическое руководство по анимации переходов в интерфейсах
— Почему важно помогать другим, чтобы быть успешным
— Книжный дизайн русского авангарда
— Проверяем METRO на прочность
— Оформление заказа: выбор адреса и времени доставки
— Проектируем сортировку листинга в приложении
— Меньше значит больше: сила минимализма в веб-дизайне
— Искусство в быту — промышленный дизайн 1920-х
Дизайн упаковки:
— Концепт упаковки молочно-фруктовых газировок P.S.
— Концепт коробок для пиццы Hangry Box
— Упаковки кошачьего корма китайской марки Maowoo
— Новая упаковка белорусской сети ресторанов быстрого питания Mak.by
— Айдентика и упаковка афинской сэндвичной Subbie
Анимации:
— Анимированная псевдоакварельная живопись Тады Гаку из Японии
— Birth — ролик о рождении мифического существа
Иллюстрации:
— Красочные иллюстрации Лучано Циана из Рио-де-Жанейро
— Масляная живопись Ильи Брезинского из Москвы
Сайты:
— Cайт швейцарской полиграфической компании Setaprint
Плакаты:
— Плакаты Анны Кулачёк из Нью-Йорка
Шрифты:
— Ривьера — бесплатная выразительная антиква с кириллицей
Образование:
— 10 туториалов по созданию абстрактных эффектов в Blender
— Уроки по созданию типографических эффектов в Adobe Illustrator
🙂️️️️️️ Графика художника Сергея Чехонина (1878–1936)
Статья Егора Цеманека о творческом пути выдающегося графика Сергея Чехонина
В раннем периоде художник рисовал в стиле модерн. Тогда же он оформлял обложки поэтических сборников, модных журналов и экслибрисов. Благодаря его мастерской работе «чехонинская графика» быстро стала знаком качества
Ещё до революции, в 1917 году Чехонин пошёл за большевиками и изменил свой стиль. В нём он сохранил орнаментальность и насыщенность начертаний, но добавил членение формы, острые углы и динамическую композицию
В 20-е годы Чехонин создал несколько шрифтовых гарнитур. Одни — строгие и геометричные, другие — декоративные. Впоследствии его шрифты стали одной из основ дизайн-кода сталинского ампира
В статье вы найдёте множество примеров работ Сергея Чехонина
awdee.ru/graphics-by-sergei-chekhonin
#awd_article #awd_retro
Живописные работы художника из Пекина под псевдонимом Cycle Circle
Больше иллюстраций: awdee.ru/paintings-by-a-beijing-based-artist-under-the-pseudonym-cycle-circle
#awd_illustration #awd_art via artstation.com/zombie012
Визуальное исследование жанров кино СССР
Любовь Поповец сделала дата-исследование на тему советского кинематографа. Она изучала, как в разные годы политические и социальные перемены влияли на количество выпускаемых фильмов в разрезе жанров. Результаты она представила в виде наглядных диаграмм
Исследование показывает, что в СССР больше всего снимали драмы, комедии и киножурналы. Часто экранизировали литературные произведения. А меньше всего снимали трагедии
Залипнуть: lyubov9995.wixsite.com/sovietmoviegenres
#awd_dataviz #awd_infographic #awd_retro
Концепты кроссовок Денниса Йоханна Мюллера из Франкфурта-на-Майне
Больше картинок: awdee.ru/dennis-johann-muller-sneaker-concepts-from-frankfurt-am-main
#awd_prom via instagram.com/dennis_johann_mueller