虎课网为您提供字体设计版块下的即时设计-视频设计APP（上）-UI零基础快速上手教程10图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！

本节课讲解UI系列课程——【即时设计】零基础到精通，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

那我们开始今天的教程吧。

1.本次课程主要讲解实操案例-【视频设计APP】（上），包含【设计】-【需求】设计一个首页。

2.做项目的时候，建议对【页面】进行分类，首先创建【稿件】，命名为：视频社交APP。

3.点击【画板】-创建【375×812】，双击画板上方文字，重命名【首页】，选中画板左上角的【标尺】从【0,0】出发。

4.鼠标放置【标尺上方】，箭头变为【双箭头】时按住鼠标左键往画板方向拖拽，可创建【参考线】，选中参考线往【标尺】方向拖拽代表删除【参考线】。

5.手机屏幕上下会有保护区域尺寸高度分别是【44/34】，创建两个高度是【44和34】的矩形，放置在上下端，创建的参考线吸附矩形，删除矩形。

6.选中【资源库】-点击【图标】-引用库位置点击【+】号键-去广场引用更多资源，在库里找到【560+Zwicon通用线性图库】。

7.点击【560+Zwicon通用线性图库】，搜索【hamburger】图标，拖拽到画板中大小【27*27】，输入文本：【动态】-【思源黑体】-【纯黑】-【粗体】-【17】。

8.【图库】里搜索【bell】图标，拖拽到画布中，【XY轴】参数【330，57】，尺寸【W29、H29】。

9.创建【圆】尺寸【W57、H57】，水平复制【Ctrl+D】多个圆，修改圆的颜色。

10.【图库】里搜索【camera】图标，拖拽到画布中，图标颜色【白色】，输入文本：【发布】-【思源黑体】-【纯黑】-【中等】-【10】-【居中】。

11.创建【矩形】-高度【H212】，输入文本作为【标题】，参数：【H22】-【思源黑体】-【纯黑】-【粗体】-【15】。

12.选择文本复制【Ctrl+D】做【副标题】，参数：【H12】-【思源黑体】-色值【89919C】-【中等】-【8】。

13.【图库】里搜索【heart】图标，拖拽到画布中，【heart】图标色值【89919C】和副标题一样，复制【副标题】文本-输入文本【200】。

14.【图库】里搜索【comment】图标，拖拽到画布中，【comment】图标色值【89919C】，输入文本【16】，创建【圆】尺寸【W19、H19】复制一份。

15.本节课程内容就到此结束，课下多练习复习巩固课程内容，有问题的同学可以视频下方评论区留言。

以上就是即时设计-视频设计APP（上）-UI零基础快速上手教程10图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！