Material Design,中文名译为材料设计,是由Google开发的设计语言,于2014年6月25日的Google I/O大会上宣布。Material Design基于网格的布局、响应动画与过渡、填充、深度效果(如光线和阴影)。
与真正的纸张不同,我们的数字材质可以智能地扩大和变形。材质具有实体的表面和边缘。接缝和阴影表明组件的含义。
-设计师马迪亚斯·杜阿尔特
本文主要简明阐述Material Design的优点-给UX/IxD领域带来的用户体验优化,及其主要设计规范。
Material Design,中文名译为材料设计,是由Google开发的设计语言,于2014年6月25日的Google I/O大会上宣布。Material Design基于网格的布局、响应动画与过渡、填充、深度效果(如光线和阴影)。
与真正的纸张不同,我们的数字材质可以智能地扩大和变形。材质具有实体的表面和边缘。接缝和阴影表明组件的含义。
-设计师马迪亚斯·杜阿尔特
本文主要简明阐述Material Design的优点-给UX/IxD领域带来的用户体验优化,及其主要设计规范。
著名交互式设计与易用性专家 Giles Colbome,在《简约至上:交互式设计四策略》中指出
增加的功能越多,就越难发现真正对用户有价值的新功能。这样盲目添加的新功能早晚会成为垃圾功能。增加复杂性意味着遗留代码越来越沉重,导致产品维护成本越来越高,而且也越来越难以灵活应对市场变化。
与此同时,用户也会对你的产品越来越不满意。因为增加的复杂性导致他们很难找到自己真正需要的功能。况且,想到为那么多没用的功能买单,他们就更加不高兴了。
这也是为什么我们要从用户体验的角度讲,从用户的角度看问题,从通过简单的技术或设计,去创造愉悦用户的产品体验,即 简单化 。
一张图填充整个页面,而且不会有任何空白区产生;
背景图片能根据显屏进行缩放;
背景图片缩放时以保留图像的比例(宽高比);
背景图片保持在页面的中心位置处;
不会给页面造成滚动条的出现;
以实现各浏览器的兼容性问题;
CSS3提供了一个属性background-size
只要把背景图片放在<HTML>
元素中,然后设置背景图片以固定方式显示就可以。
域名解析 DNS 到 DNSPod 后,设置自定义顶级域名跳转至 Github Pages
解决方法一:
将yourname
替换为 Github 的id
1.添加记录,设置主机记录 www
,记录类型CNAME
,记录值yourname.github.io
2.添加记录,设置主机记录 @
,记录类型CNAME
,记录值yourname.github.io
完成解析。
Responsive Design (响应式设计):
建立一个网页,通过CSS Media Queries,Content-Based Breakpoint(基于内容的断点)等技术来改变网页的大小以适应不同分辨率的屏幕。
Adaptive Design (自适应设计):
为不同类别的设备建立不同的网页,检测到设备分辨率大小后调用相应的网页。目前AD网页主要针对这几种分辨率(320,480,760,960,1200,1600)
当使用 hexo clean&&hexo g&&hexo d
无法完成 deploy 时
用以下命令解决
将 yourname
替换为 Github 的 id
于 git base
中输入