UI
选课中心 APP下载
当前位置:首页 > 技能类 > UI > 教你十分钟学会制作UI界面

教你十分钟学会制作UI界面

更新时间:2020-05-21 15:13:30 来源: 阅读量:

【摘要】 UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。下面是教你十分钟学会制作UI界面,小编建议有准备参加考试的备考生一定要合理规划时间,仔细阅读相关规定,提前做好考前准备。下面让我们看看教你十分钟学会制作UI界面的具体内容:

教你十分钟学会制作UI界面

1.准备素材

一张背景图和四张人物图像图片、线性图标、准备字体、界面色值。

2.字体

在UI设计中,避免使用有衬线,iOS中英文使用Helvetica,中文使用冬青等一些无线衬字体,尽量使用一些与iOS自有字体相似的字体做设计。

3.选色

基本选择两个颜色,主色、辅色。而高光、阴影基于主色,高光向左上角去选择合适的色值,阴影像右下角选择暗一些的色值。主色选择时很重要的,每一个主体都有一个合适的颜色。

4.画界面

准备好要用的色值、字体、图片素材后,我们就来开始做页面。界面画布尺寸设定:750*1334px,状态栏高度设定:40px,导航栏高度设定:88px,导航栏两侧按钮大小设为36*36px。相对于新手来说是难点,归类起来为两类:一个是蒙板,一个是图层样式的渐变。

画一个320*320px的正圆,关闭3.1的填充,打开描边,设置描边为6px,选择3.2的渐变描边,设置角度为90度,根据自己的需要在3.5中设置色块,就得到2.5的效果。

5.图片处理

将素材拖入后转化为智能对象,调整色彩饱和度和明度以及图层样式,叠加的颜色用的是基于主色又相对较暗的颜色。

6.视觉包装

做完界面后,还有最重要的一步:视觉包装。给自己做的页面做个简单的包装,美化一下自己的界面吧!

以上就是教你十分钟学会制作UI界面的内容,对UI设计感兴趣的小伙伴们可以关注考必过,获取更多UI设计前沿资讯和最新技术。最新消息小编会第一时间发布,助力大家考试,加油!

分享到: 编辑:caocao

UI关键词