虎课网为您提供字体设计版块下的缺省页设计-UI/UX设计系列课图文教程,难度等级为新手入门,下面开始学习这节课的内容吧!
本节课讲解UI/UX设计系列课程-从零基础到就业实战,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程目标:缺省页,核心知识点:①、什么是缺省页,②、都有哪些风格,③、如何设定规范和尺寸。
那我们开始今天的教程吧。
1.本次课程主要讲解【2.25 缺省页设计】,通常在三种状态下出现:①、跳转以后页面没有内容,②、网络异常没有反应,③、无状态并给予指引。
2.在【UI产品设计】中,【缺省页】会以多种形式出现,甚至在一个场景中出现样式,【微立体】风格的【缺省页】,难度【6】-美感【7】。
3.风格类目【2.5D】当前界面-难度【8】-美感【6】,也叫【轴测图】,风格类目【偏平面化】当前界面-难度【3】-美感【5】。
4.风格类目【偏几何形体】当前界面-难度【7】-美感【8】,光影角度要统一【125°】,制作的时候切换为默认状态【90°】,光影具有【黑白灰】三部分。
5.风格类目【偏插画】当前界面-难度【7】-美感【6】,图形趋向于【不规则】具有【纹理】效果,难度点来自于【插画】需要手绘功底。
6.几何形态的图形特征:规整、平衡、对称,风格类目【偏扁平人物插画】当前界面-难度【8】-美感【7】,人物插画组件出现在【ToB】的项目居多。
7.风格类目【偏艺术性人物插画】当前界面-难度【8】-美感【8】,小场景具有【情绪代入】,风格类目【偏几何形态】当前界面-难度【9】-美感【8】,细节内容更丰富。
8.风格类目【MBE风格】当前界面-难度【4】-美感【3】,断线风格当下不太流行了,图形角度固定都是【45°】。
9.风格类目【IP形象】当前界面-难度【3】-美感【5】,需要有【IP形象】,风格类目【IP形象】当前界面-难度【10】-美感【9】,品牌形象做升级设计。
10.风格类目【人物插画】当前界面-难度【10】-美感【10】,具备场景、情绪、内容丰富,需要很强的【绘画功底】。
11.缺省页的【规格制定】:场景插画+内容描述+情感指引+指引按钮,通常会给【正方形尺寸】空间,后续课程会使用软件【Adobe Illustrator】进行学习。
12.软件【PS】绘制的【位图】,【AI】绘制的【矢量】文件,【PS】会包含【灰】不是纯色,尺寸过大边缘是虚的。
13.【Figma】软件虽然也很强大,但是绘制【矢量图】还是建议使用【AI软件】,更方便快捷。
14.使用【AI】的时候,需要配合键盘上的【箭头】键,绘制好的图形【Ctrl+C】切换到【Figma】界面-按【Ctrl+V】即可粘贴,并且矢量共通。
15.本节课程内容就到此结束,课下多练习复习巩固课程内容,有问题的同学可以视频下方评论区留言。
以上就是缺省页设计-UI/UX设计系列课图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!