Создание дизайн-экосистемы для десятков связанных ИТ-решений: слово дизайнерам

Автор: admin от 6-06-2017, 10:25, посмотрело: 338

Сегодня расскажем, как пришли к необходимости создания единой UI/UX-системы для разных приложений одного из наших заказчиков. О том, какие принципы в нее заложили и как технологично дизайн-экосистему упаковали.

Создание дизайн-экосистемы для десятков связанных ИТ-решений: слово дизайнерам

Надеемся, наш опыт будет интересен UI/UX дизайнерам, фронтэндерам, а также бренд-менеджерам, которые на собственном опыте сталкиваются с подобными задачами.

Категория: Программирование » Веб-разработка

 

Дайджест продуктового дизайна, май 2017

Автор: admin от 6-06-2017, 10:25, посмотрело: 296

Уже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-апрель 2017.

Дайджест продуктового дизайна, май 2017

Категория: Программирование » Веб-разработка

 

Работа в команде. Как помирить дизайнера и верстальщика

Автор: admin от 4-06-2017, 02:10, посмотрело: 503

Работа в команде. Как помирить дизайнера и верстальщика

Частая жалоба верстальщиков: «Они делают непонятный макет! Отступы пляшут, заголовки разных размеров и начертаний, элементы выпадают из сетки! Не хочу с ними работать”. Дизайнеры, в своё время, жалуются на то, что верстальщики портят макеты.

Эти жалобы взаимодополняемы. Если начать разбираться в корне проблемы, то виноватыми окажутся оба. Как помирить этих двух работников фронта?

Категория: Программирование » Веб-разработка

 

Must-Have: 20 игровых ассетов для дизайнера и художника

Автор: admin от 2-06-2017, 15:25, посмотрело: 498

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

Must-Have: 20 игровых ассетов для дизайнера и художника

Категория: Веб-разработка, Game Development

 

UX-стратегия. Часть 6 — Внедрение

Автор: admin от 31-05-2017, 12:25, посмотрело: 413

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

UX-стратегия. Часть 6 — Внедрение

Категория: Программирование » Веб-разработка

 

Почти манифест дизайн-мышления

Автор: admin от 27-05-2017, 11:35, посмотрело: 387

Большинство людей готово безмерно трудиться, чтобы избавиться от необходимости немного подумать. Простые и полезные инструменты для анализа системы, поиска новых решений и создания уникальных продуктов лежат у нас под ногами – остается их только взять и использовать. В Программе «Единая Фронтальная система» мы генерим огромное количество идей. Выявлять самые жизнеспособные из них и успешно решать существующие проблемы помогает дизайн-мышление.

Почти манифест дизайн-мышления


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

Категория: Программирование » Веб-разработка

 

Must-Have: 15 игровых спрайтов для дизайнера и художника

Автор: admin от 24-05-2017, 11:55, посмотрело: 977

Создание игр – процесс трудоемкий и длительный. Но его можно ускорить с помощью готовых наборов ассетов, спрайтов, интерфейсов и массы других полезных ресурсов. Даже если вам просто нужны материалы для изучения какого-либо аспекта геймдизайна, в этом списке найдется то, что нужно.
Must-Have: 15 игровых спрайтов для дизайнера и художника

Категория: Программирование » Веб-разработка

 

Метафоры и аналогии в продуктовом дизайне

Автор: admin от 21-05-2017, 10:35, посмотрело: 310

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

Метафоры и аналогии в продуктовом дизайне

Категория: Программирование » Веб-разработка

 

Дайджест продуктового дизайна, апрель 2017

Автор: admin от 16-05-2017, 11:35, посмотрело: 327

Уже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-март 2017.

Дайджест продуктового дизайна, апрель 2017

Категория: Программирование » Веб-разработка

 

Адаптивная типографика и математика

Автор: admin от 15-05-2017, 23:45, посмотрело: 426

Адаптивный (резиновый) дизайн является нормой фронтэнд-разработки уже давно. Однако идея гибкой адаптивной типографики является относительно новой, которую еще предстоит изучить. Вплоть до недавнего времени реализация гибкой типографики сводилась к простому использованию Viewport, возможно, с учетом минимальных и максимальных значений.

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

Адаптивная типографика и математика

Самое приятное то, что вы можете автоматизировать все это с помощью Sass.

Категория: Программирование » Веб-разработка