好看的移动应用UI设计能够帮助这个移动应用留住我们的客户,不好看的移动应用UI用户看了多糟心呀。所以下面一品威客网小编要告诉您移动应用UI设计不得不知的几件重要事情。(专业事找专业人做,找相关服务请加小编qq:1482553732,专业、优质、低价 ,先服务后付款,不满意不用钱)
移动应用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设计、整站网页设计、网站模板设计、网站标志设计、网站广告设计、网站动画设计、网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。(如需要找相关服务,请加我的qq:1482553732,专业优质,先服务后付款,不满意不用钱)
更多与“移动应用UI设计不得不知的几件重要事情”相关内容推荐:
一分钟看懂名片设计流程 | 全套VI设计流程图 | 一张图看懂宣传册设计流程 |
一张图看懂商标设计流程 | 一张图看懂包装设计流程 | 最新广告设计流程图 |
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 110.67万元
无 |浙江省 |温州市 |瓯海区
交易额: 97.63万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥1200 已有169人投标
¥1600 已有120人投标
¥2800 已有16人投标
¥3000 已有0人投标
¥50000 已有0人投标
¥1600 已有0人投标
¥1000 已有0人投标
¥1000 已有7人投标