Статьи (рубрика) — Оди. О дизайне
Дизайн-мышление должно было исправить мир. Что же пошло не так?
Перевод статьи Ребекки Акерманн, в которой она описала историю бурного развития дизайн-мышления в 2000-2010-х годах и её дальнейшей стагнации. На нескольких реальных проектах она доказала, что многие компании просто не смогли реализовать наивные идеи, которые предоставили ими дизайн-консультанты. Автор объяснила, почему сегодня её сторонники проводят кардинальные реформы в отношении дизайн-мышления и на чём сегодня акцентируют внимание
470
Как разработать фирменный стиль с помощью Midjourney
Рекомендуем практическую статью о том, как создавать графику для фирменного стиля с помощью ИИ. Автор сгенерировал в Midjourney изображения для рекламных баннеров, сайта и обложек для печатных материалов и показал весь процесс по шагам
284
Как дизайнеру найти работу за рубежом
Продуктовый дизайнер Анна Лесная на базе личного опыта написала обстоятельный гайд, как найти работу за границей.
356
Краткая история композиции
Перевод главы из онлайн-книги «Programming Design Systems» об истории появления и развития композиции в дизайне. Из неё вы узнаете, как и почему появились принципы той вёрстки, которые дизайнеры используют сейчас, и чем они обусловлены
889
Базовое руководство по типографике Майка Мэя
Перевод статьи, в которой автор дал 11 практических советов по типографике. Он рассказал, как подбирать шрифты для проекта, устанавливать интервалы между разными уровнями текста, различать короткое и длинное тире, использовать тонкий пробел и о многом другом
1462
Исследование: ChatGPT повышает производительность труда и качество работы
Учёные из Массачусетского технологического института выяснили, что люди, которые использовали ChatGPT для написания деловых документов, работали быстрее и качественнее, чем те, кто составлял документы без их помощи
528
Оптические эффекты в пользовательских интерфейсах (для задротов)
Рекомендуем интересную статью о том, как с помощью оптических эффектов создавать гармоничный и эстетичный интерфейс, а именно: выравнивать элементы, создавать согласованные иконки и правильно скруглять углы
507
Как люди разных профессий используют ChatGPT
ChatGPT и другие текстовые нейросети потихоньку становятся неотъемлемой частью нашей жизни.
GPT — большая языковая модель, обученная на огромном количестве данных. Она умеет давать удивительно «разумные» ответы на самые разные запросы. Специалисты разных сфер уже применяют её для оптимизации рабочих процессов
1065
16 качеств продуктивных людей
Перевод статьи Джона Рэмптона о том, какие привычки помогают людям достигать крутых результатов в работе и личной жизни. За основу автор брал примеры таких людей, как Уоррен Баффет и Авраам Линкольн, а также рекомендации тренеров по развитию продуктивности. Советы из статьи помогут правильно концентрироваться на работе, меньше отвлекаться и создавать благоприятные ситуации для достижения поставленных целей
1598
106 Cognitive Biases & Principles That Affect Your UX
Команда Growth.Design составила справочник на тему «Психология в дизайне». В нём они собрали более ста когнитивных искажений и принципов, которые влияют на UX
502
История визуализаций — как это было 140 лет назад?
Зацените классную статью о том, как создавали исторические визуализации в 19 и 20 веках.
Авторы собрали 8 примеров визуализаций на самые разные темы: от статистики доходов театров Парижа до визуализации сокращения времени на путешествие по океану. Несмотря на то, что представленным в ней работам уже более 100 лет, все они соответствуют современным правилам визуализации данных
539
Одни и те же данные, разные истории: Как манипулировать графиками, чтобы поддержать нарратив
С помощью манипуляций с графиками информационные дизайнеры могут презентовать одни и те же данные так, чтобы результаты кардинально отличались. В статье автор рассказывает об уловках, к которым прибегают компании, чтобы представить свои показатели так, как выгодно им. Эта информация поможет научиться считывать нечестные графики и задавать правильные вопросы, которые позволят получить достоверную информацию
3085
Как мы делали свой шрифт
Графический дизайнер студии Doubletapp Павел Лаптев написал подробную статью о создании корпоративного шрифта DT.
HEADER своими силами. В ней автор подробно и наглядно рассказал обо всех этапах разработки шрифта, представил черновики, наброски с комментариями шрифтового дизайнера, сравнение в формате «было/стало». В заключение он показал новый шрифт, который студия применяет на разных носителях
589
7 сеток для интерактивного формата: конспект лекции Сергея Гурова
Сергей более 15 лет занимается созданием интерфейсов. Он делал дизайн для многих крупных брендов, включая Сoca-Сola, Pepsi, Citroen, Intel, Балтика и Камаз. Недавно вышла его новая лекция, в которой он разобрал 7+ вариантов сеток для интерфейсов и показал реальные примеры их применения. Мы подготовили конспект лекции с тезисами, объяснениями и скриншотами из презентации
1517
40 логотипов известных компаний со скрытым смыслом
Перевод статьи о логотипах, которые не только сочетают в себе эстетику и лаконичность, но и транслируют секретные послания, незаметные на первый взгляд.
Их анализ поможет понять, как скрытый смысл в логотипе позволяет выделить его на фоне конкурентов, пробудить к нему интерес, а также сформировать крепкую связь между брендом и аудиторией
Список параметров Midjourney: гайд по созданию креативных изображений
Перевод статьи AI Demos о параметрах, которые позволят написать более точный и развёрнутый промт. В промте можно указывать ширину и высоту изображения, степень его уникальности и уровень детализации. Параметры позволяют создавать похожие картинки, останавливать процесс до окончания генерации, выбирать стили или увеличивать разрешение финального арта
2088
Не сайтом единым: клиентский опыт в eCommerce и частые ошибки
Привет, это Antro. Когда мы разрабатываем продукты, то ориентируемся на CX — опыт клиента от взаимодействия с брендом. Рассказываем, как из-за него теряют клиентов. Ну и что делать, чтобы этого избежать
1178
Как избежать типичных ошибок в дизайне кнопок
Перевод статьи Адхама Даннавея, в которой он сначала разбирает 9 распространённых ошибок при проектировании кнопок, а затем показывает пример группы кнопок, которые отвечают требованиям доступности и удобства использования.
Автор также даёт 6 советов, которые помогут создать правильную визуальную иерархию кнопок, сделать их контрастными, удобными для попадания по ним и расположить их на достаточном расстоянии друг от друга
1785
Разница между визуализацией данных и инфографикой
И инфографика, и визуализация данных наглядно представляют информацию и являются мощной формой визуальной коммуникации. Инфографику часто путают с визуализацией данных, и хотя они связаны между собой, это не одно и то же. Важно понимать различия между этими понятиями, чтобы выбрать наилучший подход для презентации информации.
1202
Как связаны брендинг и репутация, и как влиять на прибыль с помощью дизайна
Привет, это Antro. Многим кажется, что брендинг — это картинки и рекламные слоганы, чтобы хвастаться перед коллегами. Рассказываем, как связаны брендинг и репутация, и что делать, чтобы извлекать из этой связки прибыль.
1052
Термин: «Понимание задачи»
«Понимание задачи» — подход, при котором исполнитель не начинает работу, пока не убедится, что он понял задачу и что заказчик согласен с его пониманием.
Мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
2418
Финализация логотипа в процессе ребрендинга
Более 10 лет я специализируюсь на переработке логотипов: доработка эскизов на всех уровнях создания, полировка идей, внесение необходимых оптических корректировок. Помогаю брендам убедиться, что их логотипы визуально привлекательны и отражают индивидуальность компании
1390
Революционер мировой моды: Вирджил Абло
Вирджил Абло (1980-2021) — американский дизайнер одежды, модельер, художник, музыкант. Мы хотим рассказать о творческом пути Вирджила Абло, о его подходе к работе и, конечно, о самых громких коллаборациях с известными мировыми брендами, включая Jimmy Choo, Nike, IKEA, Evian и Pioneer
1479
Мудборды в UX: как и зачем их использовать
Перевод статьи Лилиан Янг из Nielsen Norman Group о мудбордах.
Автор рассказывает, как мудборды могут помочь в UI и UX-дизайне, на каком этапе разработки продукта их следует создавать, как правильно их составлять и обсуждать с командой
1820
Как обсуждать UX-дизайн с командой: практические советы легендарного Скотта Дженсона
Скотт Дженсон занимается UX-дизайном более 30 лет. В прошлом он возглавлял направление мобильного UX в Google и был UX-директором в Apple. Он подготовил набор коротких и простых рекомендаций, как продуктивно обсуждать UX с командой
893
Как удалять татуировки в Photoshop
Перевод пошаговой инструкции, с помощью которой вы научитесь идеально убирать татуировки с кожи за несколько минут
940
Как выравнивать числа в таблицах?
Илья Бирман объяснил и на примерах показал, как правильно это сделать
498
Система размеров шрифтов в дизайн-системах
Перевод статьи Кевина Малдуна, в которой он предлагает использовать в дизайн-системах подход к построению системы размеров шрифтов на основе колонок.
Метод предполагает выбор фиксированной ширины колонок, распределение их по всей ширине области просмотра и нейминг размеров всех уровней текста в зависимости от того, сколько колонок в макете они занимают
1523
Инструкция по выживанию: кому нейросети наступают на пятки, и как уберечь от них свой хлеб
Успокаивающий спойлер: хороший дизайнер от происходящего только в плюсе. Мотивирующий спойлер: мало кто достаточно хорош, поэтому есть смысл почитать инструкцию
2190
Как ИИ будет менять, а не заменять дизайнеров
Перевод статьи Мэтью Стрёма о том, почему дизайнерам не стоит бояться, что ИИ отнимет у них работу. Он проводит аналогию с автоматизированной системой управления самолётами, которая появилась более 50 лет назад. Она преобразует действия пилота в скоординированные движения двигателей и управляющих поверхностей самолёта. Эта система не только не отняла у пилотов работу, наоборот, за это время их […]
1472
OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета
Мы перевели статью «Злых Марсиан» о том, как они создавали собственный колорпикер и конвертер цветов OKLCH.
В ней они рассказали, как работает колорпикер и как им правильно пользоваться
1632
Всё — сообщение
В статье UX-дизайнер Александр Овчаренко рассказывает о том, что пользователь воспринимает любой элемент на сайте как сообщение. Он рассматривает все виды таких сообщений и их особенности
586
Как ChatGPT может помочь UI/UX-дизайнерам: восемь примеров
Выясняем, как ChatGPT может помочь в работе UI/UX-дизайнеров и способен ли он заменить эту профессию.
3780
Дизайн плакатов: принципы Йозефа Мюллера-Брокманна
В 1971 г. Йозеф Мюллер-Брокманн с женой Шизуко подготовили книгу «История плаката», в которой собрали, по их мнению, наиболее удачные плакаты конца 19 – второй половины 20 вв. Там Мюллеры-Брокманны также сформулировали «законы» дизайна плакатов. Я перевел их на русский и снабдил иллюстрациями из книги
3126
Публикация и продвижение инфографики: 7 коротких советов от Ferdio
Перевод восьмой (заключительной) части серии заметок датского агентства инфографики Ferdio о том, как выстраивать коммуникацию с целевой аудиторией.
Авторы рассказывают, как угадать, что понравится пользователям, как захватить внимание зрителя и стоит ли адаптировать контент под разные типы аудитории
938
Как рисовать эмоции
Катя Кульбачко написала статью, которая поможет иллюстраторам понять, как через мимику и жесты добавлять персонажу эмоции. С помощью эмоций герой будет вызывать отклик у зрителя и усиливать его вовлеченность в происходящее на экране
791
Дизайн — новости и статьи
Читать далееАрхитектура, мода и даже микроэлектроника
Читать далее Читать далееЧем более знакомым кажется сайт, тем больше он понравится пользователям
Читать далее Читать далееFigma, немного времени — и процесс налажен
Читать далее Читать далее
05.2023″>
15 мая 2023 На острове разместят медицинскую инфраструктуру и жилые зоны
Читать далее Читать далееВоспользуйтесь этими советами, чтобы узнать, как быстро перейти на другой уровень
Читать далее Читать далееПодать заявку можно до 17 мая
Читать далее Читать далееКак оформить портфолио, чтобы клиент захотел сотрудничать именно с вами
Читать далее Читать далееОна располагается в ТРЦ «Афимолл Сити»
Читать далее Читать далееКомпания планирует выходить на рынки Азербайджана, Грузии и Таджикистана
Читать далее Читать далее
04.2023″>
25 апреля 2023 KFC начала менять вывески ресторанов в Москве на Rostic’s еще в конце января
Читать далееПоказать еще
Оформление статей, темы, шаблоны и загружаемые графические элементы на Dribbble
- Просмотр блога на главную
Дом блога
- Посмотреть 365MAG — Статья
365МАГ — Артикул
- Посмотреть TechRead – статья в веб-приложении
TechRead – Статья в веб-приложении
- View Blog Spot — пользовательский интерфейс целевой страницы
Blog Spot — пользовательский интерфейс целевой страницы
- Просмотр 365MAG
365МАГ
- Посмотреть Getuk — Новости и статьи Мобильное приложение
Getuk — Новости и статьи Мобильное приложение
- Посмотреть комплект пользовательского интерфейса Domoco News 📰
Комплект пользовательского интерфейса Domoco News 📰
- Посмотреть сегодняшние новости — Landing Page Новости портала
Todaynews — Лендинг Новостей Портала
- Просмотр новостей и статей в веб-интерфейсе
Новости и статьи Веб-интерфейс
- Просмотр блога и веб-сайта журнала
Сайт блогов и журналов
- Посмотреть минимальную запись в блоге — интерфейс без названия
Минимальный пост в блоге — Пользовательский интерфейс без названия
- Просмотр блога — онлайн-платформа для публикации статей
Блог — Онлайн-платформа для публикации статей
- Просмотр блога — Персональный сайт
Блог — Персональный сайт
- Просмотр раздела новостей
Раздел новостей
- Посмотреть редизайн пользовательского интерфейса Bloomberg
Редизайн пользовательского интерфейса Bloomberg
- Посмотреть журнал 365
365 Магазин
- Посмотреть журнал 365
365 Магазин
- Посмотреть минимальную запись в блоге — интерфейс без названия
Минимальный пост в блоге — Пользовательский интерфейс без названия
- Посмотреть #Exploration — новый макет и иллюстрации для моего блога
#Exploration — новый макет и иллюстрации для моего блога
- Посмотреть минимальную запись в блоге — интерфейс без названия
Минимальный пост в блоге — Пользовательский интерфейс без названия
- View Nooles — Новости и статьи Мобильное приложение 📰
Nooles — Новости и статьи Мобильное приложение 📰
- Посмотреть блог Финтори
Блог Финтори
- Посмотреть минимальную запись в блоге — интерфейс без названия
Минимальный пост в блоге — Пользовательский интерфейс без названия
- View Kamprets : Новости Мобильное приложение
Kamprets: Мобильное приложение новостей
Зарегистрируйтесь, чтобы продолжить или войдите
Идет загрузка.
..
Как правильно оформить статью. Статьи – это сердце новости… | Пол Зогманн
Опубликовано в·
Чтение через 4 мин.·
11 октября 2020 г.Статьи — это сердце новостной платформы. Вот почему мы провели бесчисленное количество интервью с читателями, выслушали их истории, как они читают статьи, как они добираются до статей и что они делают после этого. Мы также рассмотрели анализ данных и лучшие практики со всего мира. Мы посмотрели, как, например, Washington Post или BBC структурировали свои статьи.
Наш процесс проектирования от анализа к обучению:
Процесс проектирования в Brutkasten MediaВ процессе проектирования возникли три аспекта, которые должны сопровождать дизайн статьи с нуля. Статьи должны быть сосредоточены на следующих моментах:
- Самый лучший и приятный опыт чтения статей
- Статьи для дальнейшего чтения в ленте, как мы привыкли из социальных сетей
- Элементы статей, которые вдохновляют, но не раздражают 90 011
лучший и самый приятный опыт чтения статей
F Структура и содержание статей Благодаря новой структуре статьи теперь содержат 85% контента, а навигация — только 15%.
При прокрутке вниз содержимое заполняется даже до 95% и навигация снижена до 5%.
Кроме того, конструкция спроектирована по образцу F. Читатели начинают читать в верхнем левом углу. А это именно блок с заголовком и превью. Это должно дать читателю четкое представление о том, стоит ли читать статью.
Статьи читаются в центрированном варианте с достаточным расстоянием до краев, чтобы создать ощущение знакомости бумажных документов. На страницах нет ничего отвлекающего. Пока читатель прокручивает страницу вниз, все внимание сосредоточено на спокойном чтении. При прокрутке вверх читатели получают предложения для дальнейших статей, потому что поток чтения был прерван.
Сосредоточьтесь на чтенииСтатьи для дальнейшего чтения в ленте, к которой мы привыкли из социальных сетей
В качестве вдохновения хорошим примером могут служить ленты из Instagram и Facebook. Во-первых, необходимо решить, работает ли лента вертикально или горизонтально (как в Instagram Stories).
Однако вертикальный путь вызывает знакомое ощущение, потому что он встречается гораздо чаще.
Во-вторых, необходимо учитывать, должна ли лента динамически адаптироваться к читателям. Для газет новым подходом должна стать лента, которая не адаптируется к читательскому поведению отдельных читателей, а выдвигает текущие новости на передний план и в то же время принимает во внимание платные кампании клиентов. Газеты не должны сосредотачиваться на создании пузырей из поведения своих читателей.
Структурный дизайн статей также важен для ленты новостей. Вот почему предварительный просмотр статей, содержащих жизненно важные элементы, приводит к оптимизированной прокрутке.
Оптимизированная лента новостейЭлементы статей, которые вдохновляют, но не раздражают
Мир новостей состоит из множества специальных терминов. Чтобы противодействовать этому, следует подумать о включении глоссария. Слова, которые есть в глоссарии, автоматически находят, связывают и обозначают цветом.
