UI设计中的裁剪规范有哪些?

设计师的输出是体现一个设计师专业水平的重要标准,也是设计师表达设计态度最有力的语言。

1.切割资源大小必须是偶数。

剪辑资源的大小必须是偶数,这是为了保证工程师开发时剪辑资源以高清显示。因为低质量的裁剪资源会模糊裁剪元素的边缘,所以开发出来的APP的界面效果与最初的设计效果相差甚远。如果剪裁是单数,手机系统会自动拉伸剪裁,导致剪裁质量不高。所以剪辑资源的大小一定要均匀,这是所有UI设计师都应该知道的。

2.图标剪切输出应根据标准尺寸输出,并考虑手机的适配性。

图标剪辑输出是剪辑资源输出中至关重要的一部分。为什么要做这一步?因为每个型号的屏幕分辨率在开发中是不一样的,所以需要适应一些大屏的型号。所以大家应该能理解一些。

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

以上是青藤边肖在UI设计裁剪上积累的经验,希望对设计师路上有所帮助。总之,UI设计裁剪是UI设计师最重要的设计输出。恰当准确的剪裁可以最大限度的还原设计图纸,事半功倍。