Оди
35.2K subscribers
26.9K photos
1.29K videos
144 files
5.68K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf8V5

Автор проекта: @kirillgreen
Download Telegram
Перевод статьи из официального акка Google AI Studio о создании иллюстраций в Gemini 2.5 Flash Image (aka Nano Banana)

Внутри — шесть промтов для генерации фотореалистичного изображения, стикера, текстового логотипа, снимка товара, фона и комикса

🙂 6 советов для создания изображения по промту в Gemini 2.5 Flash Image (aka Nano Banana)

#awd_article #awd_tool #awd_edu #awd_neural
Please open Telegram to view this post
VIEW IN TELEGRAM
🥴4🍌4👾2👎1
🙂️ Как создавать тёмные темы: ультимативная коллекция материалов

Тёмная тема — дизайн-решение, при котором вся цветовая гамма интерфейса преимущественно тёмная, а текст и иконки — светлые

Некоторые пользователи отдают предпочтение тёмной теме по нескольким причинам. Во-первых, она способствует снижению нагрузки на глаза в условиях недостаточного освещения. Во-вторых, тёмная тема экономит заряд батареи на мобильных устройствах с OLED-дисплеями, потому что тёмные пиксели потребляют меньше энергии. К тому же, многие люди считают интерфейсы в тёмной теме более привлекательными по сравнению с привычными — светлыми

При проектировании тёмной темы важно не просто изменить цветовую палитру, но и пересмотреть визуальную иерархию, проверить контрастность элементов и яркость фона, чтобы пользователи без труда считывали любой контент

В этой статье мы собрали все лучшие материалы:
— Статьи о том, в каких случаях нужна тёмная тема и как её правильно спроектировать
— Практические пошаговые туториалы по дизайну тёмной темы
— Коллекцию вдохновляющих сайтов в тёмной теме
— Набор Figma-плагинов для её быстрого создания

awdee.ru/how-to-create-dark-themes-collection-of-materials

#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚4😐1🦄1
Студия TypeType на примерах показала, как правильно выбрать шрифт для мема, чтобы не исказить смысл шутки и придать нужную эмоциональную окраску

Какой шрифт считается «королём мемов» и какие у него есть альтернативы — читайте в статье

🙂 Лучшие и популярные шрифты для мемов: как правильно выбирать и использовать

#awd_article #awd_typo
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12💩10🔥4🥴4🤪1
Вика Лисицына рассказала, как создавать дизайн для людей с разными ментальными расстройствами

Вика дала советы по проектированию интерфейса для пользователей с тревожным расстройством, СДВГ, депрессией, расстройством аутистического спектра и ПТСР. Она на примерах показала, какие дизайнерские решения помогут таким людям взаимодействовать с вашим продуктом

🙂 Нужно ли учитывать ментальные особенности, делая инклюзивный дизайн

#awd_article #awd_ui #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
🙏6💘6👍4💊2
Иван Емелюшкин рассказал, на какие метрики может повлиять дизайнер и как это сделать

Он на примерах разобрал метрики здоровья продукта и качества дизайна, а также дал советы по работе с ними. Как дизайнеру на основе цифр формулировать гипотезы и показывать результаты в портфолио, используя метрики, — читайте в статье

🙂 Метрики. Как узнать, что дизайн сработал

#awd_article #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🦄1
Команда TypeType на примере шрифта SHIFTBRAIN Norms рассказала, как создавать уникальный вариативный шрифт и сделать его частью айдентики бренда. Как грамотно выстроить общение с клиентом и сэкономить время на правках и в чём особенность работы с растягивающимися шрифтами — читайте в статье

🙂 Шрифт с широким размахом: спецпроект к двадцатилетию SHIFTBRAIN

#awd_article #awd_font
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍4👏3
Статья Амита Шина о новом CSS-свойстве corner-shape

Свойство позволяет создавать разные виды скруглений у фигуры и даже суперэллипсы, в которых переход между ровной стороной и скруглением плавный и изящный

Если border-radius задаёт величину скругления, то corner-shape определяет, как будет выглядеть кривая. Амит показал, как с помощью этого свойства создавать ромбы, шестиугольники и речевые пузыри для комиксов, как анимировать фигуры, чтобы они меняли форму

В статье есть примеры кода, которые можно скопировать для своих задач

frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse

#awd_article
🤯4👀4👍21
Статья Михаила Капанаги о нестандартных выравниваниях текста

Михаил на примерах показал альтернативные способы расположить текст: лесенку, пинг-понг, выравнивание по знаку, букве, слову и даже по ощущению

medium.com/@kapanaga/несколько-альтернативных-выравниваний-0b96fb931401

#awd_article
🔥12❤‍🔥3👍2
Студия TypeType рассказала о технических и художественных возможностях шрифтов, которые помогают улучшить вёрстку или подстроить внешний вид шрифта под проект. К таким фичам относятся стилистические сеты с альтернативными формами одного и того же знака, лигатуры, специальные цифровые знаки типа табулярных чисел, иконки и сеты локализации для смены языка

