每日一个作品赏析

以下文字不重要，看图☝︎↑

Money transfer | A Better Way to Handle Your Money by Surja Sen Das Raj

作品分析

这是关于转账类支付类的界面设计。这个界面最吸引我的是它的布局。结构层次分明、干净利落，没有多余的信息干扰。

1.信息布局

采用卡片+投影的形式来拉开信息层级关系。总共分为三个层级。不重要的信息直接放在背景色上,重要的信息通过卡片+投影形式来凸显出来。越重要的信息卡片投影越轻、扩散范围越大。卡片里的元素也是一个卡片容纳一件事情，清晰明了。

2.色彩关系

主色调为黑色，辅助色就是灰色。没有很复杂的色彩。主要是文字上色彩的应用。突出信息用黑色,次要信息用灰色。用户关心的信息标红，是想突出“减少”。

3.控件造型

控件主要为卡片与列表。保持相同功能的卡片统一、圆角、投影参数一致。因为是工具型产品，没有复杂的控件造型。按钮主要是底色+图形的形式。

列表采用文字左对齐，数字右对齐的方式。用留白进行分割

4.质感机理

扁平化设计，采用投影来产生质感与拉开视觉层次。根据层级关系的不同，卡片的处理手法也不同。层级越高，离我们越近，投影越轻，越虚。

5.设计细节

在头像处理的这一块人物的卡片都是有背景的。但.是在“我的银行卡”这一块，头像都是描边无背景的，主要是为了凸显品牌，让用户更易识别各银行的标志。

设计思考

此界面的设计技巧可以灵活应用到个人中心、涉及列表界面、简单工具的界面设计中。界面中我觉得可以改进的地方是，输入金额界面的卡片可以不需要分割线，分割线在这点作用不大。去掉后会更清爽一些。