Векторная графика для начинающих: теория и практика технического дизайна - стр. 11
В качестве кратких выводов обозначим ключевые моменты в работе с векторной графикой для визуализации интерфейсов.
• Знания и умения из области верстки, цветоделения по приоритетам и контрасту элементов композиции, понимание баланса между визуальными и текстовыми элементами в интерфейсе позволяют дизайнеру сбалансировать поставленные в ТЗ задачи.
• Правильное понимание ключевых факторов оценки качества веб-интерфейса позволяет исключить лишнее в работе и оптимизировать труд, сравнивая требования ТЗ и общую практику по дизайну UI.
• Потребительская и экспертная оценки качества исполнения веб-интерфейсов могут не совпадать. Пользователям важны простота и удобство, компания-разработчик может ставить цели значительно шире.
• Цель технического дизайнера – найти баланс интересов и получить положительные отзывы о готовом цифровом продукте.
• Цифровые продукты, получившие наивысший рейтинг потребительских оценок и/или награды экспертов, имеют значительную коммерческую ценность для компании-производителя: высокий индекс потребительской лояльности конвертируется в прибыль. Важно это и для дизайнеров – как публичная оценка профессионального уровня.
Рекомендуемая литература
1. Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз. Якоб Нильсен, Кара Перниче. На англ. языке.
2. Принципы разработки пользовательского интерфейса. Ненси Понг. Статья. Изд. Medium.com. 2017 г. Статья Дж. Портера «Principles of User Interface Design». Перевод: О. Жолудова, Р. Шайхутдинов.
3. Эвристические правила Якоба Нильсена. Источник на англ. языке: https://www.nngroup.com/articles/ten-usability-heuristics/
4. Веб-дизайн. Элементы опыта взаимодействия. Дж. Гаттер.
5. Проектирование веб-интерфейсов. Билл Скотт, Тереза Нейл.
6. Спецификации стандарта анимации SMIL 3.0. Источник на англ. языке: https://www.w3.org/TR/smil/smil-animation.html
7. Официальная спецификация компании Mozilla по поддержке формата SVG в анимации SMIL. Источник на англ. языке: https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL
8. Ознакомительный урок по использованию векторной графики для виртуальной клавиатуры. Источник на англ. языке: https://bundlespace.com/lessons/lesson-design-of-virtual-keyboard-for-atm-devices
9. Ознакомительный урок по анимации процесса загрузки в веб- и мобильном интерфейсе. Источник на англ. языке: https://bundlespace.com/lessons/lesson-animation-for-svg-loader-using-css3
Лекция № 3
Изометрия в иллюстрировании: наглядные композиции и технические решения
Что такое изометрия
Изометрическая проекция (с греч. ἴσος равный + μετρέω измеряю) – это разновидность аксонометрической проекции, при которой в отображении объемного трехмерного объекта на плоскость коэффициент искажения (отношение длины спроецированного на плоскость отрезка, параллельного координатной оси, к действительной длине отрезка) по всем трем осям один и тот же.
Простыми словами, это частный случай объемной визуализации объекта на плоскости по заданным геометрическим параметрам.
Определяющая характеристика слова изометрическая в описании проекции в греческом языке, в сущности, означает равный размер: в этой проекции масштабы по всем осям – OX, OY, OZ – равны. В других видах проекций это условие не действует.