兰州达内IT培训教育培训机构
400-6136-679

位置:兰州达内IT培训教育培训机构> UI设计的5条经验法则

UI设计的5条经验法则

来源:兰州达内IT培训教育培训机构发布时间:

  1. 关注:16
  2. 报名:52
  3. 浏览:123
在线咨询 预约试听

课程详情

设计就是要跳出框框去思考,但先清楚规则才有可能打破规则,这里要向大家分享5条经验法则。


UI设计的5条经验法则


1. 针对像素密度设计,而不是像素

像素密度是每一英寸的像素值也叫ppi,单位dp是单词“density-independent pixel”的缩写,有时也缩写为“dip”。

在设计界面时,建议不要针对像素而设计,而是针对设备的像素密度进行设计,这样能确保设计元素能在各个不同设备上很好的适配。

例如:如果我们设计一个按钮元素,大小是200x50dp,那么它在160ppi的屏幕上显示为200x50dp,在320ppi的屏幕上显示为400x100px,即原始资源的2倍。

在某些屏幕每英寸的像素要比其他屏幕多,但设计资源却不会在像素密度高的屏幕上显得更小,这是因为在这些屏幕上会以原始尺寸的2倍,3倍,4倍进行渲染。

这样的机制可以确保所有设计资源可以在不同密度和设备之间保持同样大小。

例如:iPhone XS Max的屏幕尺寸是414×896,但这不是像素尺寸而是点的数量,以像素为单位时是1242x2688px。

2. 善用8dp增量

为什么设计中要用8dp这个增量规则?这里有一个简单的解释:我们使用8而不是5这个神奇数字的原因是,如果设备有1.5倍的分辨率,就很难被整除而出现锯齿。

此外,绝大多数的屏幕尺寸都可以被8整除,这就是使得我们的设计在这些屏幕上适配变得很简单。

通过在8点网格上以8为增量进行设计,也让设计变得更加统一。设计师不需要更多的猜测,就能做出决策,做到适配。

3. 去掉线和边框

做设计的时候,应该时不时地停下来看看,确定下设计出的容器是否会使得UI变得混乱。通常,用于分隔内容的框和线可以用留白代替。

我们以前做设计的时候,喜欢将元素套在盒子里。所以,只需要把这些盒子去掉就能使页面看起来不那么密集,并给元素更多的呼吸空间,整个界面就能提升一个档次。

4. 关注对比度

合适的对比度不仅可以让用户看到页面上的相关信息,还可以提高产品的易用性。

设计一款产品就类似于建造一个公共建筑,比如图书馆或学校,它需要包容所有人:盲人,色盲或视力受损的用户。

为了确保设计符合标准,建议下载一个叫“stark ”的插件,来检查设计是否OK。

5、遵循用户习惯

某些元素被认为是标准的原因有很多。例如:如果将按钮设计为圆形,那么当文本需要为“Start Free Trial”时,按钮就会占用不必要的垂直空间。

除此之外,用户已经开始期待类似的产品体验。如果你设计出来的网站,App,软件功能和用户所习惯的不太一样,那么它就是不直观的,用户就可能对这种体验感到失望。

因此,好是在现有的设计规范的范围内进行创新,而不是去重新发明轮子。




达内UID课程:全链路设计师的践行之路

理论+商业项目实训,从美工到全链路的变革



多重服务多重选择,实现一站式人才输送

17年专注职业教育,挖掘互联网2就业方向








可先就业后付款

近80万学员选择

达内推荐择优推荐就业

讲师带你玩转职场
2课程,可享受就业后再付款;

选择的人多自然是好培训

学员毕业后,达内择优推荐学员就业

实战讲师剖析设计行业,教授符合市场需求的设计课程
>>了解详情
>>了解详情
>>了解详情
>>了解详情

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/class/1048.html违者必究! 以上就是兰州达内IT培训教育培训机构 小编为您整理 UI设计的5条经验法则的全部内容。

推荐课程更多>>

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-6136-679