UI设计学习如何快速入门?
UI设计有基础设计和高级设计,为什么这么划分呢。基础设计是指入门设计,能用,符合开发规范,类似于制图,谈不上设计,算设计也只能是基础或者入门。
高级设计就不一样了,根据自身经验和对设计以及市场的理解,能够对产品进行准确的理解以及给出更契合的视觉体验,也可以理解我定制设计。
如果是门外汉,需要快速入门那么就先不谈设计,您能准确的把界面规范起来,同时让色彩合理分配,字体选择,图标圆角和大小分配让开发能够一目了然的生活去提取切片和色彩以及px值就已经符合基本工作要求了。
机型入门Android和iOS的设计规范是不同的,甚至还需要考虑ipad的适配。那么Android和ios又有各种大小的机型,都需要进行设计适配。
通常Android以720px✖️1280px或者1080✖️1920px来进行设计布局,在适配其他机型。ios则以750px✖️1334px来进行设计。
另外他们因为不是一个系统,它们的点击范围和使用的单位也不同。Android的点击范围在48dp,状态栏是24dp,顶部导航栏是56dp。ios的安全点击范围是44pt,状态栏是20pt,顶部导航栏是44pt。很多人可能不太清楚pt和dp和px的关系,没关系,又很多内容去讲这些单位的关系,我只能提点到这里,具体需要你去自己查找详细了解,注意的是还有一个单位sp。
点击范围入门明白尺寸和点击范围后,还需要明白你设计完了还没完事,还需要切片给开发。ios的需要切出@2x的图标给开发,为什么加这个后缀呢,是要告诉开发你的图标是2倍还是3倍。Android则无需在图标后面加上@2x此类字样,但是要知道XHDPI和XXHDPI的区别,前者是2倍图,后者是3倍图。也是常被用到的尺寸。
字体选择入门Android机型的字体上中文字体可选用思源字体和苹方字体,英文字体可用Roboto。ios机型字体可用San Francisco,中文也可以采用上面两个。
至于设计,往后放。最后要注意的就是界面布局,其中的距离和字体大小以及图标大小的安排。快速入门即使快速把这些规范都掌握了,并能实施在你的界面上让开发顺利开发,至于“设计”,先把规范熟悉了在聊设计吧,否则即使你设计的再“光鲜”,规范乱七八糟,开发出来一样惨不忍睹。