所有你需要知道的關(guān)于材料設(shè)計(jì)

雖然這是事實(shí)，材料設(shè)計(jì)是一種新的設(shè)計(jì)語(yǔ)言，由谷歌參考，它不僅僅是一個(gè)想法。

毫無(wú)疑問(wèn)，這引起了設(shè)計(jì)師來(lái)檢查他們的Web和應(yīng)用程序設(shè)計(jì)的概念。事實(shí)上，許多網(wǎng)站已經(jīng)應(yīng)用材料設(shè)計(jì)方案通過(guò)谷歌。

材料設(shè)計(jì)的定義
材料設(shè)計(jì)是一種視覺(jué)語(yǔ)言通過(guò)谷歌設(shè)計(jì)團(tuán)隊(duì)制定。得出珠幫助設(shè)計(jì)師拿出了應(yīng)用程序和網(wǎng)站，不僅是實(shí)用的和可用的而且是可訪問(wèn)的，太。一個(gè)是向公眾提供活的文件，是什么激發(fā)了我的想法。資料定期更新，以便在其范圍的變化和技術(shù)可以反映。

1
“材料設(shè)計(jì)的愛(ài)情和生活中的細(xì)節(jié)。不是每個(gè)人都會(huì)喜歡它，但它以自己的方式，應(yīng)該得到尊重。然而，每當(dāng)我們談?wù)撁缹W(xué)和互動(dòng)，我們應(yīng)該談一談績(jī)效，太。即使是高性能的動(dòng)畫(huà)可以證明一個(gè)巨大的瓶頸的時(shí)候，每一個(gè)DOM元素應(yīng)該是，從一個(gè)國(guó)家到另一個(gè)動(dòng)畫(huà)和過(guò)渡。
性能問(wèn)題比以往任何時(shí)候都要找到微妙的平衡之間的相互作用，得到平滑的內(nèi)容給用戶快速。更多的重量并不意味著更多的等待，所以我們可以將動(dòng)畫(huà)作為漸進(jìn)增強(qiáng)，承認(rèn)經(jīng)驗(yàn)不會(huì)與大家的材料設(shè)計(jì)文化。
那時(shí)候響應(yīng)動(dòng)畫(huà)的概念我們沒(méi)有思考很多但也可能成為重要的（不被混淆與動(dòng)畫(huà)響應(yīng)式設(shè)計(jì)，可以愉快的為好）。”

目標(biāo)
什么材料的設(shè)計(jì)是怎么實(shí)現(xiàn)？
材料設(shè)計(jì)的目標(biāo)和原則
說(shuō)實(shí)話，材料設(shè)計(jì)圍繞一系列的目標(biāo)和原則，比實(shí)施容易制定。然而，這不應(yīng)該是一個(gè)問(wèn)題，因?yàn)楸举|(zhì)上是更多的思考和改進(jìn)的設(shè)計(jì)。

材料設(shè)計(jì)的目標(biāo)：
拿出一個(gè)視覺(jué)語(yǔ)言，融合了一個(gè)隨著科學(xué)技術(shù)的進(jìn)步和機(jī)會(huì)令人印象深刻的經(jīng)典設(shè)計(jì)原則。
創(chuàng)建一個(gè)基本的系統(tǒng)，使不同平臺(tái)和尺寸統(tǒng)一的經(jīng)驗(yàn)，無(wú)論設(shè)備。移動(dòng)原則是基本的，但觸摸，聲音，鼠標(biāo)，鍵盤(pán)都?的參與程序。
材料的設(shè)計(jì)原則：
1。材料的隱喻

對(duì)于被錨定在現(xiàn)實(shí)的視覺(jué)線索是很重要的。一個(gè)物質(zhì)的隱喻是凝聚理論的一個(gè)合理的空間和一個(gè)系統(tǒng)的運(yùn)動(dòng)。材料是錨定在觸覺(jué)現(xiàn)實(shí)，由紙張和油墨的影響研究。盡管如此，它是先進(jìn)的技術(shù)和娛樂(lè)的魔法或想象。

常見(jiàn)的觸覺(jué)功能的使用可以幫助用戶快速理解的啟示。然而，這種材料的柔韌性帶來(lái)了新的啟示，取代那些在物質(zhì)世界，而無(wú)視物理規(guī)則。光的本質(zhì)，表面和運(yùn)動(dòng)的傳輸重要物體如何移動(dòng)，互動(dòng)，和空間和彼此的關(guān)系存在。真實(shí)的照明顯示層，分割空間，并提出運(yùn)動(dòng)部件。

