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

发布网友 发布时间:2022-04-24 09:05

我来回答

1个回答

热心网友 时间:2022-06-18 09:12

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界面的相关分享,希望对大家有所帮助,想要了解更多内容,欢迎及时关注本平台!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com