UI学习过程中图标可用性分析
作者:暂无发布时间:暂无

1.课程【回顾】内容如下图,图标设计要有【前中后】完整的思维,【后】指的就是图标的可用性测试。


2.【好的设计】:以支付宝为例,一方面从【好看】角度分析,图标具有高度【统一性】,第一排图标转角的弧度、圆角的半径、线条粗细都一样,每个图标都能简洁抽象的代表其【功能含义】,下面的子图标都有一些三像素以及两像素线条的对比,整个界面给人一种舒服简洁的视觉感受。


3.另一方面从【实用】角度分析,由于支付宝【用户基数】非常庞大,年龄层次差距也很大,这种比较【简约】的图标设计风格符合大部分人对于设计美学的理解,所以好的界面设计不仅【好看】而且还要【好用】。


4.从下图的五个【维度】来解读图标科学度的评判标准。


5.【凸显性】:图标以图形和色彩结合,其【作用】就是凸显性,以【业务和功能】为出发点,结合【用户】需求,做的一个比较好的凸显性,以美团为例,用户使用频次较高和商家主推业务会往前排,另外,比较靠前的图标,比较显眼,具有【引导】用户去使用的功能。


6.做好凸显性的【好处】就是帮助用户做出一些选择。


7.【预见性】:图标的预见性即图标长得像不像,由于图标具有【传达信息】的功能,通过【图形】来展示其内容,所以一组图标只有在图标图形的文字预见性不错的情况下,才能称为优秀的图标。


8.【深度层次】的预见性:好的设计就是所见即所得。


9.相辅相成的【品牌感】:以拼多多、京东为例,它们都属于电商APP,其的品牌感不同,界面设计的图标也不同,所以图标设计风格要与产品品牌感一致。


10.下一界面的【预见性】:以美团的外卖为例,美团外卖界面的【色调】与外卖图标的色调一致。


11.做好【预见性】的方法:双图库思维。


12.【色彩情绪】:每种颜色都代表一种人对它情感,好的设计能唤起用户正确的情绪。


13.色彩情绪在【Banner】中的应用:Banner设计都致力于营造一个氛围感比较强的画面,通常通过比较强的点缀或色彩搭配来达到这个目的。


14.【色彩连接】:在图标配色中,当产品的色彩情绪类似时,通过颜色联系业务、合理使用邻近色来解决,所以好的设计配色符合【业务属性】。


15.【任务测试】:为避免产品上线后出现Bug带来的损失,通常在设计完成后,要进行一些必要的测试工作。



特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证