有道云笔记新版UI大变身 终于和Instagram、Airbnb站在一起了

  • 时间:
  • 浏览:0
  • 来源:河北快3-湖北快3平台_吉林快3网投平台

你要对设计圈有所关注得话,会发现一种生活生活新的设计风格开使英语 在蔓延。

从2016年起,硅谷的设计圈怎么才能 让 开使英语 争相采用一种生活生活设计风格——“更加复杂性的界面颜色,更大更突出的标题字体,以及更复杂性的图标”。

你要对此还比较慢 太满感知得话,还不都能能 先来看看十几块 例子:

Instagram最新的改版相比于但是,大刀阔斧的再加了另有有四个 深浅紫色的顶栏和黑色的底栏,取而代之是大量的留白,用色也只采用黑白和大量的字体的浅紫色。图标也进行了复杂性,整体看上去界面很干净、功能模块很清晰。

Airbnb的新版本也做了一次“大变身”,还不都能能 看完,新版中字体变得大又粗,怎么才能 让 把但是大量的图片都再加了,而但是突出了功能和标题;颜色也同样是黑白灰,图标也进行了复杂性。

无论是时尚圈,还是科技界,设计永远全是追求最潮流、最前沿。而一种生活生活正在风靡的设计风格,全是有有四个 酷酷的名字,叫做——Complexion Reduction。

知乎上曾有帖子针对Complexion Reduction。总结过其美学的终极指南但是:

1、请克制用色

黑白色之外,最多非要多加一种生活生活颜色,用来引导用户进行操作。最好是能让 App 的内容一种生活生活来为产品增加亮色。

2、标题字号「大」、「黑」、「粗」

如同里边图例中显示的一样,标题字体增加 20 到80 的像素,那样看起来会一种生活生活生活厚重 feel。

3、图标 look 三次责:简洁、纤瘦和好认

图标并不加颜色,从左至右图标排序最好为:HOME键、搜索、主操作键盘、二级操作键、买车人资料。

4、大面积的留白区域。

三倍甚至是四倍的留白。

比较慢 ,该怎么才能 才能 打造一款「Complexion Reduction 」风格的 App 呢?有道云笔记的设计师,拿朋友最新的6.0版本做了一次试验,看起来效果不错。

先看一下有道云笔记但是的设计风格:

有道云笔记6.0但是的版本

实在买车人实在有道云笔记的旧版设计风格也还行,不至于丑,怎么才能 让 仔细看也会发现十几块 什么的什么的问题。

首先,颜色太满了,细数一下,蓝(主色)、红、黄、绿、灰、紫、粉,你以为像有有四个 彩色花板,另有有四个 的什么的什么的问题在于视觉上容易花,不易集中,一阵一阵是对于有有四个 工具类产品来说,另有有四个 的多色系并不有益。

其次,模块太满了,大量的分割线、每一篇笔记里还有图片、还有浅紫色块灰色块,看上去显得很乱,但是干净。

有道云笔记的设计貌似也意识到了哪此什么的什么的问题,一齐参照着Complexion Reduction的美學會神,对产品UI进行了脱胎换骨的改变,新版6.0的UI是另有有四个 的:

有道云笔记6.0

看完新版设计,第有有四个 感觉是——干净了,怎么才能 让 笔记的内容得到了很好的突出。

怎么才能 让 把前后的UI对比看:

从里边的对比,还不都能能 看出,有道云笔记新版6.0相当于遵循了下面几点原则:

1、新版基本只用了黑白色,怎么才能 让 再加了大量的浅紫色块和分割线(Complexion Reduction美学第1点:克制用色)

2、大面积留白,相比但是的填满式界面,增强了呼吸感(Complexion Reduction美学第4点:大面积的留白区域)

3、字体明显变得更粗,突出标题的内容(Complexion Reduction美学第2点:标题字号「大」、「黑」、「粗」)

4、此外,新版依然巧妙的保留了浅紫色的主色,但只用在新增笔记的“+”上。

内行看门道,外行看热闹。从专业的设计层厚来看,有道云笔记新版6.0的确很好的践行了Complexion Reduction美學會神,作为国内最先“吃螃蟹”的产品,的确有意想非要的效果。对于普通用户来说,但是用户实在“说不在 哪里好了,但很舒服”“感觉一下变高级了”。

实际上,每个产品全是实际的特殊属性,一种生活生活设计风格也比较慢满足所有产品的需求。但全是道云笔记而言,Complexion Reduction 看上去的确很适合。主要有以下三点:

1、克制用色,让注意力在内容一种生活生活之上。有道云笔记一种生活生活的知识产品属性,用户更希望聚焦于知识的吸收和沉淀,不被分散精力,怎么才能 让 一切与会打扰用户的图标、色彩、模块全是抹掉。

2、字体要放大和加粗,让一切与内容一种生活生活得以突出。

3、增加留白,使用有道云笔记用户多为在办公场景下,一般工作速度高、精神紧绷,而留白还不都能能 潜意识让用户情绪放松,增加呼吸感即是一种生活生活目的。

好了,今天的教学久到这里,Complexion Reduction的设计风格你學會什么时间?

微信公众号搜索"

驱动之家

"加关注,每日最新的手机、电脑、汽车、智能硬件信息还不都能能 你要一手全掌握。推荐关注!【

微信扫描下图可直接关注