c7018.com快速飞艇有什么规律吗图标设计本期聊聊

2019-04-26 09:15| 发布者: | 查看: |



相关推荐:



  本期聊聊一个 APP 内的小图标使用规则,在一个产品里面需要多少种图标才满足功能,才不会让界面看起来乱,如何把控系统图标样式,那么今天就来聊聊

  这里我把图标分为:基本的功能图标(比如Tab bar/顶部导航/设置界面一些图标),栏目图标(点击入口进入一个独立的栏目页面,一般在页面内),品牌图标(点击进去就是一个独立品牌)下面开始

  小图标系统没有一个明确的指导规范,导致各家根据自己视觉语言去定义图标使用规则,质量参差不齐,小的产品就参考大厂所做的产品图标,其实不明白他们为何这样做,没有一个清晰的逻辑,最后导致系统图标设计不严谨

  国外相对国内来说 ,比较少出现这种情况,原因是国外大多产品业务单一,不像国内,特色社会主义下的产物,业务丰富,产品复杂,最具代表性就是(淘宝,天猫,京东,手机QQ)

  Facebook系统图标大体上使用了面型和线性图标,在设置界面使用了带底板的图标(是为了区分不同业务),设置界面带底板上面的面型图标和顶部导航未带底板图标风格样式一致,且大家注意观察没有,Facebook 在图标上使用整体视觉语言是通过圆角大小来保证面型和线性的一致性

  总结分析:Facebook整体关键页面使用图标风格就面型和线性两种。这样保证视觉风格不花哨,也能达到满足产品需求,在主页面,直播、照片、签到其实属于三个功能图标,按道理需使用线性图标,但这里Facebook   需要强调这个功能,所以使用了面型图标

  Airbnb的整个系统图标视觉语言都是以线性为主,图标视觉线索和产品图标风格一致,都是线性,从品牌传达上得以继承启动图标的视觉语言,airbnb之所以图标全部是线性是因为所有图标都指向意思都明确,都是功能描述性图标

  总结分析:Airbnb其实是业务相对来说算是单一的一个产品,所以整体设计轻量化,图标继承LOGO 的视觉基因(线性)

  天猫APP在国内来说,业务算是比较复杂的一个产品之一,业务越复杂的产品,图标其实就不好控制,天猫这里使用了三种类型图标,在首页顶部几个独立的品牌的图标样式风格和其他有所区别,扁平插画风格,其余顶部和底部导航都采用线性图标,在我的页面,其实(代付款,待发货,待收货等)这几个图标按道理需要使用线性的,这几个功能算是比较常用的重要功能,所以这里使用了面型图标,图标颜色颜色圆角都和线性的焦点色功能上的一致

  KEEP 算是我经常用的一个健身产品,这里我要吐槽下他们的系统图标使用没有逻辑

  首先同为导航图标,为何两个地方图标样式风格不一致?有什么理由不一致?(蓝色框)

  红色框部分,两个图标使用带底板面风格图标,在这里keep通过颜色来区分了两种图标的表意,在我的页这个属于功能型图标,颜色和底部tab一致,在发现页的图标属于栏目图标,运用了蓝色来做区分,有点类似天猫APP我的页

  Spotify 系统图标,大家看了心里应该很清晰了,标杆性的产品,图标整体Style一致,在心情流派哪里用大的面图标来区分各种曲风。整体使用图标就2种

  上面列举了几个产品来说明下,大家心里应该有明白如何去定义产品的图标使用规则了,我们要明白为什么要把图标功能清晰的区分,其实目的为了后期管理,做规范,使其更加系统化,一致性更强,减少产品复杂程度

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长

<
>
快速飞艇网成立于2014年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

江苏省南京市玄武区玄武湖

13588889999(服务时间:9:00-18:00)

admin@adminbuy.cn

在线咨询 官方微信官方微信

部门热线

前   台:13588889999
业务部:13588889999
客服部:13588889999
技术部:13566667777
人事部:13566667777

网站建设 微信开发 售后服务 咨询电话13588889999 返回顶部
返回顶部