UI设计中1PX细节的重要性

对于UI设计追求像素级别的精神可以说是设计师必须具备的基础,下面是我琢磨出来的一点小经验。

最近在画一些图标整理作品包装的时候,发现有时候你想让你的画面更加的有质感,不妨加入1PX的描边,确实会有着很大的作用。

先看一张有质感的效果图。

UI设计中1PX细节的重要性_第1张图片

苹果的App Store这张图标看起来就很有质感,细看你会发现他在边边有一个高光描边,有这个描边就会显得这个图标很有质感。

这一份是我最近画的流行毛玻璃质感图标

UI设计中1PX细节的重要性_第2张图片

仔细看是不是也加入了1PX的描边,这让图标看起来会很精致。

再看一下有1PX跟没有1PX描边效果对比是什么样的

UI设计中1PX细节的重要性_第3张图片

对比来看效果还是很明显的。

下面再来看看国外设计包装的栗子

UI设计中1PX细节的重要性_第4张图片
UI设计中1PX细节的重要性_第5张图片
UI设计中1PX细节的重要性_第6张图片
UI设计中1PX细节的重要性_第7张图片

这些也是用了1PX 的白色描边,让画面看起来精致些。

还有就是在我们做卡片投影的时候,在边缘加入1PX的描边,会使你的卡片看起来更清晰。

UI设计中1PX细节的重要性_第8张图片

描边要比阴影深一点,这样会使卡片更清晰有质感且精致。

当然让画面有质感的方法有很多种,这也算是其中的一种小方法吧。在实际工作中,也是要分情况而用,不能盲目的去使用,不然就本末倒置了。

你可能感兴趣的:(UI设计中1PX细节的重要性)