Как работать с этими функциями в программах Adobe и Figma и в каких случаях они пригодятся в проектах — читайте в статье

🙂 Функции OpenType: как ими пользоваться

#awd_article #awd_typo
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥42
The art of learning: Broadening your design foundations — статья дизайн-команды Readymag о самообразовании

Авторы рассказали, как обучение и наблюдение за окружающим миром помогают принимать более эффективные дизайнерские решения и открывают новые карьерные перспективы. Главное:

— Обучение не ограничивается формальным образованием. Это непрерывный процесс, который продолжается в каждом проекте, культурном опыте, при чтении книг или изучении разного визуала

— Математика учит распознавать закономерности, мыслить структурно, переключаться между уровнями абстракции и продумывать их

— Философия обостряет критическое мышление: она учит подвергать сомнению собственные идеи, задавать правильные вопросы и рассматривать различные точки зрения, прежде чем предлагать решение

— Гуманитарные науки и, в частности, история тренируют способность видеть причинно-следственные связи и учитывать контекст при разработке дизайна

— Знание социологии поможет разобраться в проблемах и потребностях людей

— Умение работать с текстом — это тоже важный дизайнерский навык, который помогает доносить свои мысли

— Чтобы воплощать амбициозные идеи, нужно развивать технические навыки, например программирование или 3D-моделирование

Также команда поделилась списком книг, сайтов и журналов, которые помогут расширить свои знания

blog.readymag.com/broadening-your-design-foundations

#awd_article
👍181
Nano Banana для дизайнеров: как работать, не отходя от Figma

В статье Алина Сидоренко рассказала о работе с нейронкой в Figma через нативную команду Edit image

Алина на примерах показала, как генерировать серию изображений с одним героем, добавлять фон и предметы, совмещать несколько предметов на одной картинке, делать стикеры и комиксы

habr.com/ru/companies/friflex/articles/950952

#awd_article #awd_neural
🔥11🍌7👾2👍1😁1
Как жить с синдромом самозванца и использовать себе на пользу

Олег Мереуца рассказал, как приучить синдром самозванца и использовать его, чтобы стать продуктивнее

Синдром самозванца — это страх не соответствовать. Самозванец обесценивает свои действия и принижает достоинства. Он считает, что его достижения — следствие случайных обстоятельств или удачи

Олег перечисляет семь причин возникновения симптома:

— детские комплексы
— общественные стереотипы
— красивые картинки с успешными людьми в соцсетях
— перфекционизм
— неприятие критики
— комплексы человека из провинции
— страх перед ответственностью и новыми обязанностями

Советы, которые помогут использовать синдром во благо:

— Рассказать о синдроме близким, чтобы не оставаться с ним один на один
— Поработать с психотерапевтом
— Записывать ситуации, когда кто-то вас похвалил, и хвалить самого себя
— Сравнивать себя с коллегами из своей компании: скорее всего, вы поймёте, что по уровню не уступаете им
— Обмениваться опытом с коллегами во внешних комьюнити
— Выйти на рынок в качестве соискателя, чтобы получить обратную связь от работодателей и прокачать свои навыки
— Записывать цели и результаты, чтобы оценить свои достижения и перспективы
— Не забывать о work-life balance

habr.com/ru/companies/alfa/articles/828258

#awd_article
💅5👍4🔥2💯2😎1
Студия TypeType показала, как символы и иконки, заложенные в шрифт, обогащают визуальный стиль проекта и экономят время дизайнера на отрисовку иллюстраций

В статье есть примеры шрифтов с иконками, которые передают разное настроение. Это, например, резкий и мистический TT Ricks, лёгкий и игривый TT Globs или элегантный TT Ricordi с флорентийским шармом

🙂 Иконки и иллюстрации в шрифтах: что это и зачем их рисуют

#awd_icon #awd_article #awd_typo
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥112
Искусство написания промптов: генерируем и редактируем изображения с помощью нейросетей

Алёна Лагойкина на примерах показала, как правильно формулировать промты. Она советует сначала создать базовый промт с описанием субъекта, деталей, окружения, стиля и атмосферы. Затем его можно постепенно дорабатывать, меняя формулировки. Если написать запрос самостоятельно не получается, используйте текстовые нейросети или сервисы типа PromptHero

Главные советы из статьи:
— Задавайте вес каждого объекта с помощью чисел. Например, если в MidJourney на картинке с котом и сакурой написать «cat:: 0,8» и «cherry blossom:: 2», кота на изображении станет меньше, а растения — больше. Используйте диапазоны от 1,1 до 1,5 для усиления и от 0,7 до 0,9 для ослабления

— Укажите, чего не должно быть на картинке. В Stable Diffusion это пишут в отдельном окне, а в MidJourney используют тег «-- no»

