Работа с JS для проверки UX-гипотез

Для проведения A/B тестов важно уметь самостоятельно изменить верстку сервиса. UX-проектировщики регулярно сталкивались и будут сталкиваться с ситуацией, когда нет возможности привлечь для проверки гипотезы менеджера, графического дизайнера, backend и frontend…

xCode для прототипов интерфейса

Зачем дизайнеру уметь верстать приложения для iOS? В первую очередь, это помогает наладить диалог разработчика и дизайнера. Знание нюансов и возможностей разработки помогает сэкономить время и использовать 100% возможностей…

D3.js для построения диаграмм

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

Дизайн-мышление для информационного архитектора

Вступление: Аджайл, скрам, ватерфолл, канбан, спринты, планирование, ретроспективы, и много других замечательных слов призваны помочь работать над проектами эффективно и предсказуемо. Но почему то не всегда процесс и результат…

Quartz Composer + Facebook Origami для UI/UX дизайнера

Как создавать прототипы для интерактивных интерфейсов? Довольно просто, если говорить о нажатии стандартных кнопок со стандартной анимацией. Более сложные анимационные эффекты сложнее получить привычными инструментами. Для нестандартных анимационных задач принято использовать…

Как создавать идеи за пределами статики

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

Основы технического дизайна

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

Подготовка спецификаций продуктовым дизайнером для мультиплатформенных продуктов

Все успешные digital production похожи друг на друга, каждый не успешный не успешен по своему. Возникает резонный вопрос, чем успешные продакшены отличаются от неуспешных? Качеством подготовки проекта. Успешные продакшены…

Полезные приемы в 3ds Max+V-Ray

Моделлинг: Техники моделирования универсальны для всех пакетов. Всегда нужно стремиться к основным сеткам, это важное правило. Второе важное правило гласит, пока есть возможность задать размеры объекта при помощи параметров, нужно…

Переход от статичных прототипов к интерактивным

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

Переменные данные в Adobe Illustrator

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

Синтаксис поисковых запросов

Для эффективного поиска в Интернете необходимо использовать различные команды-операторы (поисковые запросы), задающие условия поиска. Только в этом случае у вас будет не миллион страниц в поисковой выдаче, а список…

User Experience в виртуальной реальности

Дополненная (AR) и виртуальная (VR) реальности существуют давно, относительно надежно и достаточно перспективно. Для этих технологии уже имеются устоявшиеся стандартны, вроде браузеров junaio и layar, и многие из вас видели использование…

Продвинутые принципы проектирования телевизионных интерфейсов

У меня достаточно большой опыт работы в компаниях, которые гордо называют себя системные интеграторы, разработчики уникальной OTT платформы, создатели полного комплекса решений, начиная от станции хранения видео-данных, энкодинга, работы с…

Логика и клиенты

Логика—инструмент познания истины. Истина—единственно верный выбор из доступных. Поиск решений на протяжении всей жизни это основополагающий момент нашего мыслительного процесса. Задачей логики не является найти способ познать мыслительные алгоритмы…

Автоматизация нарезки графики для мобильных устройств

Часто на дизайнера скидывают техническую работу по нарезке графики для iPhone и Android. Обязательно с pixel-perfect, ведь графика это главное выразительное средство. На нарезку графики тратится уйма времени, которое лучше…

Конструкция вещей и промышленный дизайн. Текстовая выдержка с моего мастер-класса.

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

Дизайн на грани UX. То, о чем редко пишут.

Быть дизайнером довольно трудно. В качестве примера рассмотрим, процесс утверждения макетов. Вам знакомо постоянное ухудшение макета из-за сотни правок? Конечно знакомо. Посмотрим, как облегчить и ускорить согласование дизайн-макета. Начнем с…

Создание интерактивных изданий в Adobe DPS. Работа с Adobe Acrobat Pro | inDesign для создания интерактивных документов.

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

Верстка подвала сайта HTML+CSS.

Актуальность HTML верстки очень высока. На всех фриланс-биржах всегда висит по 10-20 заказов на срочную верстку, также HTML+CSS+JS позволяют клепать пусть плохие, но приложения под Android и WinPhone. Да…

Регулярные выражения в практике дизайнера. inDesign, JavaScript.

Большинство задач дизайнера так или иначе связаны с текстом. Потеребить типографику, создать многоколоночную верстку, позалипать на шрифты паратайпа, тайком от коллег использовать Lobster в баннере. Но у текста есть…

Основные правила верстки книг

Это не статья. Это простой свод правил для верстки. Кое что украдено из интернета, встречается результат моего опыта и опыта моих коллег. Есть как догматические знания обязательные к исполнению,…

Основы скриптов в Photoshop на примере выравнивания тона изображений товара

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

Путь пикселя. Как работает цифровое управление цветом

Эта заметка поможет понять дизайнерам принцип, по которому формируется цвет на мониторе и в Photoshop. Все информация о цвете берет начало с эксперимента CIE, в результате которого были получены спектральные кривые…

Data Merge в inDesign

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

Единицы измерения в iOS и Android

Разработать и оптимизировать отображение сайта на мобильных устройствах — обязательное условие процесса создания сайта в наше время. Мир изменился, новое поколение уже не представляет интернет без мобильных устройств. И…

Композиция: вводная информация

Поговорим про композицию и цвет в композиции. Композиция для художника-иллюстратора не может иметь чётких, незыблемых законов, но определённые нюансы обязательно нужно знать. Скажу сразу, что я не стану описывать…

Основы Типографики. Для веба в том числе.

Вступление: Типографика—важнейшая часть фирменного стиля любой уважающей себя компании, и одна из немногих отраслей дизайна в России, до сих пор не популяризированная в должной мере. У компаний, которые заказывают…

Ответы на основные вопросы по полиграфии

Так вышло, что на данный момент очень часто мне приходится переподготавливать для печати чужие макеты. Основываясь на самых часто возникающих вопросах моих коллег, я решил написать статью, после прочтения которой…