Holo

ホロ / 2011–2014 / 风格 / 谷歌 UI

Google 在 Android 3.0 引入、并在 4.0 把是否搭载它列为机型兼容性要求的设计语言。黑底上拉出细线,只让选中、输入和进度以一种青蓝色发光。它是连同一个承诺一起发布的,即指定了这个主题的应用,即使在厂商套了自家外壳的手机上也会原样显示。

Holo — Android 4.1 的锁定屏幕(Galaxy Nexus)2012 — Wikimedia Commons / CC BY 2.5 · © Android Open Source project
Android 4.1 的锁定屏幕(Galaxy Nexus)2012 — Wikimedia Commons / CC BY 2.5 · CC BY 2.5 · © Android Open Source project
Holo — Android 4.3 的警告对话框与列表界面 2014 — Wikimedia Commons / Public domain
Android 4.3 的警告对话框与列表界面 2014 — Wikimedia Commons / Public domain

快速判断

视觉特征

  • 黑底白字,分隔不用色块而用 1px 细线
  • 只有选中、输入框的下划线和进度以 #33B5E5 的青蓝色发光
  • 屏幕上端是通栏的操作栏,下端是返回、主页、历史三个虚拟键的带子
  • 标签页的标题和列表的小标题都排成粗体全大写

适用场景

  • 把 2011 年到 2013 年前后的 Android 应用画面,按当时的部件和主题名原样再现时
  • 在深色的管理后台里,不添色块和阴影,只用细线和一种强调色来做层次时

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
全界面用同一种偏几何的无衬线字体,字重只用常规和粗体两级。标签和小标题排成大写,字距略微放开。
版面
上端固定一条通栏操作栏,其下用单列列表填满。分节不靠留白而靠细线,下端要空出放虚拟键的带子。
材料
底色用黑或 #F3F3F3 的浅灰,文字用白或深灰。细线是降低了不透明度的 1px 白线。强调只限 #33B5E5 一色,仅在按下、选中和进行时用它发光。
注意
自己重画部件、脱离主题,就会失去这套样式唯一的好处,即跨机型看上去都一样,结果在套了外壳的手机上只有自己的应用显得格格不入。
延伸阅读
how the Android 4.0 compatibility definition document mandated the unmodified theme / why Theme.Holo and DeviceDefault were kept apart, and when each is used / how Roboto came to be made for high resolution screens, and the traits of its letterforms

相关词条

继续浏览谷歌 UI

从谷歌 UI中按共同感受优先推荐以下词条。

查看谷歌 UI全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/holo
Markdown
[Holo — IndexStyle](https://indexstyle.org/zh/styles/holo)
HTML
<a href="https://indexstyle.org/zh/styles/holo">Holo — IndexStyle</a>

返回索引中的位置