首页»版块 兴趣街区 爱数码 Material UI 是啥东东?(一)

Material UI 是啥东东?(一)

[复制帖子标题和链接]

6412

   发表于 2015-7-28 11:23:49 属地未知 来自:浏览器
谷歌的Material UI出来有段时间了,在网上查能查到好些内容,有人说,如果读过Google的Material的设计文档,会学到很多东西。
抱着这股好奇心,楼楼准备开始搬运原版过来,我们瞅瞅?
如果有朋友愿意出来帮大家东翻一点西翻一点的话,那就太好了!

(下面内容搬运自谷歌网站)

Introduction

Goals
Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.
Develop a single underlying system that allows for a unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all first-class input methods.


Principles
Material is the metaphor
Material UI 是啥东东?(一)

A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.

Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics.

The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.


Bold, graphic, intentional
Material UI 是啥东东?(一)

The foundational elements of print-based design—typography, grids, space, scale, color, and use of imagery—guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerse the user in the experience.

An emphasis on user actions makes core functionality immediately apparent and provides waypoints for the user.


Motion provides meaning
Material UI 是啥东东?(一)

Motion respects and reinforces the user as the prime mover. Primary user actions are inflection points that initiate motion, transforming the whole design.

All action takes place in a single environment. Objects are presented to the user without breaking the continuity of experience even as they transform and reorganize.

Motion is meaningful and appropriate, serving to focus attention and maintain continuity. Feedback is subtle yet clear. Transitions are efficient yet coherent.


评论2
荣耀粉丝722506 设计达人  发表于 2015-7-28 11:33 属地未知 来自:浏览器
啥时候花粉俱乐部的客户端也搞MD界面?
   发表于 2015-7-28 11:49 属地未知 来自:浏览器
gates123 发表于 2015-7-28 11:33
啥时候花粉俱乐部的客户端也搞MD界面?

估计有一段路,要 走
您需要登录后才可以评论 登录 | 立即注册
简体中文 - China
快速回复 返回顶部 返回列表