— По возможности пишите промты на английском и отделяйте части запроса точкой с запятой

— Если персонажей несколько, укажите их количество и особенности каждого

— LoRA обучает нейронку определённым навыкам, например работе в одном стиле. Используйте этот инструмент, если нужна серия изображений с одним персонажем или иллюстрации в фирменном стиле бренда

— Инструмент IMG2IMG поможет создать несколько вариантов изображения или изменить стиль картинки

— Inpaint удаляет или дорисовывает отдельные детали и меняет фон

— Hires Fix увеличивает разрешение

— ControlNet создаёт интерактивную карту изображения и выполняет задачи на её основе. Например, сохраняет позу персонажа или положение предмета

dsgners.ru/agima/15158-iskusstvo-napisaniya-promptov-generiruem-i-redaktiruem-izobrajeniya-s-pomoschyu-neyrosetey

#awd_article #awd_neural
🔥9👎1👾1
🙂️ 10 лучших примеров визуализации данных из прошлого и настоящего

Перевод статьи, где автор рассматривает некоторые наиболее заметные, интересные и показательные примеры инфографики:
— Движение войск Наполеона
— Вспышка холеры на Броад Стрит в 1854
— Причины смертности в Крымской войне
— Новая карта истории
— Интерактивный государственный бюджет
— После Вавилона
— Будущая Америка
— Кинодиалог (гендерная разбивка)
— Селфикация
— Все будущие затмения Солнца (до 2080)

awdee.ru/10-best-data-visualizations

#awd_article #awd_infographics
Please open Telegram to view this post
VIEW IN TELEGRAM
🤗3😍2😎1
Антон Реппонен в статье Expand Your Design Vocabulary рассказал, почему дизайнеру важно изучать новые инструменты и дисциплины. Антон сравнивает этот процесс с расширением словарного запаса: чем он разнообразнее, тем эффективнее вы работаете и тем круче ваши решения

Главные идеи и советы:
— Нет единственного правильного решения дизайнерской задачи. Всегда рассматривайте несколько вариантов, чтобы выбрать наилучший

— Умение генерировать варианты приходит с опытом. Тестируйте разные решения, и вы будете знать, что работает, а что нет

— Идеальный результат — это комбинация различных идей

— Чем больше у дизайнера навыков, например в типографике, фотографии, 3D или анимации, тем больше решений он предложит. Даже базовое знание инструментов даст представление об их возможностях

— Не все идеи дойдут до клиента и реализации. Искать и исследовать решения нужно для себя и профессионального роста. Например, из 38 уникальных циферблатов для Google Nest Hub команда Антона презентовала заказчику лишь треть — четыре реализовали

— Исследуйте разные возможности, выходите за рамки и пробуйте новое. Тогда идеи придут неожиданно, из других проектов или экспериментов с незнакомыми инструментами

index.repponen.com/p/expand-your-design-vocabulary

#awd_article
👍8👀2
Психология: 39 исследований человеческого восприятия

Обзор четырёх десятков исследований того, как мы воспринимаем графику вообще и графики с диаграммами в частности

🙂️ awdee.ru/psychology-39-studies-of-human-perception

#awd_article #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9
История визуализаций — как это было 140 лет назад?

Зацените классную статью о том, как создавали исторические визуализации в 19 и 20 веках. Авторы собрали 8 примеров визуализаций на самые разные темы: от статистики доходов театров Парижа до визуализации сокращения времени на путешествие по океану

Несмотря на то, что представленным в ней работам уже более 100 лет, все они соответствуют современным правилам визуализации данных

Каждый пример авторы проанализировали на предмет того, что отражает визуализация, каковы её особенности и какие приёмы использовал её создатель, чтобы улучшить восприятие информации

Статья: tableau.com/blog/design-secrets-historic-visualization

Перевод на русский: analytikaplus.ru/istoriya-vizualizatsij-kak-bylo-140-let-nazad

#awd_dataviz #awd_infographic #awd_retro #awd_article
❤‍🔥10
Николай Посвежный рассказал восемь реальных историй о дизайнерах, которые стали миллионерами

Каждая история — это проверенный рабочий сценарий того, как дизайнеру кратно увеличить доход. Какие знания нужны будущему дизайн-директору, сколько зарабатывают дизайнеры за границей и как открыть успешное агентство с нуля — читайте в статье

🙂 Как дизайнеры становятся миллионерами

#awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥43🦄2👎1
🙂 29 принципов создания гармоничных шрифтовых пар

Мы перевели статью, в которой Дуглас Бонневиль на практических примерах рассказывает, как правильно сочетать шрифты в зависимости от типа, стиля, общего веса, начертания, размера шрифтов, форм литер и других параметров типографики

awdee.ru/29-principles-for-making-great-font-combinations

#awd_article #awd_typo #awd_font
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3