Material Design 谷歌設(shè)計(jì)語言 —— 簡介

正在學(xué)習(xí)Material Design官方指南,找了大神們的中文譯本(在此感謝那些勤勞可愛的大神們)來對照著看,看著看著身體中的翻譯小天使飛了出來。抱著親手勞動理解更深刻的念頭,按自己的理解,把Material Design從頭翻譯,希望分享給有需要的小伙伴。

我是在業(yè)余時間邊學(xué)習(xí)Material Design官方指南邊翻譯,因此更新會不定期和比較緩慢;翻譯水平也有限,只是按自己的理解來,希望有小伙伴一起切磋:D。

本次更新為Material Design Introduction部分

簡介


通過挑戰(zhàn)自我,我們?yōu)橛脩魟?chuàng)造一種新的視覺語言,將科技帶來的創(chuàng)新與更多可能性融入到優(yōu)秀設(shè)計(jì)的經(jīng)典原則中。這就是質(zhì)感設(shè)計(jì)(Material Design)。這是一份動態(tài)的細(xì)則,將隨著我們對質(zhì)感設(shè)計(jì)(Material Design)的原則與細(xì)節(jié)的探索而不斷更新。

目標(biāo)

創(chuàng)造一種新的視覺語言,將科技帶來的創(chuàng)新與更多可能性融入到優(yōu)秀設(shè)計(jì)的經(jīng)典原則中。


開發(fā)一種新的底層系統(tǒng),使不同平臺、不同尺寸設(shè)備都能帶給用戶一致的體驗(yàn),并同時支持觸摸、語音、鼠標(biāo)、鍵盤等輸入方式。


設(shè)計(jì)原則


質(zhì)感是一則隱喻

質(zhì)感隱喻,是指將空間的合理分配和動效規(guī)則統(tǒng)一起來的理論。質(zhì)感這個概念,是受到了紙與墨的啟發(fā),因此這個概念是基于可觸摸的現(xiàn)實(shí)。同時,質(zhì)感設(shè)計(jì)走在技術(shù)的前沿,敞開懷抱擁抱想象力與魔法。

在現(xiàn)實(shí)中,用戶通過物體的表面和邊緣來感知物體的存在。運(yùn)用用戶熟悉的感知特征能使用戶快速理解應(yīng)用場景的視覺效果。靈活運(yùn)用質(zhì)感,能創(chuàng)造出超越真實(shí)世界的視覺效果,而同時又遵守了真實(shí)世界的規(guī)則。

光、表面和運(yùn)動是表達(dá)物體運(yùn)動、交互、存在及相互關(guān)系的關(guān)鍵。真實(shí)的光影展現(xiàn)物體的交合,分割空間,并表現(xiàn)物體的運(yùn)動。

醒目、圖形化、表意清晰

從印刷發(fā)展而來的基本設(shè)計(jì)要素--字體設(shè)計(jì)、網(wǎng)格、空間、尺寸、顏色、圖像應(yīng)用--引領(lǐng)了視覺設(shè)計(jì)。這些基本元素不僅僅是為了單純的好看。它們創(chuàng)造了層級關(guān)系、內(nèi)涵含義和視覺焦點(diǎn)。大膽的用色、無邊框的圖像、大號的字體、白色的背景空間能打造出醒目而圖形化的交互界面,為用戶提供沉浸式的體驗(yàn)。

強(qiáng)化用戶行為能立即凸顯核心功能,并為用戶提供操作指示。

動效有意義

動效應(yīng)尊重一點(diǎn),即用戶是為動作的主發(fā)起者。

用戶動作是引發(fā)動效的節(jié)點(diǎn),能夠改變整個設(shè)計(jì)布局。

所有動作都發(fā)生在同一個環(huán)境中。物體在用戶面前變形或者重新編組的時候,并不會破壞原有的體驗(yàn)一致性。

動效是有含義的,是恰當(dāng)?shù)模菫槿〉米⒁饬捅3忠恢滦远?wù)。反饋是微妙而清晰的。切換是有效而一致的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容