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


快速判断
视觉特征
- 黑底白字,分隔不用色块而用 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
相关词条
- Material Design (マテリアルデザイン)同属谷歌 UI。比较Holo与Material Design
- Metro (メトロ)共同感受:Technique。比较Holo与Metro
继续浏览谷歌 UI
从谷歌 UI中按共同感受优先推荐以下词条。
- Material You (Material You)共同感受:Technique。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>