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

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

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

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

Автор проекта: @kirillgreen
Download Telegram
Прокачиваем Самокат: глава третья

Третья статья Станислава Хрусталёва, где он анализирует структуру корзины Самоката и показывает, что там можно докрутить и какие новые идеи претворить в жизнь

🙂️ Читайте статью полностью: awdee.ru/rocking-the-scooter-chapter-three

А это ссылки на первую и вторую части

#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
🇬🇧 Почему бизнесу сложно продолжать поддерживать качество продукта при масштабировании

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

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

Линейным сотрудникам Джордж рекомендует:
— Вместе с командой сформулируйте общие ценности, на которые можно опираться при обсуждении новых идей
— Создавайте вещи, которые раздвигают границы и напоминают людям, что все возможно
— Инвестируйте в отношения с коллегами: узнавайте, что их волнует, и делитесь с ними тем же

А лидерам он советует:
— Если кажется, что вы больше сосредоточены на росте, чем на выполнении отличной работы, возможно, стоит разработать новое видение будущего
— Оценивайте успех не только количественными метриками, но и качественными. Например, в оценки эффективности можно добавить вопрос вроде «насколько сильно вы помогли другим командам в этом проекте?»
— Уделяйте внимание улучшению существующих функций, а не только созданию новых
— Обеспечьте крепкую связь между основной командой, которая занимается разработкой дизайн-системы, и остальными командами
— Разрешить региональным командам принимать решения в масштабах компании

Читайте статью на английском: gk3fyi.substack.com/p/the-cost-of-craft

#awd_article #awd_ux
Опыт эмиграции в Европу: мнения дизайнеров

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

На наши вопросы ответили: Артемий Лебедев (Белград), Серёжа Рассказов (Лозанна), Настя Миронова (Лондон), Костя Горский (Слайго, Ирландия), Юлия Дзюбина (Лондон), Свят Вишняков (Лондон), Полина Загуменова (Берлин) и Фёдор Шкляров (Берлин)

🙂️️️️ Читайте истории наших героев: awdee.ru/the-experience-of-emigration-to-europe-designers-opinions

#awd_article #awd_opinion #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
17 дизайн-правил Артёма Матюшкина

Артём Матюшкин — дизайнер, основатель и арт-директор дизайн-студии Non-Objective. Её главным принципом Артём считает проектоориентированность, а не субъективные предпочтения клиента. То есть студия делает акцент на проекте: чтобы он сложился, эффективно работал и был уместен в эмоциональном плане, в контексте доступности сообщения для пользователя и в своей функциональности

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

🙂️️️️ Читайте статью полностью и смотрите проекты нашего героя: awdee.ru/artem-matyushkins-17-design-rules

#awd_article #awd_manifesto
Please open Telegram to view this post
VIEW IN TELEGRAM
Принципы дизайна: как работает дизайн

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

🙂 awdee.ru/printsipy-dizajna-kak-rabotaet-dizajn

#awd_ui #awd_ux #awd_article #awd_gold
Please open Telegram to view this post
VIEW IN TELEGRAM
3 шага к хорошему тексту в интерфейсе

Юрий Туривный сначала убедительно обосновывает, а затем описывает метод написания хороших интерфейсных текстов. Точнее, конкретных видов текстов: сообщений об ошибках и состоянии системы и маркетинговых сообщений

Метод состоит из трёх четырёх шагов:
1. Описать функционал. Рассказать, что конкретно мы умеем
2. Понять и описать ценность. Ценность — это то, что измеримо изменит жизнь человека к лучшему с функциональной, социальной или эмоциональной стороны. Нужно описать, что наш функционал поменяет в жизни пользователя
3. Рассказать историю. Описать это человеческим языком, выразив через историю из мира пользователя, в которой наша ценность актуальна
4. Объединить всё это в один ёмкий текст

Юрий подробно разбирает метод на примере текстов для экрана запроса на доступ к геолокации

В конце статьи есть ссылка на шаблон ценности продукта, который поможет начать применять метод на практике

Статья полностью: designpub.ru/81513fb027b9

#awd_article #awd_ui
Пять бесплатных сервисов для удаления фона с фотографий

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

В статье вы найдете 5 лучших «убираторов» фона, а также узнаете, как можно удалить сложный фон вручную в графических редакторах Adobe Photoshop или Figma

awdee.ru/pyat-besplatnyh-servisov-dlya-udaleniya-fona-s-fotografij

#awd_article #awd_tool #awd_webtool #awd_ml
🙂 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
🙂️ Книжный дизайн русского авангарда

Егор Цеманек написал статью о том, как оформляли книги в 1910-20 гг. Это был период авангарда в книжном дизайне, когда художники и графики смело экспериментировали с вёрсткой, типографикой, материалами, иллюстрациями и формой книг

В статье автор показывает обложки и развороты самых разных изданий. Там и футуристическая книга с примитивистскими иллюстрациями и нарушением всех правил типографики. Есть развороты с экспериментальной типографикой авангардного типа. Можно увидеть примеры книжного конструктивизма, в котором преобладают композиции из простейших геометрических форм. Есть и варианты с использованием приёмов фотомонтажа, а также книга с текстом в качестве главного формообразующего элемента

А ещё автор показал примеры разворотов нескольких детских книг, которые иллюстрировали лучшие графики того времени

awdee.ru/book-design-of-the-russian-avant-garde

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