亳州ui设计新手如何区分实心与空心图标

发布者: u-walker 发布时间: 2020-01-17 浏览 110
  亳州ui设计新手如何区分实心与空心图标?很多ui培训学校的新手设计师对于实心和空心图标的运用掌握的不是很好,下面,小编就和大家一起分享一下这两种图标有何区别。

https://www.u-walker.com/

  一、实心图标的引导性要强于空心图标

  图标除了让用户知道它是什么之外,还有什么作用呢?于是延伸出了一个新的理解,就是,实心图标比空心图标更具定位与引导的作用。用户对于图标的认识在于识别,不是记忆。看到它像什么,就判定是什么;而不是看到它想起来应该叫什么。所以识别图标除了知道它所表达的是什么意思之外,还要知道它在引导着什么。比如,标签栏图标就那么2-5个,用户在使用App的过程中,不需要强行记忆或特地去识别,只是点击的时候眼睛一扫而过,来判断自己要进入哪个功能页。这时候,它是给用户做定位引导用的。

  所以用户在这层理解上,不会真正去思考它为什么是「发现」,而是直接通过以往对于它的理解,通过识别位置来理解它里面有哪些功能。再通过变化来提示用户,比如从空心图标变到实心图标。所以在一些规范里,它也只是告诉说,空心和实心图标在标签栏中的区别就是,空心是未选中状态,而实心是选中状态。因为实心图标所示的色块,更符合选中且定位于某个功能页的一种说明提示。再用颜色把选中的图标凸显出来,让人在视觉上更聚焦,让用户知道自己目前选择的是它。视觉领域里有个说法是,色块比形状更容易抓人眼球。再是具有纹理的色块,比纯色块更吸引眼球。空心图标就是形状,实心图标就是色块。所以用户在看到图标的时候,不仅仅可以知道它所表达的意思,还能知道自己目前所处的位置。那么相比起来,色块当然会比形状更有优势。推荐阅读>>>ui设计师成长进阶的三个阶段

  二、空心图标的装饰性会更强

  或许有人会问,那空心图标就没用了么?不是的。空心图标相比实心图标更难识别,那么人就需要调动更多神经来对空心图标进行确认。所以它能丰富页面的视觉效果,也就是装饰感。亳州ui设计图标作为装饰类信息,不应该抢了内容的风头,它在这里只是增加了排版基调与内容分层的作用。而设计师应该在这里引导用户去看内容本身,而不是去看图标。装饰是给内容做装饰,而不是给自己做装饰,如果是给自己做装饰,那就没必要用线条来表现了。当然也有用实心图标来填充列表信息的,这也跟页面风格有关,比如你产品风格全是扁平块状内容的,突然有了一部分空心图标,也会显得很不搭。空心图标的引导性没有实心图标强,所以更多会被用来当做装饰品。而当空心图标与实心图标同时出现,并表达同一类信息时,它们就是一种信息的两种状态,比如选中与未选中。所以我们现在能看到很多产品依然在标签栏保留着空心图标。除了风格因素的影响外,它还能体现出被选中状态的功能图标,并让其它图标起到装饰性的作用。

  亳州ui设计新手如何区分实心与空心图标?大部分情况下,两者承载的信息和功能都是不同的,设计师们在选择的时候可以从多角度考虑一下。

本页网址:https://www.u-walker.com/bozhou/1920.html

上一篇: 六安ui设计师如何打造产品功能中的稀缺性

下一篇: 交互设计新手容易出现的设计误区

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部