Глава 9. Размеры, отступы и цвета элементов мобильного клиента
Ревизия VCS: 7896
Дата сборки документа: 2017.03.13 11:33:49
Верхняя панель
Рисунок 9.1. Верхняя панель
Цвет фона шапки «Навигатор» / «Дочерние» — #3f4659.
Размер, шрифт и цвет текста «Навигатор» / «Дочерние» — 14sp, Helvetica Neue Cyr Medium, #c4cad6.
Цвет фона обычной шапки — #303030.
Размер, шрифт и цвет текста обычной шапки — 14sp, Helvetica Neue Cyr Medium, #ffffff.
Замечание
Данные для верхней панели экрана настроек отличаются и описаны в Настройки.
Кнопки
Рисунок 9.2. Кнопки
Размер, шрифт и цвет для текста внутри кнопок: 21sp, Helvetica
Neue Cyr Medium, #ffffff.
Цвета кнопок: зеленая: #5f8f15, красная: #a52929, серая: #868487.
Поля ввода
Рисунок 9.3. Поля ввода
Размер, шрифт и цвет для placeholder’a и введенного текста — 15sp, Helvetica Neue Cyr Medium, #999999.
Размер, шрифт и цвет для текста выбранного значения — 15sp, Helvetica Neue Cyr Medium, #3f75bf.
Списки
Рисунок 9.4. Списки
Размер, шрифт и цвет для текста «перейти к комментариям» / «Перейти к вложениям» — 11sp, Helvetica Neue Cyr Bold, #494949.
Размер, шрифт и цвет для подписи с количеством комментариев / вложений — 11sp, Helvetica Neue Cyr Bold, #929292.
Размер, шрифт и цвет для текста «Из работы / Перепорученные» (невыделенный элемент) — 12sp, Helvetica Neue Cyr Medium, #808080. Фон кнопки — #eaeaea.
Размер, шрифт и цвет для текста «Из работы /
Перепорученные» (выделенный элемент) — 12sp, Helvetica
Neue Cyr Medium, #353535.
Фон кнопки — #d9eaf1.
Размер, шрифт и цвет ФИО в user-chooser’е — 13sp, Helvetica Neue Cyr Medium, #3c74bf.
Размер, шрифт и цвет текста должности в user-chooser’е — 11sp, Helvetica Neue Cyr Roman, #707070.
Чекбоксы
Рисунок 9.5. Чекбоксы
Чекбокс должен передаваться иконкой: .
Галочка чекбокса также должна передаваться иконкой: .
Плашка комментария
Рисунок 9.6. Плашка комментария
Размер, шрифт и цвет ФИО — 12sp, Helvetica Neue Cyr Medium, #3c74bf.
Размер, шрифт и цвет текста комментария — 12sp, Helvetica Neue Cyr Medium, #707070.
Размер, шрифт и цвет подписи времени добавления комментария — 12sp, Helvetica Neue Cyr Medium, #979797.
Плашка файла
Размер, шрифт и цвет названия файла — 14sp, Helvetica Neue Cyr
Medium, #3c74bf.
Меню создания
Рисунок 9.8. Меню создания
Цвет шапки — #c4c8cf
Цвет сплита — #adb1b9
Цвет шрифта — #3d3d3d
Цвет фона меню — #f5f5f5
Максимальные размеры меню сверху и снизу должны быть равны размерам слева и справа. Меню, размеры сверху и снизу которого меньше максимальных, должно центрироваться по вертикали.
Фильтры
Рисунок 9.9. Фильтры
Размер, шрифт и цвет для:
фильтра первого уровня — 13sp, Helvetica Neue Cyr Bold, #9093a6;
выделенного фильтра первого уровня — 13sp, Helvetica Neue Cyr Bold, #d9dced;
фильтра второго уровня — 14sp, Helvetica Neue Cyr Light, #9093a6;
выделенного фильтра второго уровня — 14sp, Helvetica Neue Cyr Medium, #d9dced.
Цвет фона основной области — #282e3c.
Панель синхронизации:
цвет панели в обычном состоянии — #1c212c;
цвет панели в процессе синхронизации — #495162;
размер, шрифт и цвет текста в обычном состоянии — 10pt, Helvetica Neue Cyr Light, #828594;
размер, шрифт и цвет текста в процессе синхронизации — 10pt, Helvetica Neue Cyr Light, #12161f.
Настройки
Замечание
Размер в единицах sp — для ОС Android, pt — для iOS.
Размер, шрифт и цвет текста верхней панели «Настройки» — 20sp/17pt, Helvetica Neue Cyr Bold, #c5ccd6.
Размер, шрифт и цвет текста верхней панели «Готово»
и «Отмена» — 14pt, Helvetica Neue Cyr Medium,
#c5ccd6.
Размер, шрифт и цвет для:
заголовков категорий — 18sp/15pt, Helvetica Neue Cyr Medium, #353535;
названия опций — 16sp/12pt, Helvetica Neue Cyr Medium, #707070;
значения настроек — 12sp/10pt, Helvetica Neue Cyr Medium, #999999;
Цвет разделительной линии после заголовка категории — #707070.
Цвет разделительной между опциями — #dddddd.
Выбор языка:
Рисунок 9.10. iOS: Выбор языка
Выбор периода синхронизации:
Рисунок 9.11. iOS: Выбор периода синхронизации
Рисунок 9.12. iOS: Выбор периода синхронизации
Выбор периода синхронизации:
Рисунок 9.13. iOS: Выбор варианта загрузки вложений при синхронизации
Neue Helvetica® 45 Light | Fonts.
comПерейти к основному содержанию
- Попробуй
- Водопад
- Карта персонажей
- OpenType
- Технические детали
Рабочий стол Веб-шрифт
Образец текста Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Размер шрифта:
8910111213141618243248647296Цвет текста:
Фон:
Попробуйте этот веб-шрифт прямо сейчас! Просто отредактируйте образец текста ниже или измените цвет и размер.
Выберите языковую поддержку Совместимость с настольным компьютером
Образец текста Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Размер шрифта:
8910111213141618243248647296Цвет текста:
Фон:
Быстрая коричневая лиса перепрыгивает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.@font-face{font-family:»Helvetica Neue LT W05 45 Light»;src:url(«//fast.fonts.net/dv2/14/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2?d44f19a684109620e 484147fa790e81859e92aaaea3d337f84586d5df8888fe5455f55e0f83ed0be044ddfaa95e824a4b1318d5b552aaa24a44025e9&projectid =74f39a9d-a5dc-405f-9690-1c1fd4590ae4») формат («woff2»), URL («//fast.fonts.net/dv2/3/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff?d44f19a684109620e484147fa7 90e81859e92aaaea3d337f84586d5df8888fe5455f55e0f83ed0be044ddfaa95e824a4b1318d5b552aaa24a44025e9&projectid=74f39a9d-a5dc -405f-9690-1c1fd4590ae4») формат («woff»)}
Рабочий стол Веб-шрифт
Попробуйте этот шрифт прямо сейчас! Используйте элементы управления ниже, чтобы настроить текстовую строку и ее внешний вид.
Образец текста Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Попробуйте этот веб-шрифт прямо сейчас! Введите текст и нажмите кнопку «Изменить образец текста».
Образец текста Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
72 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
60 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
48
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
36 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
24 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
18 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
14 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
12
Быстрая коричневая лиса прыгает через ленивую собаку.
Быстрая коричневая лиса прыгает через ленивую собаку.
10 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
8 Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Рабочий стол Веб-шрифт
Загрузка…
Загрузка…
Рабочий стол Веб-шрифт
Рабочий стол Веб-шрифт
Технические характеристики текущего продукта
| Формат: | OpenType Pro (CFF) |
| Количество символов: | 393 |
| Код продукта: | L437968OPP |
| Номер материала: | 167437968 | 901 07
| Техническое имя (имена): | |
| Имя (я) файла: | HelveticaNeueLTPro-Lt. otf |
| Название окна меню: |
Другие продукты Технические детали
| Формат: | OpenType Pro (TTF) |
| Количество символов: | 394 |
| Идентификатор продукта: | L437968OPP |
| Номер материала: | 901 01 168437968|
| Технические названия: | |
| Имена файлов: | HelveticaNeueLTPro-Lt.ttf |
| Название меню окна: |
| Формат: | OpenType Стандартный (CFF) |
| Количество символов: | 266 |
| Код продукта: | L437933OPN |
| Номер материала: | 167437933 | 901 07
| Техническое имя (имена): | |
| Имя (я) файла: | HelveticaNeueLTStd-Lt. otf |
| Имя(а) меню окна: |
Технические характеристики текущего продукта
| Формат: | Совместимость с настольным компьютером 901 02 |
| Количество символов: | 393 |
| Имя CSS: | Helvetica Neue LT W05 45 Light |
Доступные форматы веб-шрифтов
| Для мат: | WOFF |
| Размер файла: | 29,56 Кб |
| Браузеры: |
| Формат: | WOFF2 |
| Размер файла: | 27,96 Кб 9010 2 |
| Браузеры: |
Тип | Связи с университетами / Управление зачислением
ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
Гельветика Ной Лайт
Helvetica Neue Light Oblique
Helvetica Neue Обычный
Helvetica Neue Oblique
Гельветика Новый Жирный
Helvetica Neue Bold Oblique
Айован Старый Роман Роман
Жирный шрифт Iowan Old Style
Курсив в старом стиле Айована
Iowan Old Style Черный
Iowan Old Style, черный курсив
Наш основной шрифт — Helvetica Neue.
Можно использовать во всех случаях,
включая подзаголовки и основной текст. При использовании Helvetica Neue Condensed Black используйте
заглавными буквами и только для заголовков.
Альтернативный шрифт: Если Helvetica Neue недоступен, используйте Helvetica как подходящая замена.
Наш дополнительный шрифт — Iowan Old Style. Как Helvetica Neue, Айован Старый стиль достаточно убедителен для заголовков и достаточно разборчив для больших объемов. копии меньшего размера.
Альтернативный шрифт: Если старый стиль Iowan недоступен, Times New Roman является подходящей заменой.
Жирный
Традиционный
Helvetica Neue Condensed Black
Helvetica Neue Condensed Black — наш основной шрифт для заголовков.
всегда указываться заглавными буквами. Не используйте Helvetica Condensed Black ни для чего.
кроме заголовков.
Helvetica Neue Regular
Helvetica Neue Regular и Helvetica Bold можно использовать во всех случаях, включая подзаголовки и основной текст.
Helvetica Neue Light
Helvetica Neue Light не следует переворачивать на цвет или фотографию, чтобы обеспечить разборчивость.
Старый стиль Айована
Iowan Old Style следует использовать для более формального или академического общения. В случае сложной иерархии Iowan Old Style можно комбинировать с Helvetica. Как и Helvetica, Iowan Old Style достаточно привлекателен для заголовков и разборчив. достаточно для большого количества копий меньшего размера.
Варианты приобретения
Вы можете приобрести шрифты в
MyFonts.com. Мы рекомендуем приобрести пакет из 16 шрифтов — Neue Helvetica Pro Basic Family — 163,99 долл. США, а затем приобрести один шрифт — Neue Helvetica 97 Condensed Black — 42,99 долл.
США.
Иерархия шрифтов
Выбор подходящего шрифта — это только начало. Установка правильной иерархии и сочетание весов шрифта играют важную роль в том, чтобы наш шрифт говорит громко и четко.
Заголовки с использованием шрифта Helvetica Condensed Bold всегда должны быть написаны заглавными буквами.
Весь текст, от заголовков до основного текста, должен быть выровнен по левому краю, без выравнивания, с переносы отключены.
Helvetica и Iowan Old Style могут быть объединены в одной композиции, но не следует объединять в одном заголовке, подзаголовке или основном тексте.
Летро Куас Волор
Заголовок
Helvetica Neue Condensed Black
Размер: 82pt, интерлиньяж: 66pt.
Кернинг: оптический
Cate et que voluptiossim vide od que pre, omnimusti apitae voloreiciis nonseniat.
Подзаголовок
Полужирный шрифт Helvetica
Размер: 24pt, интерлиньяж: 26pt.
Кернинг: Метрики
Объем эксплантата
Титул
Iowan Old Style Roman
Размер: 24pt, интерлиньяж: 28pt.
Кернинг: метрики
Atio quias restiat volessitio tem as molorendam nimporeped quae nobis non rerere nonest ut volor susa id quas eatin conseni mperum volupta quunti con eicimolore doloratur autem ium que volentor. Igendae natis ipsa di voluptatem di rem quibus ипсумет видаликвам, омнимус. Ad quost eum reped mo incipsam, non esequatentia ipsam sus aut et pratinvenis dellabo. Nam, sequas dendunti tem volor aperum qui.
Копия тела
Гельветика Обычная
Размер: 10pt, интерлиньяж: 15pt.
Кернинг: Метрики
Cate et que voluptiossim vide od que pre, omnimusti apitae voloreiciis nonseniat.
Ut ommodigeni тем illabo. Nem autemquis comnis et alia alitasp itatia il ex
испытать.
