31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
Бетховен вставал на рассвете и, не теряя времени, усаживался за работу. Завтракал он чашкой кофе, которую сам готовил с великим тщанием (ровно 60 бобов на чашку — он отсчитывал их поштучно, чтобы гарантировать правильную дозу). Композитор садился за рабочий стол и писал до двух или трех часов, изредка прерываясь и выходя прогуляться, что укрепляло в нем творческий дух. Вероятно, именно по этой причине в теплое время года он успевал сделать значительно больше
Мейсон Карри, «Режим гения. Распорядок дня великих людей»
#цитата_дня
Действительно, если и существует секрет работы Джони Айва, то он заключается в неукоснительном соблюдении философии упрощения. Этот подход лежит в основе многих революционных прорывов и проектов — как неудачных, так и вышедших на рынок. Еще одна характерная черта Джони начиная с ранних студенческих времен — готовность посвятить массу времени и сил, чтобы все сделать как надо. Главная цель Джони — чтобы дизайн не привлекал внимания
«Джони Айв», Линдер Кани
#цитата_дня
Заинтересованный человек готов щёлкать, щёлкать и щёлкать, лишь бы каждый щелчок предоставлял ему искомую информацию. Человек не обращает внимания на количество щелчков, если каждый щелчок «попадает в цель». Думайте о постепенном раскрытии, а не считайте щелчки
«100 главных принципов дизайна», Сьюзан Уэйншенк
Проектируем авторизацию в приложении по номеру телефона
Новая статья Станислава Хрусталёва о том, как задизайнить блок авторизации по телефону, чтобы клиент мог без проблем войти в приложение. Автор проанализировал более 200 российских приложений: разобрал как хорошие практики, так и не очень
Статью он разбил на блоки в соответствии с этапами клиентского пути:
— Общие моменты
— Заголовок формы ввода номера
— Placeholder поля ввода номера
— Активация поля с номером
— Ввод номера телефона
— Кнопка подтверждения номера
— Типы проверки номера
— Подтверждение отправки sms
— SMS с проверочным кодом
— Ввод проверочного кода
— Валидация и обработка ошибочного ввода
— Повторная отправка кода
🙂 awdee.ru/design-in-app-authorization-by-phone-number
#awd_article #awd_ux #awd_cx
Как дизайнеру получить визу талантов и грин-карту США без адвоката
Дизайнер интерфейсов Андрей Маркелов написал о том, как в 2023 году он без посредников получил сначала визу талантов, а затем грин-карту США. Для образца он выложил полный текст двух собственных визовых петиций, по которым можно написать свои
В статье автор перечислил десять критериев, трём из которых необходимо соответствовать дизайнеру, чтобы получить одобрение офицеров иммиграции США. Он также объяснил, какие дополнительные условия нужно выполнить: иметь на руках job offer, десяток рекомендательных писем и справку от американского «профсоюза»
А ещё он рассказал, в каких дизайн-конкурсах можно участвовать, какие дизайн-сообщества подходят под требования для получения визы, в каких изданиях лучше публиковаться, как можно стать членом дизайн-жюри и многое другое
А также как подать визовую петицию и какие ещё типы виз для талантов бывают. В статье есть все необходимые ссылки
Кстати, Андрею помогло ещё и то, что он публиковал свои статьи о дизайне в нашем Оди. Например, его статью Дизайн сложных таблиц прочли более 23 тысяч раз
🙂️️ awdee.ru/how-a-designer-can-get-a-talent-visa-and-a-u-s-green-card-without-a-lawyer
#awd_article #awd_career
Айдентика кофейни LocalLocal в Новом Тайбэе
В кофейне нет персонала — она управляется дистанционно. Ультраминималистичный дизайн запилили под стать концепции: нет людей, нет и лишних деталей
Ещё хочется рассказать о задумке авторов про круги с буквами. Они символизируют множество цикличных ритуалов, из которых состоит наша жизнь. А любимая кофейня — как раз место, куда люди обычно ходят почти каждый день совершить ритуал — выпить чашку любимого напитка
Больше картинок: awdee.ru/the-identity-of-locallocal-coffee-shop-in-new-taipei
#awd_identity via instagram.com/p/C2l2_hvvHBr
Айдентика лондонской кофейни Sacred Grounds
Заведение примыкает к церкви Святой Анны в районе Сохо. В названии бренда есть игра слов, потому что Sacred ****Grounds можно перевести, как «Священная Земля», а можно, как «Священная Гуща»
Дизайнеры намеренно отказались от минималистской эстетики в пользу акцидентной типографики, броского ярко-оранжевого цвета и декоративных элементов: сложных иллюстраций и изображения звезды. А перчёные слоганы добавляют стилю остроты
Больше картинок: awdee.ru/the-identity-of-london-coffee-shop-sacred-grounds
#awd_identity via wonderhoodstudios.com/projects/design/sacred-grounds
Лендинг сервиса для обмена файлами Shuttle
Небольшой лендинг, который выделяется аккуратностью и чёткой структурой. Отдельно хочется отметить небольшие детали, из которых складывается гармоничная композиция. Это карточки в эстетике глассморфизма, скругленные углы и хорошо продуманные яркие акценты
shuttle.zip
Больше скриншотов: awdee.ru/shuttle-file-sharing-service-lendings
#awd_web #awd_site
Любимые шрифты: 11 мнений шрифтовых, графических, продуктовых дизайнеров и леттереров
В шестой статье из рубрики «Мнения дизайнеров» мы решили разобраться, как выбирать шрифты для проекта. Эту тему мы обсудили с 11 дизайнерами и леттерерами. Ребята рассказали нам о своих шрифтовых предпочтения, объяснили, как они создают шрифтовые пары и какими критериями руководствуются при выборе шрифтов
Получилась обстоятельная статья, из которой можно составить собственный список шрифтов и шрифтовых пар, проверенных героями статьи, а также понять базовые правила применения типографики в дизайне
🙂️️️️️️ awdee.ru/favorite-fonts-11-opinions-from-typographers-graphic-designers-product-designers-and-letterers
#awd_font #awd_typo #awd_article #awd_opinion
#цитата_дня
Было проведено интересное исследование. Нескольким мужчинам показывали рекламу новой машины. Эту машину рекламировала соблазнительная женщина-фотомодель. Мужчины, видевшие такую рекламу, оценивали все параметры машины выше, чем мужчины, которые видели ту же самую рекламу, но без красивой модели. Однако большинство мужчин отказывались признать, что один вид молодой симпатичной женщины повлиял на их оценку автомобиля (Smith & Engel, 1968)
Роберт Чалдини, «Психология влияния. Как научиться убеждать и добиваться успеха»
Приём в вебе: сочетание горизонтального и вертикального скролла на сайтах
Мы подметили ещё один приём в веб-дизайне — сочетание горизонтальной и вертикальной прокрутки. Переходы из горизонтального скролла в вертикальный, и наоборот, вносят разнообразие в изучение контента и добавляют эффект неожиданности. Особенно актуален этот приём в длинных лендингах, чтобы при прокрутке пользователь точно не заскучал
🙂️️️️️️ Предлагаем посмотреть девять примеров его реализации: awdee.ru/combining-horizontal-and-vertical-scrolling-on-websites
#awd_web #awd_site #awd_technique
#цитата_дня
Главная ошибка почти всех наборных плакатов — привычная симметричная композиция. Когда афиши только появились, они переняли у старой книжной типографики композицию титульного листа и до сих пор придерживаются этого построения. Чтобы плакат отделялся от соседнего, обычно его заключают в более или менее уродливую рамку
Ян Чихольд, «Новая типографика. Руководство для современного дизайнера»
Про нас написали:
— Михаил Веткин
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Vibrant Stickers: A Nod to Latinx Culture in Design — леттеринг-стикеры для приложения Apple Clips
Дизайнеры делали эти стикеры для латиноамериканской аудитории. Поэтому наклейки содержат фразы на португальском и испанском, а яркая палитра отражает динамичный дух, присущий жителям Латинской Америки
Авторы — Пола Круз и дизайнер под псевдонимом Bad Samaritan
Больше стикеров и анимаций: awdee.ru/vibrant-stickers-a-nod-to-latinx-culture-in-design
#awd_lettering via abduzeedo.com/vibrant-stickers-nod-latinx-culture-design
Плакаты Пьера Русто из Парижа
Больше плакатов: awdee.ru/pierre-rousteau-posters-from-paris
#awd_poster via typographicposters.com/pierre-rousteau
Бумажные иллюстрации Джона Эда Де Вера из Манилы
Больше картинок: awdee.ru/paper-illustrations-by-john-ed-de-vera-from-manila
#awd_illustration #awd_art via johned.co
Айдентика архитектурного музея-заповедника «Щелоковский хутор»
В большом музее под открытым небом представлены памятники деревянного зодчества — уникальные образцы архитектурно-строительной культуры конца 17-20 века с домовой резьбой (глухой резьбой). Концепция музея позволяет показать всё разнообразие народной архитектуры, её оригинальные инженерные решения и художественную выразительность. Ведётся огромная работа по сохранению и популяризации культурного наследия
Больше картинок: awdee.ru/shhelokovskij-hutor-museum-identity
#awd_identity #awd_illustration via behance.net/gallery/143966877/Schelokovsky-Khutor-architectural-museum
📖 Дадут ли визу талантов ИИ-агенту, играющему в Жизнь — Журналус № 401
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Малкольма Гладуэлла «Гении и аутсайдеры. Почему одним всё, а другим ничего?»
— Какой должна быть авторизация по номеру телефона в приложении
— Как работает Flexbox и CSS Grid и почему дизайнерам важно это знать
— Как выбирать шрифты для проекта. Мнения 11 экспертов
— Почему генеративный визуальный контент не так хорош, как кажется
— ИИ-агенты — новый тренд
— Разница между терминами «гарнитура» и «шрифт»
— Почему нельзя иллюстрировать статьи картинками из нейросетей
— Как разнообразить фоторассказ о месте, объекте или человеке
— Устройство GPT простым языком
— Нетривиальный бизнес по производству авторских надгробий
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
7 личных правил в дизайне Артемия Лебедева, основателя Le:mma Studio
Мы открываем новую рубрику — «Личные правила успешных дизайнеров». В ней один крутой дизайнер будет делиться списком собственных правил, которые помогают ему делать хороший дизайн
Для первой статьи мы пригласили Артемия Лебедева, визуального художника, арт-директора и основателя Le:mma Studio. Его коллекция Человечество выставлялась в Эрарте, некоторые её экземпляры — во Франции и Польше. Коллекция Femme Futura представлена в Дубае. Артемий входит в состав жюри Awwwards. В качестве дизайнера и художника сотрудничал с Jonah Bolden, Oscar Akermo, Emily Ruhl, Dallas Hart, Dmitry Troshin
🙂️️ Читайте манифест, и заодно зацените проекты нашего героя: awdee.ru/7-personal-rules-in-design-by-artemy-lebedev-founder-of-lemma-studio
#awd_article #awd_manifesto
#цитата_дня
Детали это вовсе не детали; детали — это именно то, что создает товар
Джон Эдсон, «Уроки дизайна от Apple»
Правила композиции для создания плакатов, постеров и баннеров
Знание правил композиции, позволяет дизайнеру создавать привлекательные композиции, управлять визуальным фокусом зрителя и улучшать читабельность макета. Собрали 6 уроков, после просмотра которых вы узнаете о методах визуального воздействия, научитесь эффективно передавать информацию и достигать своим дизайном поставленных целей.
Темы:
— Краткая теория про композицию постеров. Как сделать постер?
Из видео вы узнаете о структуре и элементах постера: какую роль при создании плаката ишрают сетка, главные объекты, типы графики и сопроводительный текст. Автор расскажет о визуальной иерархии и контрастых.
— Сетки для постеров, которые вы обязаны использовать
Автор расскажет о методах работы с разными сетками: столбчатые, модульные, иерархические, базовые, осевые и диагональные сетки. Вы узнаете, почему важно в каждом проекте использовать сетки, и как это правильно сделать.
— Сетки для логотипов и иллюстраций, шаблон и работа с заливкой.
Как создать иллюстрации из геометрических сеток разных видов: базовая клеточка, изометрия, круги и спирали. Автор покажет, как использовать сетки для создания абстрактных узоров и узнаваемых метафор и образов. Как создавать новые фигуры, объединяя контуры и пересечения, а также удалять ненужные области.
— Как проектировать и применять сетку Фибоначчи в своем макете
Необходимо ли использовать сетку для ваших проектов? В этом видео автор дает честный ответ и показывает, как создать сетку с помощью последовательности Фибоначчи.
— 5 законов дизайна и композиции: золотые правила
Вы познакомитесь с 5 главными законами в композиции. Автор расскажет о системах сеток, иерархии и близости, создание многослойности, цветовых палитрах и фокусных точек для привлечения внимания зрителя.
— Графический дизайн для начинающих: макет и композиция
Автор расскажет, как использовать пять основных принципов для улучшения работы: близость, пробелы, выравнивание, контраст и повторение.
Тема: #grid, рубрика: #training
#цитата_дня
Чтобы понять, насколько наши представления формируются внешними аспектами дизайна, попробуйте выпить вина из бутылки для кока-колы или виски из пивной бутылки — это будет настоящий шок для вкусовых рецепторов
Деян Суджич, «Язык вещей»
Дизайн-студия SUETA сделает бесплатный фирменный стиль
Надо лишь рассказать про свою интересную идею бизнеса в анкете: https://forms.gle/7DKfSQYpdrMzkGwF8.
Через две-три недели будут известны счастливчики, а результат проекта покажут в своих соцсетях.
Делитесь постом с друзьями и знакомыми, которым будет полезно, и подписывайтесь на их канал. Так проще следить за новостями и конкурсом на бесплатный фирстиль, который будет проводиться раз в квартал.
Реклама. ООО «Суета», ИНН 7743393682, erid: 2SDnjeSFe57
Девять коллекций с брутальными сайтами и два конструктора для их создания
Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “béton brut”, что означает «сырой бетон»
Мы сделали подборку галерей с примерами интерфейсов в брутальном стиле. А если вам захочется сделать нечто подобное, то в статье есть два конструктора с шаблонами для создания сайтов в брутальной стилистике
🙂️️️️️️ awdee.ru/nine-collections-with-brutal-websites-and-two-builders-to-create-them
#awd_webtool #awd_tool #awd_collection
🇬🇧 Как правильно визуализировать данные с помощью цвета
Лиза Шарлотта Мут написала о том, как с помощью цветов делать акценты в визуализациях данных
Рекомендации из статьи:
— Расставьте приоритеты. Что люди точно не должны пропустить? Что им желательно увидеть, но некритично, если это останется незамеченным?
— Сначала всё сделайте серым. Дальше окрашивайте элементы, учитывая, что сначала люди смотрят на самый контрастный, самый насыщенный цвет. Затем на чуть менее насыщенные цвета. И только потом на серые
— Применяйте серый только для обозначения малозначимых элементов и категории «другие»
— Для визуализации нескольких категорий используйте один цвет, но регулируйте его насыщенность. Самые важные категории делайте более насыщенными, а менее значимые — менее насыщенными
Читайте статью с наглядными примерами: blog.datawrapper.de/emphasize-with-color-in-data-visualizations
Также рекомендуем посмотреть гайд Лизы о цветах в датавизе
#awd_dataviz #awd_infographic #awd_article
Resource Boy Textures — бесплатная коллекция из 43 наборов текстур
Если вы искали дым, огонь, облака, кофейные и акварельные разводы, отпечатки пальцев и следы губной помады, пластиковые, картонные, джинсовые, кирпичные, мраморные текстуры — здесь есть, чем поживиться для будущих проектов
Текстуры доступны в форматах PNG или JPG, в разрешении до 8K. Все они бесплатны для персонального и коммерческого использования
resourceboy.com/textures
#awd_free_download #awd_pattern
Упаковка перепелиных желтков Dan Huang китайской марки Yankershop Food Co.
Упаковки в форме перепёлки плюс яркая гамма — и скучные яичные желтки превратились в цепляющий и эмоциональный продукт
Больше картинок: awdee.ru/dan-huang-quail-yolks-packaging-of-chinese-brand-yankershop-food-co
#awd_pack via thedieline.com/blog/2024/4/3/dan-huang
Типографические плакаты Арианы Шпанье из Берлина
Больше плакатов: awdee.ru/ariane-spanier
#awd_poster via typographicposters.com/arianespanier
#цитата_дня
Большие различия в размерах более эффективны, чем небольшие. Чем ближе размеры шрифтов друг к другу, тем менее четкую картину они дают. Рекомендуется всегда ограничиваться небольшим количеством кеглей шрифта (обычно их должно быть три, максимум пять)
Ян Чихольд, «Новая типографика. Руководство для современного дизайнера»
#цитата_дня
Роза по своей структуре и форме не менее функциональна, чем конструкция гоночного автомобиля, — и то и другое подкупает точностью и экономичностью форм
Ян Чихольд, «Новая типографика. Руководство для современного дизайнера»