UI设计中的切图规范有哪些?

UI设计切图可谓是UI设计师最重要的设计输出物,因此,如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力,下面和青藤小编一起来看看吧!

第1个回答  2020-09-25

设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。



1.切图资源尺寸必须为双数


切图资源尺寸必须为双数,这是是为了保证切图资源在工程师开发时是高清显示。因为低质量的切图资源会让切图元素边缘模糊,进而造成开发出来的APP界面效果与原设计效果差距甚远,如果是单数切图的话手机系统就会自动拉伸切图从而导致切图质量太低,因此,切图资源尺寸必须为双数,这是所有UI设计师都应该知道的内容。


2.图标切图输出应根据标准尺寸输出并且考虑到手机适配


在切图资源输出中图标切图输出是至关重要的部分。为什么要做这一步呢?因为在开发中由于各机型的屏幕分辨率不同,需要针对一些大屏机型进行适配。这样大家应该就能理解一些。


总之,为了适配大分辨率手机图标在切图的时候需要输出@2x和@3x的切图,其中@2x的切图可以满足双平台大部分机型的适配要求,@3x是用来适配iphone手机的各种plus版本的手机。@3x是@2x尺寸的1.5倍。


以上就是青藤小编对UI设计切图积累的经验之谈,希望对正在路上的设计师有所帮助。总之,UI设计切图是UI设计师最重要的设计输出物,合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。