文案49747节能

来自:南京宠物网  |  2020年11月20日

移动应用UI设计不得不知的几件重要事情

好看的移动应用UI设计能够帮助这个移动应用留住我们的客户,不好看的移动应用UI用户看了多糟心呀。所以下面一品威客要告诉您移动应用UI设计不得不知的几件重要事情。(专业事找专业人做,找相关服务请加:,专业、优质、低价 ,先服务后付款,不满意不用钱)

移动应用UI设计要点一、

界面的上下文环境也是我们在设计图标时必须考虑到的重要因素,很多看上去含义清晰的图标在某些界面环境下很可能产生歧义。打开页端的Gmail,你会看到这样的例子 – 看到那两个非常相似的图标没?它们出现在同一个界面中,却有着非常不同的含义:

这两个图标对于各自所代表的功能其实都算恰当,一个是返回,一个是回复,但这个界面环境却使它们产生了潜在的冲突;虽然特定的布局方式可以在一定程度上起到引导提示的作用,但问题仍然存在。

再举个正面的例子,Tweetbot当中的图标虽然对有些人来说表意不够清晰,但在“Twitter应用”这个大的环境下,多数目标用户 – Twitter的用户是可以理解的,因为这些图标的用法与Twitter是保持一致的,这还算OK:

iOS上的Tumblr也是类似,你不能说这些图标在所有情况下都是清晰明确的,但放在Tumblr这个app的环境当中,就可以比较准确的表达含义:

很多图标只有在音乐app这个特定的产品类型当中才能表达出准确的含义:

不过上图Mac版的Rdio当中,同一界面里两个地方使用了相同的扩音器图标,一个表示音量调节功能,一个表示当前播放的歌曲。

移动应用UI设计要点二、

所以,说到这里我还是要重复一下:除非确定图标形式可以在当前界面环境中100%准确的表达含义,否则不要去用它。如果作为设计师,你都会产生片刻的迟疑,那么就干掉它好了 – 使用最简单的文字来替代,这是最清晰的表达方式。

当然,图形化的表达方式所具有的优点同样不可忽视,所以我们不妨在空间允许的情况下将图标与文字结合起来,同时利用两者的优点。(我想到之前关于汉堡包图标的那些文章当中提到的测试结果了 – C7210)

iOS默认的tab栏,以及苹果的很多其他产品当中都在使用着这样的模式,例如Mac上的App Store导航栏。这些图标单独拿出来的话未必能准确的表达含义,但搭配文字之后就清晰多了:

再比如页版Twitter的导航:

另外一个尽人皆知的例子,就是Facebook在某轮改版中干掉了“经典”的汉堡包菜单,回归到最传统的iOS tab栏模式:

移动应用UI设计要点三、

希望本文能让大家了解到,作为最基本也是最广泛运用的设计元素,图标 – 在很多时候其实会对界面的清晰性易用性产生负面影响。作为设计师,务必留意我们所习惯的图标使用因此他们是唯一可以保证排名的人。方式,并尽可能的多测试。最后再絮叨一遍:不要使用那些难以清晰表意的图标;尝试使用更准确的文字标签,或将两者结合使用。

    一品威客汇聚了数百万专业的移动应用UI设计、软件UI设计、整站页设计、站模板设计、站标志设计、站广告设计、站动画设计、页美工设计等优秀威客人才,只要您在站发布任务需求,就能够吸引众多威客给您献上最好的创意服务共计报销医药费2592人次。(如需要找相关服务,请加我的:,专业优质,先服务后付款,不满意不用钱)

更多与“移动应用UI设计不得不知的几件重要事情”相关内容推荐:

一分钟看懂名片设计流程 |  全套VI设计流程图 | 一张图看懂宣传册设计流程 | 

一张图看懂商标设计流程 | 一张图看懂包装设计流程 | 最新广告设计流程图  | 

最新服装设计流程图 |  最新logo设计流程图   

丽江治白癜风专业医院
空调维修服务电话
汕头白癜风治疗较好医院
友情链接