2。大膽，圖形，故意

視覺(jué)效果應(yīng)該由設(shè)計(jì)的基本理論為指導(dǎo)，如顏色，圖像，規(guī)模，類型，使用網(wǎng)格，和空間。他們給上升到層次，意義，和焦點(diǎn)。

測(cè)量顏色的選擇，邊緣到邊緣的圖像，大字體，和故意的白色空間做出了一個(gè)大膽的圖形界面，將用戶的體驗(yàn)。對(duì)用戶行為的一個(gè)亮點(diǎn)使核心功能立即清除了用戶點(diǎn)。

3。運(yùn)動(dòng)賦予意義

但不可否認(rèn)的是，移動(dòng)的物體或動(dòng)作偉大的，它必須確保他們不中斷任何用戶體驗(yàn)。此外，必須有這些動(dòng)畫(huà)或移動(dòng)圖像和網(wǎng)站的本質(zhì)之間的一致性。

運(yùn)動(dòng)方面，加強(qiáng)用戶的主要?jiǎng)訖C(jī)。Prime用戶行為調(diào)制點(diǎn)開(kāi)始運(yùn)動(dòng)，在整體設(shè)計(jì)的全面轉(zhuǎn)型的結(jié)果。所有的行動(dòng)發(fā)生在一個(gè)單一的設(shè)置。對(duì)象提供給用戶體驗(yàn)的連續(xù)性但不破壞和重組轉(zhuǎn)型。運(yùn)動(dòng)是喚起和擬合功能，集中注意力，保證連續(xù)性。但不同的反饋抑制。盡管是有效的，它的轉(zhuǎn)換是一致的。

30b9ddc0bd564351fd235a613d5e874c
“另一個(gè)關(guān)于材料設(shè)計(jì)令人驚奇的是它的奉獻(xiàn)和靈感來(lái)自現(xiàn)實(shí)世界。合法的材料如何影響材料設(shè)計(jì)的創(chuàng)立和發(fā)展。（因此得名。）這是巨大的因?yàn)榧夹g(shù)可以不再感覺(jué)像技術(shù)軌道的開(kāi)始。因?yàn)槲覀兊挠布絹?lái)越先進(jìn)，數(shù)字世界現(xiàn)在可以慢慢開(kāi)始模糊真實(shí)世界和數(shù)字世界之間的線。”
保拉–Borowska
材料設(shè)計(jì)與平面設(shè)計(jì)
有很多因素對(duì)材料設(shè)計(jì)的指導(dǎo)。然而，他們可以簡(jiǎn)化為一個(gè)廣泛的具體思路和方法陣列。谷歌制定了一套規(guī)則如何制作動(dòng)畫(huà)，圖案，款式，設(shè)計(jì)，可用性，和組件。你要注意，雖然，該材料應(yīng)與現(xiàn)實(shí)，意味著物體可以在三維空間中發(fā)現(xiàn)，幾乎…！

就美學(xué)而言，它的邊界的借殼和平面設(shè)計(jì)規(guī)模之間。相反，平面設(shè)計(jì)，雖然，材料設(shè)計(jì)廣泛利用所謂“紙影。這個(gè)影子是像一張紙?zhí)稍诠饬恋谋砻?。它模仿一個(gè)數(shù)字對(duì)象的三維存在。也許，最著名的例子是Gmail圖標(biāo)，利用燈光效果使你想到一個(gè)有形的信封。

材料設(shè)計(jì)的顏色和字體
材料設(shè)計(jì)的色彩觀念是非常鼓舞的扁平化設(shè)計(jì)趨勢(shì)，這意味著其調(diào)色板不僅大膽而明亮，太。顏色是由色彩大膽陳述隨著低沉的背景對(duì)比，現(xiàn)代建筑以暗示，標(biāo)線帶，道路標(biāo)志，和運(yùn)動(dòng)場(chǎng)。它強(qiáng)調(diào)大膽的陰影和集錦因?yàn)樗诤铣錆M活力的和不尋常的顏色。是什么使材料設(shè)計(jì)有趣的色彩觀念是鮮明的對(duì)比使用。

