很多同学在刚学UI或者参加UI培训初期,不知道该如何下手,也不知道该如何学起,今天扣丁学堂的小编就来给大家讲一下吧。
一、学习工具
俗话说:工欲善其事必先利其器,对于入门阶段的童孩们,不要纠结如何学,先玩熟Photoshop。UI设计最常使用的工具就是PS,利用它做一些图标、界面。
二、学习UI设计规范
现在主要是安卓与iOS
字体
iPhone上的字体英文为:HelveticaNeue至于中文,Mac下用的是黑体-简,Win下则为华文黑体,所有字体要用双数字号。
内部设计
1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控件按钮在4种状态下的样式
安卓:
界面尺寸
安卓的尺寸太多,建议使用分辨率为720×1280的设计尺寸
状态栏高度:50px
导航栏高度:96px
标签栏高度:96px
Android最近出的手机几乎去掉了实体键,将功能移到屏幕中,当然高度也和标签栏一样:96px
内容区域高度:1038px(1280-50-96-96=1038)
Android设计规范中,使用的单位是dp,dp在安卓机上不同的密度转换后px值是不一样的
字体
Android上的字体为:Droidsansfallback,是谷歌自己的字体,与微软雅黑很像。
三、色彩学习
色彩三要素是指:色相、明度、纯度
色相
色相指色彩的相貌,不同波长决定不同色相,是最直观感受到的色彩。
在光谱中,红橙黄绿青蓝紫是最基本的色相。
明度
明度即色彩的明暗程度。
简单点解释,通过色相的加白加黑的一个变化,任何色彩都有明暗变化,从明度光谱上能看到最明亮的颜色是黄色,处于光谱中心位置。最暗的是紫色,处于光谱边缘。
纯度
纯度指色彩的鲜艳程度,即色彩饱和度、纯净度、彩度。纯度最高的色彩就是原色,随着纯度的降低,色彩就会变暗、淡。纯度讲到最低就失去色相,变为无彩色,也就是黑色、白色和灰色。
UI设计中色彩的使用
在UI设计中色彩如何搭配?在UI界面设计比例中:用色一般分为主色、次色和辅助色,它们的比例按照20%-30%、5%-10%和5%配色,通过不同配色比例让界面看起来不会突兀或主次部分。
四、临摹阶段
基础知识了解后,接下来就开始练习了,需要通过临摹来加强你的技巧,这个阶段要做的是:多练多问。
五、学会切图
作为设计师与开发之前的桥梁,切图是非常关键的,合适的切图、精准的位置能最大限度的还原效果图的设计。
UI入门阶段基本上需要了解这些,当然这只是UI设计中的其中一小部分,需要由浅入深,逐步提升。
以上就是扣丁学堂UI设计培训小编给大家分享的文章,希望对小伙伴们有所帮助,想要了解更多关于UI设计开发方面内容的小伙伴可以登录扣丁学堂官网咨询。扣丁学堂不仅有专业的UI设计培训班供大家学习,还有与时俱进的课程体系和大量的UI设计在线视频教程让学员免费观看学习,想要学好UI设计的小伙伴快到扣丁学堂来了解详情吧。扣丁学堂UI交互设计交流群:568096113。
有疑问加站长微信联系(非本文作者)