当前位置: 首页 > news >正文

谷歌的ui设计规范主要有哪些

谷歌的UI设计规范核心是‌Material Design‌,其要点包括:

设计原则‌

材质与动效‌:灵感源于物理世界,通过阴影、层次和自然动效(如重力、摩擦力)增强交互真实感。
无障碍设计‌:遵循WCAG标准,确保色彩对比度、文本可读性及辅助技术兼容性。
跨设备一致性‌:适配手机、平板、网页等多种屏幕尺寸。

核心组件‌

色彩系统‌:提供主色、辅色及变体,通过对比度(如文本至少15.8:1)提升可读性。
布局与网格‌:采用响应式网格系统,支持灵活的内容排列。
交互细节‌:如悬停效果、点击反馈动画及键盘快捷键(如Ctrl+N新建任务)。

github.com/oepeeslm/obj8/issues/58
github.com/oepeeslm/obj8/issues/57
github.com/oepeeslm/obj8/issues/56
github.com/oepeeslm/obj8/issues/55
github.com/oepeeslm/obj8/issues/54
github.com/oepeeslm/obj8/issues/53
github.com/oepeeslm/obj8/issues/52
github.com/oepeeslm/obj8/issues/51
github.com/oepeeslm/obj8/issues/50
github.com/oepeeslm/obj8/issues/49
github.com/oepeeslm/obj8/issues/48
github.com/oepeeslm/obj8/issues/47
github.com/oepeeslm/obj8/issues/46
github.com/oepeeslm/obj8/issues/45
github.com/oepeeslm/obj8/issues/44
github.com/oepeeslm/obj8/issues/43
github.com/oepeeslm/obj8/issues/42
github.com/oepeeslm/obj8/issues/41
github.com/oepeeslm/obj8/issues/40
github.com/oepeeslm/obj8/issues/39
github.com/oepeeslm/obj8/issues/38
github.com/oepeeslm/obj8/issues/37
github.com/oepeeslm/obj8/issues/36
github.com/oepeeslm/obj8/issues/35
github.com/oepeeslm/obj8/issues/34
github.com/oepeeslm/obj8/issues/33
github.com/oepeeslm/obj8/issues/32
github.com/oepeeslm/obj8/issues/31
github.com/oepeeslm/obj8/issues/30
github.com/oepeeslm/obj8/issues/29
github.com/oepeeslm/obj8/issues/28
github.com/oepeeslm/obj8/issues/27
github.com/oepeeslm/obj8/issues/26
github.com/oepeeslm/obj8/issues/25
github.com/oepeeslm/obj8/issues/24
github.com/oepeeslm/obj8/issues/23
github.com/oepeeslm/obj8/issues/22
github.com/oepeeslm/obj8/issues/21
github.com/oepeeslm/obj8/issues/20
github.com/oepeeslm/obj8/issues/19
github.com/oepeeslm/obj8/issues/18
github.com/oepeeslm/obj8/issues/17
github.com/oepeeslm/obj8/issues/16
github.com/oepeeslm/obj8/issues/15
github.com/oepeeslm/obj8/issues/14
github.com/oepeeslm/obj8/issues/13
github.com/oepeeslm/obj8/issues/12
github.com/oepeeslm/obj8/issues/11
github.com/oepeeslm/obj8/issues/10
github.com/oepeeslm/obj8/issues/9
github.com/oepeeslm/obj8/issues/8
github.com/oepeeslm/obj8/issues/7
github.com/oepeeslm/obj8/issues/6
github.com/oepeeslm/obj8/issues/5
github.com/oepeeslm/obj8/issues/4
github.com/oepeeslm/obj8/issues/3
github.com/oepeeslm/obj8/issues/2
github.com/oepeeslm/obj8/issues/1
github.com/oepeeslm/hv1m/issues/158
github.com/oepeeslm/hv1m/issues/157
github.com/oepeeslm/hv1m/issues/156
github.com/oepeeslm/hv1m/issues/155
github.com/oepeeslm/hv1m/issues/154
github.com/oepeeslm/hv1m/issues/153
github.com/oepeeslm/hv1m/issues/152
github.com/oepeeslm/hv1m/issues/151
github.com/oepeeslm/hv1m/issues/150
github.com/oepeeslm/hv1m/issues/149
github.com/oepeeslm/hv1m/issues/148
github.com/oepeeslm/hv1m/issues/147
github.com/oepeeslm/hv1m/issues/146
github.com/oepeeslm/hv1m/issues/145
github.com/oepeeslm/hv1m/issues/144
github.com/oepeeslm/hv1m/issues/143
github.com/oepeeslm/hv1m/issues/142
github.com/oepeeslm/hv1m/issues/141
github.com/oepeeslm/hv1m/issues/140
github.com/oepeeslm/hv1m/issues/139
github.com/oepeeslm/hv1m/issues/138
github.com/oepeeslm/hv1m/issues/137
github.com/oepeeslm/hv1m/issues/136
github.com/oepeeslm/hv1m/issues/135
github.com/oepeeslm/hv1m/issues/134
github.com/oepeeslm/hv1m/issues/133
github.com/oepeeslm/hv1m/issues/132
github.com/oepeeslm/hv1m/issues/131
github.com/oepeeslm/hv1m/issues/130
github.com/oepeeslm/hv1m/issues/129
github.com/oepeeslm/hv1m/issues/128
github.com/oepeeslm/hv1m/issues/127
github.com/oepeeslm/hv1m/issues/126
github.com/oepeeslm/hv1m/issues/125
github.com/oepeeslm/hv1m/issues/124
github.com/oepeeslm/hv1m/issues/123
github.com/oepeeslm/hv1m/issues/122
github.com/oepeeslm/hv1m/issues/121
github.com/oepeeslm/hv1m/issues/120
github.com/oepeeslm/hv1m/issues/119
github.com/oepeeslm/hv1m/issues/118
github.com/oepeeslm/hv1m/issues/117
github.com/oepeeslm/hv1m/issues/116
github.com/oepeeslm/hv1m/issues/115
github.com/oepeeslm/hv1m/issues/114
github.com/oepeeslm/hv1m/issues/113
github.com/oepeeslm/hv1m/issues/112
github.com/oepeeslm/hv1m/issues/111
github.com/oepeeslm/hv1m/issues/110
github.com/oepeeslm/hv1m/issues/109
github.com/oepeeslm/hv1m/issues/108
github.com/oepeeslm/hv1m/issues/107
github.com/oepeeslm/hv1m/issues/106
github.com/oepeeslm/hv1m/issues/105
github.com/oepeeslm/hv1m/issues/104
github.com/oepeeslm/hv1m/issues/103
github.com/oepeeslm/hv1m/issues/102
github.com/oepeeslm/hv1m/issues/101
github.com/oepeeslm/hv1m/issues/100
github.com/oepeeslm/hv1m/issues/99
github.com/oepeeslm/hv1m/issues/98
github.com/oepeeslm/hv1m/issues/97
github.com/oepeeslm/hv1m/issues/96
github.com/oepeeslm/hv1m/issues/95
github.com/oepeeslm/hv1m/issues/94
github.com/oepeeslm/hv1m/issues/93
github.com/oepeeslm/hv1m/issues/92
github.com/oepeeslm/hv1m/issues/91
github.com/oepeeslm/hv1m/issues/90
github.com/oepeeslm/hv1m/issues/89
github.com/oepeeslm/hv1m/issues/88
github.com/oepeeslm/hv1m/issues/87
github.com/oepeeslm/hv1m/issues/86
github.com/oepeeslm/hv1m/issues/85
github.com/oepeeslm/hv1m/issues/84
github.com/oepeeslm/hv1m/issues/83
github.com/oepeeslm/hv1m/issues/82
github.com/oepeeslm/hv1m/issues/81
github.com/oepeeslm/hv1m/issues/80
github.com/oepeeslm/hv1m/issues/79
github.com/oepeeslm/hv1m/issues/78
github.com/oepeeslm/hv1m/issues/77
github.com/oepeeslm/hv1m/issues/76
github.com/oepeeslm/hv1m/issues/75
github.com/oepeeslm/hv1m/issues/74
github.com/oepeeslm/hv1m/issues/73
github.com/oepeeslm/hv1m/issues/72
github.com/oepeeslm/hv1m/issues/71
github.com/oepeeslm/hv1m/issues/70
github.com/oepeeslm/hv1m/issues/69
github.com/oepeeslm/hv1m/issues/68
github.com/oepeeslm/hv1m/issues/67
github.com/oepeeslm/hv1m/issues/66
github.com/oepeeslm/hv1m/issues/65
github.com/oepeeslm/hv1m/issues/64
github.com/oepeeslm/hv1m/issues/63
github.com/oepeeslm/hv1m/issues/62
github.com/oepeeslm/hv1m/issues/61
github.com/oepeeslm/hv1m/issues/60
github.com/oepeeslm/hv1m/issues/59
github.com/oepeeslm/hv1m/issues/58
github.com/oepeeslm/hv1m/issues/57
github.com/oepeeslm/hv1m/issues/56
github.com/oepeeslm/hv1m/issues/55
github.com/oepeeslm/hv1m/issues/54
github.com/oepeeslm/hv1m/issues/53
github.com/oepeeslm/hv1m/issues/52
github.com/oepeeslm/hv1m/issues/51
github.com/oepeeslm/hv1m/issues/50
github.com/oepeeslm/hv1m/issues/49
github.com/oepeeslm/hv1m/issues/48
github.com/oepeeslm/hv1m/issues/47
github.com/oepeeslm/hv1m/issues/46
github.com/oepeeslm/hv1m/issues/45
github.com/oepeeslm/hv1m/issues/44
github.com/oepeeslm/hv1m/issues/43
github.com/oepeeslm/hv1m/issues/42
github.com/oepeeslm/hv1m/issues/41
github.com/oepeeslm/hv1m/issues/40
github.com/oepeeslm/hv1m/issues/39
github.com/oepeeslm/hv1m/issues/38
github.com/oepeeslm/hv1m/issues/37
github.com/oepeeslm/hv1m/issues/36
github.com/oepeeslm/hv1m/issues/35
github.com/oepeeslm/hv1m/issues/34
github.com/oepeeslm/hv1m/issues/33
github.com/oepeeslm/hv1m/issues/32
github.com/oepeeslm/hv1m/issues/31
github.com/oepeeslm/hv1m/issues/30
github.com/oepeeslm/hv1m/issues/29
github.com/oepeeslm/hv1m/issues/28
github.com/oepeeslm/hv1m/issues/27
github.com/oepeeslm/hv1m/issues/26
github.com/oepeeslm/hv1m/issues/25
github.com/oepeeslm/hv1m/issues/24
github.com/oepeeslm/hv1m/issues/23
github.com/oepeeslm/hv1m/issues/22
github.com/oepeeslm/hv1m/issues/21
github.com/oepeeslm/hv1m/issues/20
github.com/oepeeslm/hv1m/issues/19
github.com/oepeeslm/hv1m/issues/18
github.com/oepeeslm/hv1m/issues/17
github.com/oepeeslm/hv1m/issues/16
github.com/oepeeslm/hv1m/issues/15
github.com/oepeeslm/hv1m/issues/14
github.com/oepeeslm/hv1m/issues/13
github.com/oepeeslm/hv1m/issues/12
github.com/oepeeslm/hv1m/issues/11
github.com/oepeeslm/hv1m/issues/10
github.com/oepeeslm/hv1m/issues/9
github.com/oepeeslm/hv1m/issues/8
github.com/oepeeslm/hv1m/issues/7
github.com/oepeeslm/hv1m/issues/6
github.com/oepeeslm/hv1m/issues/5
github.com/oepeeslm/hv1m/issues/4
github.com/oepeeslm/hv1m/issues/3
github.com/oepeeslm/hv1m/issues/2
github.com/oepeeslm/hv1m/issues/1