這個(gè)印刷術(shù)是基本準(zhǔn)則因?yàn)樗枰谕黄矫娴闹黝}和簡(jiǎn)單的無(wú)襯線字體。它有各種各樣的應(yīng)用程序的默認(rèn)字體，手機(jī)，這是一個(gè)下載鏈接和一個(gè)字體的使用梯子。

材料設(shè)計(jì)的布局和設(shè)計(jì)
基本的布局和材料設(shè)計(jì)項(xiàng)目的設(shè)計(jì)靈感來(lái)自于印刷設(shè)計(jì)概念結(jié)構(gòu)。創(chuàng)建和使用基線網(wǎng)格和數(shù)學(xué)結(jié)構(gòu)元素的適當(dāng)位置是大力鼓勵(lì)。布局進(jìn)一步簡(jiǎn)化到地區(qū)推薦怎樣把元素為最終用戶交互。

此外，每一個(gè)想法都有一個(gè)可下載的Android的創(chuàng)建模板。然而，有一個(gè)設(shè)計(jì)師最終的設(shè)計(jì)可能過(guò)于俗套，風(fēng)險(xiǎn)或更糟的是，一個(gè)應(yīng)用程序，這無(wú)疑是Android。毫無(wú)疑問(wèn)，這可以在人喜歡iOS壞風(fēng)度。

元素
讓我們來(lái)看看哪些設(shè)計(jì)元素的描述材料的設(shè)計(jì)。
材料設(shè)計(jì)的共同元素
材料設(shè)計(jì)的所有元素的詳細(xì)定義。當(dāng)然，這是很難想象的東西是不存在的。

這里有一些材料設(shè)計(jì)的19個(gè)最常見(jiàn)的成分：

下表–是板材，自底向上滑動(dòng)顯示更多的內(nèi)容。
–按按鈕或者包含圖像或文字或與你的應(yīng)用程序的顏色。
卡–作為更多信息介紹
芯片–包含復(fù)雜的實(shí)體，如一個(gè)短標(biāo)題字符串或照片
對(duì)話框–其內(nèi)容從文本或UI控件
分頻器–這個(gè)組件分離內(nèi)容在頁(yè)面布局和列表
網(wǎng)格–分離類似的數(shù)據(jù)，如圖像和優(yōu)化它的視覺(jué)理解
列出–目前類似的數(shù)據(jù)，如文本和圖像，并優(yōu)化他們的閱讀理解
列表控件–這些圖標(biāo)發(fā)現(xiàn)列表的左側(cè)或右側(cè)
菜單–出現(xiàn)按鈕，用來(lái)選擇一個(gè)離散的行動(dòng)或選擇
采摘–工作以及在確認(rèn)對(duì)話框中顯示
進(jìn)步和活動(dòng)代表每個(gè)動(dòng)作與一個(gè)單一的活動(dòng)指標(biāo)
滑塊–讓你選擇從一系列的一個(gè)值
快餐店和面包–這些主要用于系統(tǒng)消息。
–旗標(biāo)，特殊的瓷磚，描述不同的部分或表明在材料接縫
開(kāi)關(guān)–也叫選擇按鈕和分為三種–復(fù)選框，單選按鈕，等。
標(biāo)簽–幫助你探索應(yīng)用程序和網(wǎng)站之間更容易
文本域–決定字符將被包含在字段的類型
提示–是出現(xiàn)在標(biāo)簽上盤(pán)旋
這是多么的可下載的組件看起來(lái)像。
這是多么的可下載的組件看起來(lái)像。
如果功能組件的目光落在了你的青睞，你可以甚至下載一個(gè)Adobe Illustrator或素描PS圖象處理軟件，文件提供的所有元素和Android系統(tǒng)圖標(biāo)。的貼紙來(lái)完成，包括符合推薦的網(wǎng)格樣式。

約旦
“材料設(shè)計(jì)帶來(lái)的視覺(jué)和體驗(yàn)性對(duì)谷歌產(chǎn)品跨設(shè)備，從而加強(qiáng)品牌最終公司作為一個(gè)整體，同時(shí)鼓勵(lì)連續(xù)性原理。材料設(shè)計(jì)將使谷歌它的長(zhǎng)期缺失的均勻性的產(chǎn)品。有明顯的對(duì)比，在用戶界面和用戶體驗(yàn)的產(chǎn)品像Android，Chrome，和Gmail。”
-喬丹干癟
材料設(shè)計(jì)的可用性和可訪問(wèn)性，互動(dòng)，
不可否認(rèn)的是，最成功的產(chǎn)品都可以到各種各樣的消費(fèi)者。這只可能是一個(gè)產(chǎn)品就可以訪問(wèn)到所有的人，無(wú)論他們的能力，只要他們能理解并幫助他們實(shí)現(xiàn)自己的目標(biāo)。在材料設(shè)計(jì)文檔的情況下，打開(kāi)的網(wǎng)頁(yè)設(shè)計(jì)師眼中的模式，可以提高可用性和可訪問(wèn)性，互動(dòng)。

