很多新人在开始做 UI 设计的时候,都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意,有时甚至需要反复修改,十分消耗精力。
这就说明他们缺乏 UI 设计师的一项基础能力:规范能力。为了避免重复造轮子,反复掉入同样的陷阱,阅读并熟知主流平台的设计规范,是非常有帮助的。
本文整理汇总了设计师常用的一些 UI 尺寸规范和方法大全以及 UI 设计语言和原则,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。
当然,这并不代表了解这些就能做出优秀的设计方案了,你仍然要去学习具体的规范文档,英文水平比较好的同学建议直接读原文,当然网上也有很多译版方便大家阅读。内容会持续更新,希望对你有所帮助!
另外,有其他想要了解的泛互联网类内容可以评论或私信留言,感谢关注~
注:本文部分干货知识点来源于知群全链路设计师系列课程-UI 设计部分,文末有试听课程彩蛋~
首先,Android 平台、iOS 平台的设计规范并非 UI 设计设计规范的全部,它是一个更广的概念范畴。一个公司,甚至一个团队都可以制定自己的设计规范。
视觉设计规范是指对设计的具体技术要求,是设计工作的规则。包含了目标、功能、技术指标,以及限制条件等。
1. 视觉设计规范,是量化的设计指标。具有指导性、约束性。
视觉设计规范要确定⼀般可用性原则和审美常识下的避免犯错的方法,以及一旦出现错误后的补救方案。规范的第一个目的是减少设计过程中出错的次数,针对新手设计师、第三方团队,可以很好地做到经验传递,迅速了解上手。减少标注时间,提高前端开发质量。
2. 视觉设计规范,是确定关键因素。要有有效性、复用性。
获得该设计规范针对范围内的关键点,包括设计方向和设计元素,以通过项目设计的过程,达到团队成员的更加密切的配合效果。促进多人协作,解决视觉不统⼀现象。
Material Design 规范在于统一 Google 多种平台下的一致性,代表 Google 全新的体验。 包含丰富的色彩、空间的层次、流畅的动效、多样的组件。
谷歌的想法是让谷歌平台上的开发者掌握这个新框架,从而让所有应用就有统一的外观,就像是苹果向开发者提出的设计原则一样。
Material Design 的作用
从设计角度:建立共同的设计语言,将产品风格、品牌及交互形式统一起来。从使用角度:提高产品认知度,提升品牌延续性及产品体验的一致性。环境
Material Design 是基于三维空间的设计语言。 包含光线、材质、阴影。在 Material 环境中,虚拟灯光照射整个场景。
属性
Material 有自身固定不变的外在特征和内在行为逻辑 ,理解这些固有的属性有助于实际的设计项目。
立体性 空间位置的唯一性 不可穿透 形状可变化 沿水平方向做变化 不可弯曲 能与其他材质对象合并 分裂,再合并 可沿任何轴上移动高度和投影
Material 借鉴了现实物理世界中的物质特性,并将其运用在虚拟三维空间中的 Material 元素上, 有利于帮助用户理解信息层级,同时可以统一各应