发表于: 2018-12-09 21:09:50

1 745


今天完成的事情:

做任务九


明天要做的事情:

做任务九


遇到的问题:

暂无


收获:

怎么样使 APP显得好看

角度统一
1.渐变

角度统一包含渐变以及投影的角度,在一个 APP 内,所使用的渐变以及投影的角度需要是一样的。

在扁平设计流行的时代,越来越多的人喜欢用渐变来增加页面质感,但使用渐变的时候需要注意,角度要一样。

首页头部用的是从左到右零度的线性渐变,购物车页面的头部以及结算按钮也是用的线性渐变。

渐变除了淘宝这种各个页面用的相同颜色的渐变,还有如下图京东金融的不同颜色的渐变。

这个时候的角度相同,指的就是颜色的饱和度、明度了,都是一个角度的从高到低或者从低到高。

渐变的角度是大家很容易忽略的问题,做的时候很容易随心所欲,光顾着单个地方的颜色好看,

而忽略了整体,但对于用户来说,看到的整个页面,是所有元素搭配起来的整体视觉感受。

2.投影

和渐变一样,不同地方的同一个层级的元素,投影参数需要一致,比如下图壹钱包的卡片的投影,理财页面和购物页面的卡片投影是一样的。

原则上来说,一个 APP 内所有页面用到的投影都必须是一样的,但是难免有一些特殊情况,元素大小相差较大时,

投影参数一样的话会造成视觉上不一样。

当遇到这种情况时,我们就要学会变通,比如把小元素的投影参数调小一点,让它在视觉上和大元素保持一致。

就和之前说到的图形的圆角度一样,小元素的圆角度要小于大元素的。


二、颜色要有规律
可循颜色要有规律可循指的就是要定义辅助色,且辅助色不要太多。这样重复出现多种颜色的时候,也不会让人觉得花销。

三、间距优先用 cell

当不同页面出现时,颜色也更加统一。

当定义文字间距时,如果直接用文字本身来定义文字距离其他元素的间距, 

很容易出现偏差,因为不同的软件、不同字体的行高都是不一样的。




返回列表 返回列表
评论

    分享到