Давайте для начала разберемся, что такое UI kit. Дословно это переводится как «набор пользовательского интерфейса», то есть это файл(или несколько файлов), содержащий в себе элементы интерфейса, выдержанные в едином стиле.

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

User Experience Design в переводе означает «опыт взаимодействия» и включает в себя различные UX-компоненты: информационную архитектуру, проектирование взаимодействия, графический дизайн и контент. В целом UX дизайн подразумевает комплексный подход к взаимодействию пользователя с интерфейсом, будь-то веб-сайт, мобильное приложение или любая другая программа.

1.1 Законы композиции 

Растровая графика — это изображения, составленные из пикселов — маленьких цветных квадратиков, размещенных в прямоугольной сетке. Пиксел — это самая маленькая единица цифрового изображения. Качество растрового изображения напрямую зависит от количества пикселов, из которых оно состоит — чем больше пикселов тем больше деталей можно отобразить. Увеличить растровое изображение путем тупого увеличения масштаба не получится — число пикселов увеличить невозможно, в этом, я думаю, многие убеждались, когда старались разглядеть мелкие детали на маленькой цифровой фотографии, приближая ее на экране; в результате этого действия разглядеть что‑то кроме увеличивающихся квадратиков (это как раз они — пикселы) не удавалось. Такой фокус удается только...