Дизайн иконок в приложении#
Иконки интерфейса#
Интерфейсные значки сообщают нужны для индикации статуса устройства или действий пользователя. Например, они показывают уровень заряда батареи, а также позволяют пользователю открывать меню, просматривать контент или работать с документами. Значки интерфейса расположены на верхней панели или в приложении, например, в заголовке или меню.
(иконки)
Полный список значков, которые есть в системе UTouch.
Цвет#
Иконки интерфейса можно раскрасить в qml, они раскрашены в цвет #808080.
Шрифт#
Чтобы обеспечить единообразный вид пользовательского интерфейса и сделать значки Suru отличительными, дизайн основан на тех же шаблонах, что и шрифты Ubuntu. Шаблоны шрифтов можно применить к символу, чтобы определить его контуры.
Линии#
Концы линий имеют прямоугольную форму, но верхний конец вертикальных линий слегка скошен под углом + 10º.
Вращение#
Когда объекты не расположены горизонтально или вертикально, они ориентированы по оси + 45º.
Углы#
По возможности лучше использовать скругленные углы. На следующем рисунке показано увеличенное изображение внешних и внутренних закругленных углов с узлами и маркером Безье. Кривизну по умолчанию можно уменьшить, если используется форма поменьше.
Стрелки#
Навигационные стрелки обозначены символом шеврона. Стрелка представляет собой равнобедренный треугольник, две равные стороны которого слегка изогнуты (по образцу буквы «Y»).
Тени и непрозрачность#
Прозрачность в 50% используется для отражения статуса индикатора. В случае двойного нажатия (например, включенного и выключенного) прозрачность всего значка изменится. Когда статус допускает диапазон значений, можно изменить прозрачность отдельной части значка.
Сетка#
Интерфейсные иконки имеют размер 96x96 пикселей, с полями не менее 4 пикселей с каждой стороны.