如何在保证根本的可用性和易用性的同时，让界面变得柔软友好？如何在让用户开心的同时，用设计取悦自己？四海威客网的方法谈不上神奇，但却让人眼前一亮，值得借鉴。
如果你真的关注潮流变化，你会明显感觉到视觉功能和设计技巧总是在变化的……它们一直是设计师的话题中心。不过，本文不打算对此事发表评论。变异是否盛行，新拟物化的可及性是否不足，都不在今天的评论尺度之内。
对于各种风格和方法，四海方城威客网的理念一直是:做出来的设计要好用、有用、突出、可及，用户容易理解。然而，我更喜欢从趋势中获得乐趣，而不是将它们视为约束。如果每个界面看起来都一样，那会是多么无聊的工作。
关键是要让产品的视觉风格和你的用户群相匹配。
我个人非常喜欢漂亮的突变和奇妙的阴影，这样的设计往往有特别的魅力。这种自然的过渡和光影的变化符合我们对实际世界的感知，这也是为什么这样的设计可以俘获很多没有技巧的用户的心——因为它们看起来很友好，容易理解。
Witkey.com海斯将分享如何将UI功能设计得丰富多彩、友好，使视觉功能柔和舒适。本文关注的是一个“面向年轻人的金融APP”的虚拟设计项目。
我们开始吧！
1、视觉层次的一致性
如何让我们的设计看起来柔和圆润？让我们开始准备吧:
1)选择您想要使用的配色方案。
2)选择合理的字体。接下来，为字体设计不同的大小和粗细。同时，标题字体要大一些，正文字体要小一些，细节用最小的字体。注意不要在长句中全部使用大写字母。
3)确认你需要的阴影的仰角和模糊度。
4)如果使用图标，确认填充样式还是笔画样式。尽量不要混淆。
至此，一个小型设计系统已经确定。
2.为UI元素营造柔和梦幻的氛围
界面设计的时候要注意，棱角分明会让界面看起来很严峻，很专业，而圆角则会充满亲和力。
自然阴影也使设计看起来令人满意，精致，所以当我们在元素中加入阴影时，会加强视觉层次。不同的阴影效果给人不同的“仰角”感。
阴影较暗的元素看起来更靠近集合，而阴影较亮且扩散比例较大的元素看起来海拔较高，离底部集合较远。这就是为什么产生较暗阴影的元素很少，因为元素太多会显得不自然。
选择元素并赋予其一定的模糊功能，是一个不断试错的过程。不过不用怕，这是一个调整参数的小游戏。下面是我设计界面时的一些参数设置。
如果你想让阴影看起来更普通，试着让阴影和远处的元素使用相同的色调，然后降低不透明度。理想情况下，该组也应该有类似的音调。
3.让突变看起来更平滑，更细腻。
为了让突变看起来更舒服，我们可以从同一个配色中选择对比强烈的颜色，甚至是同一个色系的颜色。稍微调整一下它的亮度就行了。
然后重新拉伸突变，使颜色过渡更加平滑。虽然这种突变很难被清楚地看到，但元素看起来会有明显的凹凸。
对于白色元素，可以选择与布景相似的颜色来创建阴影，只要确保特定的照度不会混合即可。
4.选择与设置相匹配的正确字体。
在字体配色上，黑色和灰色是最经典的选择。但是，如果你想让字体和整个设计在视觉上坚持同样的和谐，就需要在其中注入一些其他的颜色，使其与整体更加融合。比如这里用的绿色布景，你可以在里面加入一点绿色调，这样就和谐多了。
5.添加细节，使项目更具吸引力。
一些细节可能是不必要的。不过我个人很喜欢那些引人入胜的小细节。通过这些“额外”的设计细节，让人感受到不一样的快乐。
假设你的页眉是一个枯燥单调的形状，你不妨把它做得柔和一点，加上一个小三角形，然后它就变成了一个对话框气泡，界面和用户的对话感就产生了。
如果景色是单调的白色，它可以参加一些更有趣的阴影，它可以精确的图标，或其他东西。你可以简单的复制粘贴同一个元素，调整大小和视点，只要不影响视觉的可读性。
感觉简单的数据展示很枯燥？然后可以加一些小图标来区分，解释，展示。
让你的界面看起来尽可能有趣和有思想。如果你不知道该怎么做，你可以用现实生活中的物体或设计作为灵感。
最后，调整用户头像的细节
一般来说，这一步完全没有必要…但我每次都在这份工作上花很多时间做调整。可能是强迫症。
我会为我的原型选择一个满意漂亮的用户头像，但是她的妆容可能和整个UI界面的配色不匹配，这对于我这样的完美主义者来说……是无法接受的。
所以我总是花一点额外的时间来微调妆容，来满足我的强迫症。比如这种情况，我会从界面上取色，把头像中原来的棕色瞳孔微调成绿色的“化妆隐形眼镜”，在头像上新建一层，用PS的混合模式给瞳孔上色。
总之，UI界面设计的核心仍然是合规一致性、可用性和突出的可访问性。但是在遵循这些规则的前提下，你要尽可能的发挥你的想象力，创造出让你和用户都开心的用户体验，充分发挥你的创意。这样的UI界面会让人爱不释手！
