UI设计教程,新手如何快速出一套界面图标

图标是决定一个APP风格的重要构成元素,要设计一款讲究的APP,成为一个讲究的设计师。掌握如何设计一套统一风格的icon是基本要求。下面环球青藤小编就带大家来看看新手如何快速学习界面设计,希望对你有所帮助。

一. 面形图标


面形图标的视觉占比大,有比较强的视觉表达力,通常用在应用中的主要入口。最新的苹果iOS 11底部标签栏就使用了面形图标。那么面型图标的风格要如何统一呢?



1.正形


面形图标的正形使用,要统一风格,要注意的是:


a. 面的面积


b.负形的面积


c. 线条的统一


d. 形的统一,可以从形的形状,圆角进行统一


2.反白


面形图标的反白使用,反白使用时,除了正形图标的3个注意点,还需注意图标和背板的尺寸比例,比例并没有严格的规定,但是建议用0.618黄金比例。


注意点如下:


a. 面的面积


b. 负形的面积


c. 线条的统一


d. 形的构成统一。比如:圆角统一


e. 背板和图标的比例


二.线形图标


线形图标比较轻量化,减少视觉干扰,让用户集中在产品核心功能上。在iOS11以前,iOS原生应用的导航栏,标签栏,工具栏全部采用了2px线框的图标设计。


线形图标的使用也有两种:正形和反白。不建议线形图标的反白使用,因为从设计逻辑上讲,背板结合线形图标是互相矛盾的。


正形


线形图标,要统一风格,有以下几点:


a. 线的形状


b. 闭合区域的大小


c. 线的粗细


d. 线的断点


三.扁平描线图标


扁平描线图标其实是面形和线形的结合,一开始这种设计形式,主要用来做复杂度比较高的插画,后来逐渐在标签栏,首页功能入口这些位置开始应用。这类图标相对于纯面形,纯线形来说,风格明显,个性化程度更强。有一款APP叫“想去”,它的分类图标就用了扁平描线图标,有兴趣的同学可以去看下。扁平描线图标,统一风格,除了要注意线形图标设计以外,要注意填色区域的大小。


以上就是小编关于界面图标的相关内容分享,今天的分享就先到这里,如果你想从零基础学习了解更多UI设计内容,请关注本平台,你想要的我们都有哦!

温馨提示:答案为网友推荐,仅供参考
第1个回答  2021-11-17
学设计不如学【视频剪辑】。理由很简单,容易学(不像其它行业学习成本高,难度大),适合短期3-4个月短期学习,而且行业缺口非常大,无论是找工作还是自己在家里接私单,月收入轻松过万,两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址:
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-1825894106044100388

因为现在【短视频】的崛起,任何企业,任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌,发抖音,发朋友圈,发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容,所以剪辑师根本招不够,,供需失衡就造成了剪辑师高薪水。

而且剪辑这个技术并不需要高超的电脑技术,也不需要美术音乐造诣,基本都是固定套路,要什么风格的片要什么节奏,经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽,会点击图标,会保存除非自己不想学,没有学不会的。但是要学好学精,就一定要找专业负责的培训机构了,推荐这个领域的老大——【王氏教育】

在“短视频剪辑/短视频运营/视频特效”处理这块,【王氏教育】是国内的老大,每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-1825894106044100388


大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn/Scripts/download.html
相似回答