QQ登录

只需一步,快速开始

手机号码,快捷登录

手机号码,快捷登录

微信扫一扫 分享朋友圈

已有 2413 人浏览分享

开启左侧

UI图标设计我们需要去遵循什么原则?

[复制链接]
2413 0
      应用图标是一个用户对你的应用的第一印象,用户可以透过应用图标就能在心中做出评判,这个应用是否精美和友好。很大程度上来说,一个好的产品应该具有一个好的应用图标,而一个好的应用图标应该清晰地传递出产品的内涵,能让用户体验由外到内都和平统一。今天合肥学码思小编就来说说平时设计的这些UI图标,我们需要去遵循什么原则呢?

  1、可识别性原则
  
  可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的讲就是用户一眼看过去就知道它是做什么的。比如拨打电话图标,用户不需要看文字只需要看图标就知道是拨打电话用的!这样才能使用户的体验达到满意!否则的话就等于是废的设计!
  
  就拿系统图标来说:系统图标也是现阶段在我们手机屏幕上出现最多的图标,在app界面中是不可或缺的一部分!那什么是系统图标呢?比如像返回,删除,保存等代表当前功能,或操作的一类图标我们称之为系统图标,这种图标的要点在于简洁,易认,也就是辨识度高就行了
  
  2、差异性原则
  
  这个差异性讲的就是图标与图标之间的差异,如果说每个图标彼此之间很相似,就会很难分辨这样就很可能导致用户群体的误操作!切不可模棱两可。所以这点也是至关重要的!独特的设计是指系统图标有1到3个独特的设计形式,这种特殊的设计形式构成图标的独特风格。在每一套图标中不需要有太多的设计特性存在,一般情况下保持在1-2个独特的设计形式就最好了。过多的设计特性会使得图标过于复杂繁琐。
  
  还有一点,在设计的过程中一定要区分被选择和未选择的状态,让用户知道我们的图标给予了他反馈。
  
  3、统一性原则
  
  这点在我们设计主题图标也好,系统图标也好,是必须要遵循的一点!统一性原则表现在形状,样式等风格层面有共同点,这样让人看起来就会赏心悦目,已经更能受到用户的喜爱!包含圆角,线面,线条粗细,设计形式等。线形图标和面性图标最好不要混合使用,尤其是同一类的图标。线条粗细要全套图标完全一致,例如设定图标粗细为3px那就要统一为3px。当然在实际设计中可能还有更多的设计元素需要统一,只要遵循这个统一的原则就一定能设计出一套有品质保证的图标。
  
  4.保证图标都是矢量图形
  
  系统图标的绘制最专业的方式是通过PS里的布尔运算的各种切割组合设计完成的。通过布尔运算设计出的图标是一个矢量图形,矢量的图标设计最大的优点就是可以非常便捷的调整大小尺寸。因为同一个图标可能会在不同的页面中使用,调整图标尺寸是非常高频的事情。另外通过布尔运算得出的矢量图形可以保证图标是有精准的几何图形构成的,这样能够最大程度保证图标的品质。
  
  5.避免模糊像素
  
  在UI设计最基础也是最忌讳的问题就是像素模糊的问题,这是因为随着设备的不断更新手机屏幕的显示精致度越来高,任何一个微小的瑕疵都会在手机屏幕上被用户明显感知。并且会因为这样的模糊问题直接降低整个UI界面的品质度。
  
最后来说说为什么我们要设计图标:提升用户对信息的感知速度;通过视觉的感知,提高用户的界面记忆;更加节省空间,避免了长文的使用;增强界面设计感,让界面更加协调。

上一篇:UI设计中,常见的图标分为哪些类型?
下一篇:有没有爬塔的脚本
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 公众号

    微信公众号

  • 微信

    站长微信

关于我们|手机版|玩慈利网 湘公网安备 43082102000138号 ( 湘ICP备12012604号-1 )

GMT+8, 2024-11-23 15:54 , Processed in 0.080538 second(s), 10 queries , Gzip On, Redis On.

Powered by Discuz! 在此致以诚挚谢意!

CopyRight © 2011-2024 wancili.com