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

　　好看的移动应用UI设计能够帮助这个移动应用留住我们的客户，不好看的移动应用UI用户看了多糟心呀。所以下面网我要告诉您移动应用UI设计不得不知的几件重要事情。

　　移动应用UI设计要点一、

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

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

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

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

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

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

　　移动应用UI设计要点二、

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

　　当然，图形化的表达方式所具有的优点同样不可忽视，所以我们不妨在空间允许的情况下将图标与文字结合起来，同时利用两者的优点。

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

　　再比如网页版Twitter的导航：

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

　　移动应用UI设计要点三、

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