誠(chéng)然，一些材料設(shè)計(jì)的審美特性顯得非?；竞妥尳?jīng)驗(yàn)豐富的設(shè)計(jì)人員提高他們的眉毛，不可否認(rèn)，它的許多交互和可用性的想法是不可忽視的。毫無(wú)疑問(wèn)，其互動(dòng)模式的部分設(shè)計(jì)師是偉大的幫助。它指定一組概念為了使一些元素從一個(gè)到另一個(gè)通用設(shè)計(jì)。這些都是網(wǎng)絡(luò)用戶不只是想工作但工作的簡(jiǎn)單工具，也。這是一個(gè)明顯的優(yōu)勢(shì)，毫無(wú)疑問(wèn)。

一種材料的設(shè)計(jì)文檔，并提供了有用的選項(xiàng)是可訪問(wèn)性。它提供了一個(gè)偉大的很多用戶可能會(huì)在不影響顏色或聲音設(shè)計(jì)互動(dòng)的考慮，一些其他事情，可以吸引很多用戶。

使用卡
與材料設(shè)計(jì)，內(nèi)容總是在卡使用層次提供，背景圖片和內(nèi)容提供背景和較強(qiáng)的信息和觀點(diǎn)的一個(gè)切入點(diǎn)。毫無(wú)疑問(wèn)，卡工作因?yàn)樗麄兪菫榱税研畔⒆銐驍?shù)量在一個(gè)壓縮的概述，這是改善和視覺(jué)元素的支持。有許多變化和卡，他們依靠你要填寫(xiě)的內(nèi)容。然而，更多的往往不是，你將需要顯示一個(gè)動(dòng)作或一個(gè)內(nèi)容塊給一個(gè)信息。

資源
有材料設(shè)計(jì)資源在網(wǎng)上大量
10材料設(shè)計(jì)資源
材料設(shè)計(jì)的思想是偉大的，其方針是整潔的新。即使指南似乎是最有經(jīng)驗(yàn)的設(shè)計(jì)師沒(méi)有用的，因?yàn)樗亲钣锌赡艿氖牵麄儾恍枰@種級(jí)別的指導(dǎo)，不可否認(rèn)，它仍然是令人敬畏的。說(shuō)到這，它是不是真的奇怪為什么材料設(shè)計(jì)使它的存在感到越來(lái)越。你可以從谷歌下載一些東西，但是有許多資源，可以幫助你發(fā)現(xiàn)更多的材料的設(shè)計(jì)思想：

下面是一些有用的材料設(shè)計(jì)概念資源列表：

引導(dǎo)材料設(shè)計(jì)
谷歌的布局模板手機(jī)，平板電腦和臺(tái)式機(jī)的框架
angular.js材料項(xiàng)目
聚合物的設(shè)計(jì)師
材料設(shè)計(jì)畫(huà)廊
材料的相互作用
實(shí)現(xiàn)前端框架
材料的調(diào)色板
材料設(shè)計(jì)模板
在Android清單材料設(shè)計(jì)
網(wǎng)站和移動(dòng)應(yīng)用，應(yīng)用材料的設(shè)計(jì)實(shí)例
在材料設(shè)計(jì)中提出的概念已經(jīng)被許多網(wǎng)站和移動(dòng)應(yīng)用程序。

這里有五個(gè)例子，展示材料的設(shè)計(jì)原則，展示設(shè)計(jì)師可以使用和修改的想法：

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

四川成都營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
九江瑞昌網(wǎng)站制作_瑞昌網(wǎng)站制作公司

本文標(biāo)題：所有你需要知道的關(guān)于材料設(shè)計(jì)
當(dāng)前鏈接：http://www.bm7419.com/news/20115.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、做網(wǎng)站、網(wǎng)站策劃、移動(dòng)網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)