Про дизайн статьи: Статьи по теме Дизайн в блоге Яндекс Практикума

Статьи (рубрика) — Оди. О дизайне

Дизайн-мышление должно было исправить мир. Что же пошло не так?

Перевод статьи Ребекки Акерманн, в которой она описала историю бурного развития дизайн-мышления в 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 логотипов известных компаний со скрытым смыслом

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

1182

Список параметров 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

Дизайн — новости и статьи

Читать далее

23 мая 2023

Архитектура, мода и даже микроэлектроника

Читать далее

Читать далее

18 мая 2023

Чем более знакомым кажется сайт, тем больше он понравится пользователям

Читать далее

Читать далее

18 мая 2023

Figma, немного времени — и процесс налажен

Читать далее

Читать далее

05.2023″> 15 мая 2023

На острове разместят медицинскую инфраструктуру и жилые зоны

Читать далее

Читать далее

11 мая 2023

Воспользуйтесь этими советами, чтобы узнать, как быстро перейти на другой уровень

Читать далее

Читать далее

05 мая 2023

Подать заявку можно до 17 мая

Читать далее

Читать далее

03 мая 2023

Как оформить портфолио, чтобы клиент захотел сотрудничать именно с вами

Читать далее

Читать далее

01 мая 2023

Она располагается в ТРЦ «Афимолл Сити»

Читать далее

Читать далее

28 апреля 2023

Компания планирует выходить на рынки Азербайджана, Грузии и Таджикистана

Читать далее

Читать далее

04.2023″> 25 апреля 2023

KFC начала менять вывески ресторанов в Москве на Rostic’s еще в конце января

Читать далее

Показать еще

Оформление статей, темы, шаблоны и загружаемые графические элементы на Dribbble

1. Просмотр блога на главную

   Дом блога
2. Посмотреть 365MAG — Статья

   365МАГ — Артикул
3. Посмотреть TechRead – статья в веб-приложении

   TechRead – Статья в веб-приложении
4. View Blog Spot — пользовательский интерфейс целевой страницы

   Blog Spot — пользовательский интерфейс целевой страницы
5. Просмотр 365MAG

   365МАГ
6. Посмотреть Getuk — Новости и статьи Мобильное приложение

   Getuk — Новости и статьи Мобильное приложение
7. Посмотреть комплект пользовательского интерфейса Domoco News 📰

   Комплект пользовательского интерфейса Domoco News 📰
8. Посмотреть сегодняшние новости — Landing Page Новости портала

   Todaynews — Лендинг Новостей Портала
9. Просмотр новостей и статей в веб-интерфейсе

   Новости и статьи Веб-интерфейс
10. Просмотр блога и веб-сайта журнала

    Сайт блогов и журналов
11. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия
12. Просмотр блога — онлайн-платформа для публикации статей

    Блог — Онлайн-платформа для публикации статей
13. Просмотр блога — Персональный сайт

    Блог — Персональный сайт
14. Просмотр раздела новостей

    Раздел новостей
15. Посмотреть редизайн пользовательского интерфейса Bloomberg

    Редизайн пользовательского интерфейса Bloomberg
16. Посмотреть журнал 365

    365 Магазин
17. Посмотреть журнал 365

    365 Магазин
18. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия
19. Посмотреть #Exploration — новый макет и иллюстрации для моего блога

    #Exploration — новый макет и иллюстрации для моего блога
20. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия
21. View Nooles — Новости и статьи Мобильное приложение 📰

    Nooles — Новости и статьи Мобильное приложение 📰
22. Посмотреть блог Финтори

    Блог Финтори
23. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия
24. View Kamprets : Новости Мобильное приложение

    Kamprets: Мобильное приложение новостей

Зарегистрируйтесь, чтобы продолжить или войдите

Идет загрузка. ..

Как правильно оформить статью. Статьи – это сердце новости… | Пол Зогманн

Опубликовано в

·

Чтение через 4 мин.

·

11 октября 2020 г.

Статьи — это сердце новостной платформы. Вот почему мы провели бесчисленное количество интервью с читателями, выслушали их истории, как они читают статьи, как они добираются до статей и что они делают после этого. Мы также рассмотрели анализ данных и лучшие практики со всего мира. Мы посмотрели, как, например, Washington Post или BBC структурировали свои статьи.

Наш процесс проектирования от анализа к обучению:

Процесс проектирования в Brutkasten Media

В процессе проектирования возникли три аспекта, которые должны сопровождать дизайн статьи с нуля. Статьи должны быть сосредоточены на следующих моментах:

• Самый лучший и приятный опыт чтения статей
• Статьи для дальнейшего чтения в ленте, как мы привыкли из социальных сетей
• Элементы статей, которые вдохновляют, но не раздражают
90 011

лучший и самый приятный опыт чтения статей

F Структура и содержание статей

Благодаря новой структуре статьи теперь содержат 85% контента, а навигация — только 15%. При прокрутке вниз содержимое заполняется даже до 95% и навигация снижена до 5%.

Кроме того, конструкция спроектирована по образцу F. Читатели начинают читать в верхнем левом углу. А это именно блок с заголовком и превью. Это должно дать читателю четкое представление о том, стоит ли читать статью.

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

Сосредоточьтесь на чтении

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

В качестве вдохновения хорошим примером могут служить ленты из Instagram и Facebook. Во-первых, необходимо решить, работает ли лента вертикально или горизонтально (как в Instagram Stories). Однако вертикальный путь вызывает знакомое ощущение, потому что он встречается гораздо чаще.

Во-вторых, необходимо учитывать, должна ли лента динамически адаптироваться к читателям. Для газет новым подходом должна стать лента, которая не адаптируется к читательскому поведению отдельных читателей, а выдвигает текущие новости на передний план и в то же время принимает во внимание платные кампании клиентов. Газеты не должны сосредотачиваться на создании пузырей из поведения своих читателей.

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

Оптимизированная лента новостей

Элементы статей, которые вдохновляют, но не раздражают

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

No related posts.