在这篇文章中,我将分享一些我认为在日常工作中可以帮助你的方法,但这些方法并不是一成不变的。事实上,我认为设计就是跳出框架去思考,但只有明确规则,才能打破规则。
为像素密度而不是像素而设计
在设计界面时,建议不要设计像素,而是设计设备的像素密度。这确保了设计元素能够很好地适应每个不同的设备。例如,如果我们设计了一个200大小的关键元素x50dp,那么它在160ppi屏幕显示为200x50dp,在320ppi屏幕显示为400x100px,即原始资源的两倍。
在某些屏幕上,每英尺像素比其他屏幕多,但在像素密度高的屏幕上,设计资源不会显得更小,因为原始尺寸的渲染原始尺寸的两倍、三倍和四倍。这种机制可以确保所有的设计资源在不同的密度和设备之间保持相同的尺寸。
比如,iPhoneXSMax屏幕尺寸为414x896,但这不是像素尺寸而是点数,以像素为单位时是1242x2688px。考虑到这一点,在设计中,iPhoneXSMax时间,我将于414x896点下设计,然后交付@3x设计资源。
善用8dp增量
为什么要用8来设计?dp这个增量规则?这里有一个简单的解释:我们使用8而不是5这个神奇数字的原因是,如果设备有1,.5倍的分辨率,很难去除锯齿。
此外,绝大多数屏幕尺寸可以从8中删除,这使得我们的设计很容易适应这些屏幕。通过在8点网格上以8为增量进行设计,也使设计更加统一。设计师可以快速做出决定,而不需要更多的猜测来完美适应。
去掉线和边框
在做设计的时候,要时不时的停下来看看,确定设计出来的器皿是否会促进设计UI变得混乱。一般来说,用于分隔内容的框和线可以用留白代替。
当我们以前设计的时候,我们喜欢把元素放在盒子里。因此,只要拆除这些盒子,页面看起来就不那么密集,给元素更多的呼吸空间,整个界面就可以提高一个水平。
关注对比度
适当的对比度不仅能让用户看到页面上的相关信息,还能提高产品的便利性。
设计产品类似于建造公共建筑,如图书馆或学校,需要容忍盲人、色盲或视力受损的用户。
遵循用户习惯
有些元素被认为是标准的原因有很多。
例如,如果按键设计为圆形,那么当文本需要为圆形时,“StartFreeTrial”按钮占用不必要的垂直空间。
此外,用户也开始期待类似的产品体验。假设你设计的网站,App,软件功能与用户习惯不同,因此不直观,用户可能会对这种体验感到失望。因此,好在现有设计规范的范围内进行创新,而不是再次发明轮子。
每种颜色都有一个视觉权重,有利于在内容中建立层次结构。通过使用颜色的深度,给元素不同的必要性。这里的经验是,如果一个元素比另一个元素更重要,它应该有更高的视觉权重。这使得用户很容易区分重要和不重要的信息,然后快速浏览页面。
更大、更醒目的信息首先会吸引用户的注意,然后再看下面的次要信息。