你可能有这样的疑问，，为啥做一个界面出来总是感觉那里怪怪的？？又想不明白为啥怪怪的??

前言

在写这篇文章前，看了很多相关界面优化的文章，结合平时的练习，做了以下的案例分析。第一次写此类文章，不恰当处多多指出。

首先我们欣赏一些优秀的案例，并分析案例中的可取点：

图片原作者来自UI中国网：WenS

界面给人的感知感受直接影响到用户对这个产品的印象。

界面整体视觉协调，即所谓的视觉平衡。影响视觉平衡的因素有很多——比如‘字体大小’、‘交互状态’、‘信息层级重比’、‘状态颜色’、‘控件按钮表现形式’、‘图标大小、颜色、粗体’等，

下面的界面很显然是一个关于“红酒的APP界面”,由‘红酒’我们能联想到一些关键词：‘生活’、‘聚会’、‘精致’、‘品质’、‘浪漫’、‘惊喜’等一些实际生活场景及给人带来的感受的关键词，围绕这些关键词展开下一步的界面元素定位。

这个界面最初是在花瓣里面看到的，设计师很用心，编排了很多页面在一张图片上，界面给人感觉很舒适，页面相关的信息点通过设计排版直接了当的解决用户需求点。

点、线、面是构成平面空间的基本元素。一个界面就是一个平面空间，界面中的信息元素我们分别看成是由点、线、面组成的。一个字符是一个点，一串字符句子是一条线，大片的字符段落是一个面；当然，点线面的表现形式多种多样，我们要善于区分，合理搭配他们之间的比重，这样界面才能达到平衡。

我们再来分析一个案例

下面这个界面是在一个微信群里看到的，当时设计师发到群里让大伙看看有什么问题，看到这个界面的第一眼就觉得‘线’的比重太多，多得看不到面的存在，以至于给人感觉界面不够精致，存在很大细节上的问题。通过里面的文字信息大概知道是一个什么功能的APP了——（手机触控家用电器），有点遥控器的感觉。

我们先指出这个设计师界面的问题：

是不是看了头都大了呀，为啥做个界面考虑的东西这么多，不就是文字加图片么……为啥感觉自己做的东西怪怪的又找不到原因。。

要是你真有这种感觉~~恭喜你遇到瓶颈了。。所谓‘一念成佛，一念成魔’~~~~就看你如何抉择呗

既然是“手机触控家用电器的APP”，我首先想到的是家用环境这些，由此心中有了一个大概的界面构思，最终效果图如下图所示：

规避了上诉问题，主色选用蓝色，为什么选用这个颜色大家应该都清楚吧，，要是实在不明白去百度一下吧，，这里就不一一说明了。

第一次写，有点小紧张，，要是能收到一个赞~真是太开心了~

希望这篇文章对你有所帮助。