- #
不可不知的10条UI设计法则
当你在设计过程中有疑问时,不妨看看我们为你准备的,在UI设计中要遵循的标准实践法则列表。当然,这些法则不是一成不变的,只是我们认为可以在日常的UI设计工作中为你提供的一系列方法而已。请记住,设计需要跳出固有的思维,这意味着你要打破规则。因此,这些经验法则仅仅作为你的参考即可,而非公式。
1、设计基于密度而非像素
请记住,像素密度的定义。它是显示设备每物理英寸的像素数,像素密度的简写是PPI(Pixels per inch)。另一个安卓常用的单位是DP,这个单位的英文全称是“Density-independent pixels”,简称DIP或者DP。请注意,这个单位是相对单位,而对应的iOS设计中的相对单位则是PT(point)。
2、使用8DP增量
为什么在设计间距时要以数字8为增量?在这里有一个简单的解释。例如,我们使用这个神奇的数字8而不是5,是因为如果设备具有1.5倍的分辨率,它将无确呈现奇数。此外,现在绝大多数的屏幕尺寸都可以被8整除,从而可以轻松的在这些设备上调整我们的设计。通过在8点网格上以8为增量进行设计,我们可以保持设计的一致性。间距也不再需要猜测,所有内容都与我们定义的间距约定保持一致。
3、去除多余的线框和卡片
在设计的时候,你应该时不时的跳出来看看,感受一下容器是否会让UI界面显得混乱。在大多数情况下,用于分隔内容的框和线可以用留白来替代。我们设计的大部分元素其实都包含在“框”中,因此,只需删除这些内容即可,它可以让页面显得不是那么的密集和繁杂,并为元素提供更多的呼吸空间。
4、注意元素的对比度
良好的对比不仅可以吸引用户的注意力,而且还能提升产品的可访问性。设计产品类似于在图书馆或者学校之类的公共建筑中进行设计,你必须关注到所有的人群,包括盲人,色盲人群和视力有障碍的用户。根据Web内容可访问性指南,元素需要至少有4.5:1的对比度。
5、尊重用户已有的使用习惯
将某些元素视为标准的原因有很多。比如你将“开始免费试用”按钮设计为圆形,但是它用在一篇文章的底部时,这就会占用过多不必要的垂直空间。不仅于此,用户已经习惯了在大多数应用中获得类似的使用体验。如果你的网站或者应用与用户的常规使用习惯差别太大,那么用户就会感到沮丧。
6、使用色彩重量构建视觉层次
每种颜色都有视觉重量,它可以帮助我们在内容之间建立层次感。通过使用多种浅色,可以为不同的元素分配不同的重要性级别。这个经验法则就是,如果一个元素比另一个元素重要,则它们应该有更“重”的视觉重量。这种方式会让用户易于快速浏览页面并区分重要或者次要的信息。而更大更粗的字体信息会首先吸引用户的注意,随后用户会将注意力集中在这些重要信息的解释性文字或者内容上。
7、避免使用两种以上字体
我们普遍接受的设计准则就是限制界面中使用的字体数量。通常,两种不同的字体就够了。但这并不意味着你不能用更多字体,除非你有充分的理由,否则*好还是不要那么用。如果一定要使用多种字体,一种解决办法就是使用一种字体家族。通过使用同种字体家族,我们可以在设计中使用具有不同变体的相同字体。同种字体家族让设计变得灵活又一致。
8、不要让用户思考
通过使对象,操作选项可见,可以*大程度的减少用户的认知负载。用户不必记住从对话的一部分到另一部分的内容。在适当时候,系统会及时的告诉他们,或者用一种很方便的方式让用户查看到。
9、不要放慢交互动画速度
对于用户来说,速度和效率是非常重要的东西。用户要使用一个应用程序来完成特定的工作,而不是盯着交互动画来欣赏。关于动画和微交互的一条经验法则是,如果体验增加了不必要的时间,那么它并不能改善体验。有目的性的使用动画可以改善体验,请记住,动画一定是有目的的。
10、少即是多
每次我们向页面添加其他信息的时候:按钮,文本,图像,动画,插图等,这些内容就会与其它相关信息存在竞争。如果页面上内容过多,元素的重要性则会降低。