Оди
36.3K subscribers
24.4K photos
1.1K videos
143 files
5.21K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

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

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
🙂 11 оттенков размытия

Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат

В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику

В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах

awdee.ru/11-ways-of-blurring

#awd_article #awd_web #awd_ui #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 Полная коллекция плакатов знаменитой рекламной кампании XX века Volkswagen Beetle

Мы собрали и опубликовали все, что можно найти в сети, плакаты канонической рекламной кампании «Жука»

У всех лишь несколько, а у нас — все: awdee.ru/volkswagen-beetle

#awd_poster #awd_retro #awd_collection #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 Процессы в информационном дизайне: 15 коротких советов от Ferdio

Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и продвижение, визуальное представление

Мы подготовили перевод первой серии, которая состоит из 15 заметок, о том, как правильно выстроить процессы при создании информационного дизайна. Они помогут научиться расставлять приоритеты, генерировать крутые идеи и, самое главное, создавать впечатляющий информационный дизайн, который в понятной форме донесёт до пользователей главную идею проекта

awdee.ru/processes-in-information-design-15-short-tips-from-ferdio

#awd_article #awd_dataviz #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оптические эффекты в пользовательских интерфейсах (для задротов)

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

Тезисы из статьи:
— Визуальный вес необязательно равен размеру в пикселях
— Неквадратные фигуры должны иметь большую высоту и ширину, чтобы оптически сочетаться с квадратными
— Иконки выглядят согласованно только с учётом их оптического размера
— Формы с острыми краями должны быть больше прямоугольных
— Подписи в кнопках необходимо выравнивать по высоте прописной буквы
— Треугольную иконку внутри кнопки следует вписать в круг и потом центрировать
— Оптически правильное скругление углов требует специальных расчётов или регулировки фигуры вручную

Статья: medium.com/design-bridges/optical-effects-9fca82b4cd9a

Перевод на русский: ux.pub/editorial/optichieskiie-effiekty-v-polzovatielskikh-intierfieisakh-dlia-zadrotov-fic

#awd_article
🙂 Точные методы создания оптического баланса между фигурами

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

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

awdee.ru/formulas-for-optical-adjustments

#awd_edu #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Мнения: рубрика, в которой несколько заметных дизайнеров высказываются по одной конкретной теме

Мы надеемся, что такой формат помогает читателям составлять разностороннее и взвешенное собственное мнение по важным темам. По крайней мере, такая идея у этой рубрики :–)

Вот девять статей в этой рубрике, которые мы уже опубликовали: https://awdee.ru/tag/mneniya/

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

А какие ещё в таком формате вы хотели бы почитать? По каким темам вам было бы интересно узнать мнение состоявшихся профессионалов? Героев тоже не стесняйтесь предлагать

#awd_article #awd_opinion
10 великих шрифтов

В истории шрифтового дизайна есть шрифты, которые закрепили за собой статус знаковых и влиятельных. Они стали классикой благодаря гармоничному сочетанию эстетики, удобочитаемости и универсальности. Они все — продукты своих эпох, и поэтому обладают уникальными характерами. И почти все они стояли у истоков больших отдельных видов шрифтов

Каждый из них обладает богатой историей, и, бесспорно, значительно повлиял на развитие мировой графической культуры. Многие из этих шрифтов использовали в исторически значимых документах или изданиях. Например, Caslon в Конституции США, а Gill Sans — в названиях вывесок лондонского метрополитена

Все они признаны во всём мире и популярны в различных областях дизайна, от печати до веба. Полезно знать их историю, чтобы лучше понимать, где, когда, как и зачем их применять

В статье мы рассмотрим 10 великих шрифтов:
— Garamond (Гарамон)
— Caslon (Кэзлон)
— Baskerville (Баскервиль)
— Didot (Дидо)
— Bodoni (Бодони)
— Futura (Футура)
— Gill Sans (Гилл Санс)
— Times New Roman (Таймс Нью Роман)
— Univers (Юниверс)
— Helvetica (Гельветика)

🙂️️️️️️ awdee.ru/10-great-fonts

#awd_retro #awd_typo #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 11 оттенков размытия

Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат

В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику

В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах

awdee.ru/11-ways-of-blurring

#awd_article #awd_web #awd_ui #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 10 проблем попапов и как их решить

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

awdee.ru/10-problems-of-popups

#awd_ui #awd_ux #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM