今天完成:

material design理论方面的一些简单的了解

查阅material design(材料设计)中的部分设计规范与设计原则,以及如何解释google是从何种方面设计matreial design,并且分析其中的一个做重要的设计FAB(Floating Action Button）(浮动动作按钮),最主要的是理解material design的设计语言

material design核心思想

是由谷歌创建和发表的一种设计语言，旨在把物理世界的体验带进屏幕，其中去掉现实中的杂质和随机性，仅保留其最原始纯净的形态、变化与过渡，最终还原最贴近真实的用户体验，达到一种简洁与直观的效果

和之前做的metro风格有本质上相似的东西,

从其中标红的区域可以看出来,都去除了可以干扰用户视线的元素,将最本质的需要传达的信息放在区域中,用官方的语言就是 保留其最原始纯净的形态,变化与过渡

而之前的微软的wp手机系统也是,在磁贴元素中,只加上图标以及简单的文字,让用户能够沉浸在浏览之中,来提高用户体验好感,

自己的理解很浅显,还不懂如何正确区分其中的优劣,只能用自己知道的一点点东西去将这两种设计语言联系起来,并不清楚对错...

FAB(浮动动作按钮)

即是上图标红的元素

首先是一个成功的视觉突破.

在平面设计中有个  点线面的安排   的概念.而FAB正是一个非常灵活的且突出的  点   元素.

而这样强烈的原色在之前的界面设计中是很难出现的.

FAB有跨越模块或分割线的条件,能起到 破形 的效果,圆形元素与分割线,卡片,各种bar的直线形成对比,让界面不会受限于条条框框过于死板

google似乎在引导让FAB使用色彩设定中鲜艳的辅色,使得假面的色彩更加丰富鲜艳.

综上,FAB的存在让UI感觉更加热闹,丰富,吸引人.

个人浅显的理解,现在市面上大部分的界面设计,都是抄袭apple的设计语言,整体看起来整齐划一,非常有原则性,整体看起来一体感非常强烈,但自己感觉缺少了些活跃的气氛,比较死板,看了material design的设计语言之后,感觉ios的设计语言虽然整体性非常强烈,但是却缺少了一些能够 点睛 的元素,理论只是太少,不清楚如何形容....

但是FAB也有不足的地方.

从形式上分析,FAB是一个凌驾于界面层级之上的,与目前用户的Focus(焦点??)无关的按钮,只应用于最终的Action(行为??),从交互上可以这么理解:用户无论滑到本屏的什么位置,正在阅读什么,都有可能需要立即,快速,准确的触发的Action

其次,按钮中icon的表达能力有限,不如文字准确并容易理解

还有一点就是FAB浪费了屏幕上的有限的空间

个人理解:

这中FAB的设计语言,从视觉上看是处于界面之上的,在用户需要沉浸式阅读的时候,容易被打断.

这种设计语言,上面只有一个明显的icon,但这个功能一定是非常重要的功能,而当用户需要其他功能的时候,又不得不去功能栏里面去寻找,此处有一个2/8原则，用户在20%的动作上花去80%的时间.即是这种靠上的按钮,是在浪费用户的时间,这是不可取的

最后也违背了 内容优先原则

原作者将FAB称为一个视觉驱动的漂亮设计,有着比较狭隘额交互利用设计,但有很高的滥用风险

我目前是不是完全赞同的,这个FAB虽然有一些违背用户体验的情况,但确实能够打破一些陈旧的设计感,在视觉上可以将用户感染,个人浅显的理解虽然牺牲了一些交互体验方面的优势,但是...总之是很喜欢这个设计,但是自己语言组织能力太差..

遇到的问题:“小小”的一个FACB就有这么多学问...

明天计划:深层次的理解matrial design

收获:设计原理