ui设计快速做图方法 (ui设计如何切图给开发)

昨天的一篇文章 UI设计-从设计效果图到输出UI切图网友@阿小夏留言问,怎么没有android的设计效果图到输出UI切图?本着认真负责的态度,还是把安卓也补进来,两期连起来做个全套的吧。

Android不像iOS,苹果产品就那么几个,设计时候按照750*1334px做,@2x,@3x就都有了。其实,Android和iOS比,最难的也就是设计尺寸问题了。什么idpi、xxhdpi,hdpi搞得头晕。

那安卓怎么办?发文章之前,特意问了设计部一位常做安卓设计的同事。找了几个经验型的结论给大家

1.按照大吃小的原则,从Xdpi出发

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

ui设计从视觉层面如何讲解,ui设计快速做图方法

好了,今天就给大家说到这里吧,如果小伙伴们有什么想问的,或者您是技术大牛有什么想告诉大家的,欢迎留言告诉我。我会尽量满足大家的要求。