应用场景‌

深色模式‌:使用深灰色替代黑色,降低视觉疲劳并节省设备电量。
图标与动效‌:通过动画传达操作意图(如购物车图标装货动画)。

Material Design不仅影响Android生态,也成为iOS和Windows等平台的参考标准,其开源资源(如设计工具包)便于开发者快速上手。

http://www.cnnetsun.cn/news/116061.html

相关文章:

  • AI时代核心竞争力:手写多智能体系统,不依赖LangChain/LlamaIndex
  • WebSocket 对比 MQTT通信优势
  • 基于springboot面料花型试衣系统
  • 域名被污染是什么意思?还能不能继续使用?
  • Python大数据基于深度学习的音乐推荐系统-250326--论文
  • Python大数据影评情感分析可视化及推荐系统的设计与实现_u5ck1y17_论文
  • AI Agent设计模式大揭秘:9种架构让你从编程小白变身架构师!
  • Python大数据基于Spark的南昌房价数据分析系统的设计与实现_45i0b357_论文
  • 9 个降AI率工具,自考人必备的降重神器!
  • 9 个降AI率工具,自考人必备!
  • 旅行记录应用新建旅行 - Cordova OpenHarmony 混合开发实战
  • 9 个降AI率工具推荐,继续教育学生必备
  • Java八股文(Java基础面试题)
  • 邦芒忠告:职场中没有好人缘的10种人
  • 基于Spring Boot人才招聘管理系统
  • 拒绝“魔法值”注入:手把手教你实现 Spring Boot 高性能枚举校验注解 @InEnum
  • 国内容易上手的claudecode一键配置指南
  • 复原IP地址
  • Redis 发布订阅
  • JQuery支持WebUploader完成百万文件断点续传的原理?
  • Vue3如何结合组件实现大文件分片的并行上传优化?
  • 类型分布统计-Cordovaopenharmony多维分析实战
  • 四时四名,一山万象:朝鲜金刚山的锦绣风姿
  • 基于Spring Boot的果蔬销售系统
  • Scala Collection(集合)
  • 介观交通流仿真软件:DynusT_(11).交通事件管理
  • django基于Python天气分析系统
  • python基于大数据的分析长沙旅游景点推荐系统
  • 基于Django的学分管理系统
  • 广度优先遍历与最短路径