UI设计不同于单纯视觉设计,它是肩负着被使用去完整一项使命的设计,最重要是能够使用再去提升视觉的美观;实用且真实,现实产品容不得天马行空的遐想,炫技的手法总是妥协于开发技术能力和经费预算,以及面相用户的接受力。所以UI设计更像是穿着枷锁在舞台上表演,因为枷锁存在才赋予表演的价值,才让设计觉得弥足难得。
但总说:规范是死的,人是活的,设计是感性的。只有在熟知规范之下才能做出更实用高效好用的产品。而真实中:对于复杂繁琐的规范我们不必要过于死记硬背,简单了解工作中遇到问题在去查询相关内容,把规范介绍当作字典一样使用,把大脑记忆空间留给更有价值的内容。
接下来我大概记录下UI常见设计规范,以及分享些设计平台的规范,和他人总结的规范原则,使用方法只需要储备起可随时调出即可,了解有这么回事,需要时查询。最重要的还是设计想法,产品思维,实战经验。
英寸
英寸(inch)是我们常用的长度单位,比如一款手机5.5英寸,表示屏幕对角色的长度
像素
一张图片是由很多小方块组成,即所谓的像素(pxiel)点;这些小方块的位置和被分配的色彩数值,一个小方格的颜色和位置就决定该图像所呈现的样子
分辨率
显示分辨率(屏幕分辨率)是屏幕图像的精密度,是指显示器所能显示像素的多少;显示器可显示像素越多,画面越精细,同样屏幕区域内能显示的信息越多。
IOS设计标准尺寸
根据实际团队工作习惯和团队情况选择使用即可,常用尺寸为Iphone6/7/8;关于选择1倍图(375px)和2倍图(750px),根据实际情况均可以使用;倍数较大图做的较为精细,但所差并不多
字体选择
关于UI字体,最常使用为系统默认字体,并无太多繁杂种类字体;windows电脑使用苹方字体显示效果不好,建议使用(黑体-简细)和 Helvetica系列;
设计时注重字体版权,当下无论歌曲或字体版权重视度逐渐增大,设计稿时尽量不使用未授权的字体,尤其是品牌设计的字体设计和banner时需要注意
应用图标设计
应用图标有不同的尺寸,绘制时画1024px的最大尺寸,在实际开发会使用不同尺寸,具体内容开发技术会给到,只需要同比例缩小即可。
关于UI控件尺寸,除了系统自定义外也可更具实际需求自定义样式,不需受官方限制可规范中尝试更多可能。
常见的组件控件的分类
后言:整个简介内容短小间断,只是粗略说明几个点,其实真实写出长编大论被认真看的概率或记住的概率很小,但不见得不需要记住变不需要了解,作为专业技术问题,详细了解技术原理整个设计开发流程,对于开拓全栈式设计帮助莫大。
我是糕小糕,正在用思维导图阅读法,攻克经典书籍。希望整理的对你有用。
正所谓:书宜杂读,业宜精钻; 你知道吗,你的赞,会让我欣喜若狂