最新消息:

ui界面图标设计(UI设计主要设计什么)

媒体模版 admin 浏览 评论

1.线性图标

线性图标,顾名思义,即图标是由直线、曲线、点在内等元素组合而成的图标样式。线性图标具有辨识度高,清晰唯美,简约易看等优点,线性图标不会对页面造成太多的视觉干扰。缺点是:线性图标的创作空间较少,太复杂的线性图标看起来会让人感觉到累。

2.面性图标

面性图标,即使用对图形内容进行色彩填充的图标样式。面性图标是现实生活中物体的缩影,优点非常多,比如表意能力强,细节丰富,色彩丰富,情绪感强,视觉突出,创作空间大等。面性图标可以让用户迅速定位图标位置,快速预知点击后的状态。但是面性图标在页面中不可过多出现,否则会造成页面臃肿,难分主次,用户视觉疲劳。

3.混合型图标

在设计图标类型的时候,不一定局限于单纯的线性与面性,也可以两者结合,让图标即有线性描边的轮廓,还有色彩填充的区域,混合型图标可以让页面变得更加有活力,同时还可以吸引用户的注意力,美观与创意性强。但是混合型图标在商业产品中要谨慎使用,因为使用不当会让页面变得杂乱不堪,用户无法识别图标表达的语义。

一.图标功能

图标是Web和App设计中的点睛之笔,既能辅助文字信息的传达,也能作为信息载体被高效地识别,并且图标也有一定的装饰作用,可以提高界面设计的美观度。

二.图标类型

关于图标的类型目前并没有很权威的分类,我根据图标的用途将其分为两大类:「功能型图标」和「展示型图标」。

1.功能型图标

一般来说,凡是UI界面中,用户可以点击的图标均可看成是功能型图标,该类图标往往代表某一功能或某一链接的跳转。这类图标的典型应用场景就是iOS系统中的底部标签栏,以及MaterialDesign中侧滑菜单选项的左侧。某些列表或卡片内的图标也属于功能型图标,但这类图标往往代表一个功能,而底部标签栏图标往往代表一个页面或板块。2.展示型图标

相比功能型图标,展示型图标更加具有「设计感」,是独特的、有内涵的以及具备辨识度的。一般来说,展示型图标主要是应用程序的启动图标。该类图标代表了一款产品的属性、气质以及品牌形象等。

三.图标风格

图标的设计风格有很多种,例如:线性图标、面性图标、线面结合图标、扁平图标、轻拟物图标、拟物图标、手绘型图标等,我对其中常见的几种作下简要的介绍。

1.线性图标

线性图标是由直线、曲线、点等元素组合而成的图标样式。该类图标轻巧简练,具有一定的想象空间,且不会对界面产生太大的视觉干扰。

2.面性图标

面性图标可以简单理解为对线性图标的填充,但面性比线性更加稳重和扎实,对色彩的传达也清晰明显。

3.线面结合图标

线面结合图标典型代表是「MBE风格」图标,其设计特点是采用了粗描边线和偏移的填充面相结合,灵动而鲜明。粗线条起到对画面的绝对分割,突显内容、表现清晰。

UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。UI设计分为实体 UI和虚拟UI,互联网说的 UI设计是虚拟 UI, UI即User Interface(用户界面)的简称。

UI设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量 UI设计的合理性。

UI设计目前的前景还是很不错的,很多企业都缺少 UI设计师。而且可以看到的是,现在社会的发展,更多的智能机和智能机器人研发出现,这些都离不开UI设计师。所以说 UI设计的是很有前途的,是不会失业的。而且 UI设计门槛不高,要入门也不难的。

从工作内容来说,UI设计在当前的互联网领域、科技领域可以说无处不在,

好的 UI设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI设计对于互联网产品是非常重要的。目前 UT设计通常分为两个大的工作方向,一个是交互设计,另一个是视觉设计。

总的来说,UI设计相比较于编程而言,还是非常适合大众学的并且就业前景很广阔。学完 UI设计,能获得一份稳定而又不失乐趣的工作,同时有利于追求更高品质的生活,在艺术领域可以获得更多的启迪。

转载请注明:片头模版 » ui界面图标设计(UI设计主要设计什么)

发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)

网友最新评论 ()