ui设计图标设计的基本知识(图标在ui设计中的作用)
本文主要介绍ui设计基础知识图标设计(图标在ui设计中的),下面跟着东辰网详细了解一下吧。
什么是图标?
按功能分类的图标分为:1启动图标,2应用图标,
1开始上课图标
比如代表并启动这个应用的、等图标(如下图所)。
2.应用程序类别图标
比如返回、删除、保存等图标。表示当前的功能或操作。(如下图所)
按设计形式分为平面图标和准物化图标。
1个平面图标,
扁平化设计特点:简洁,清新,设计感强,没有更多的细节和特效装饰。直接清晰地表达图标的本意。缺点是辨识度差。
2准物化图标
特色,精致,细腻,辨识度强,更接近实物。
1可识别性原则
可识别性原则是清晰地表达相应的功能和操作。受欢迎的将是用户一看就知道它是干什么的。例如,如果你拨图标,你不不需要看文字,你只需要看图标就知道它是用来打的。
2差异原则
就是每个图标之间应该有一些区别,比较容易分辨和区分。
如下图所示,如果每个图标彼此非常相似,就很难区分了。
3统一性原则
统一性原则表现在造型、风格等风格层面。如下图,图标都有线条,图标圆滑。
4大小、尺寸和格式。
256x256256256128x12864x6432x3216x16
巴布亚新几内亚、jpg、svg
1必须明确设计要求。
也就是从头到尾,一定要牢记在心,清晰的陈述设计的图标所代表的功能需求。
例如,当设计一个图标时,你可以不要偏离打的需要。这样设计出来的图标会很实用,很好用,很好用。
2清晰的设计风格
也就是必须确定一个设计风格,无论是物化、扁平化还是卡通图标。设定好样式后,要严格按照设定的样式设计其他图标。保持团结。
3草图设计
确定设计风格后,开始草图设计,用草图画出你要设计的图标形状。素描是很重要的一步,可以用手绘或者一些软件来完成。个人建议手绘,如下图。
4.低安全性设计
根据草图,用你熟悉的设计软件设计出整个图标的形状,以及所有的元素。如下图所示设计梅花图标的所有元素。
高保真设计(视觉草)
在低保真的基础上添加颜色、高光、阴影等细节,最终完成如右上图梅花图标所示的视觉稿。
6输出图标的格式
一般是png,jpg等。
这是什么?图标?
按功能分类的图标分为:1启动图标,2应用图标,
1开始上课图标
比如代表并启动这个应用的、等图标(如下图所)。
2.应用程序类别图标
比如返回、删除、保存等图标。表示当前的功能或操作。(如下图所)
按设计形式分为平面图标和准物化图标。
1个平面图标,
扁平化设计特点:简洁,清新,设计感强,没有更多的细节和特效装饰。直接清晰地表达图标的本意。缺点是辨识度差。
2准物化图标
特色,精致,细腻,辨识度强,更接近实物。
1可识别性原则
可识别性原则是清晰地表达相应的功能和操作。受欢迎的将是用户一看就知道它是干什么的。例如,如果你拨图标,你不不需要看文字,你只需要看图标就知道它是用来打的。
2差异原则
就是每个图标之间应该有一些区别,比较容易分辨和区分。
如下图所示,如果每个图标彼此非常相似,就很难区分了。
3统一性原则
统一性原则表现在造型、风格等风格层面。如下图,图标都有线条,图标圆滑。
4大小、尺寸和格式。
256x256256256128x12864x6432x3216x16
巴布亚新几内亚、jpg、svg
1必须明确设计要求。
也就是从头到尾,一定要牢记在心,清晰的陈述设计的图标所代表的功能需求。
例如,当设计一个图标时,你可以不要偏离打的需要。这样设计出来的图标会很实用,很好用,很好用。
2清晰的设计风格
也就是必须确定一个设计风格,无论是物化、扁平化还是卡通图标。设定好样式后,要严格按照设定的样式设计其他图标。保持团结。
3草图设计
确定设计风格后,开始草图设计,用草图画出你要设计的图标形状。素描是很重要的一步,可以用手绘或者一些软件来完成。个人建议手绘,如下图。
4.低安全性设计
根据草图,用你熟悉的设计软件设计出整个图标的形状,以及所有的元素。如下图所示设计梅花图标的所有元素。
高保真设计(视觉草)
在低保真的基础上添加颜色、高光、阴影等细节,最终完成如右上图梅花图标所示的视觉稿。
6输出图标的格式
一般是png,jpg等。
了解更多ui设计基础知识图标设计(图标在ui设计中的作)相关内容请关注东辰网。
本文由东辰网发布,不代表九游娱乐立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/16781.html