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

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

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

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

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

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

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

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

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

2。大膽，圖形，故意

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

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

3。運動賦予意義

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

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

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

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

材料設(shè)計的顏色和字體
材料設(shè)計的色彩觀念是非常鼓舞的扁平化設(shè)計趨勢，這意味著其調(diào)色板不僅大膽而明亮，太。顏色是由色彩大膽陳述隨著低沉的背景對比，現(xiàn)代建筑以暗示，標(biāo)線帶，道路標(biāo)志，和運動場。它強調(diào)大膽的陰影和集錦因為它融合充滿活力的和不尋常的顏色。是什么使材料設(shè)計有趣的色彩觀念是鮮明的對比使用。

這個印刷術(shù)是基本準(zhǔn)則因為它需要在同一平面的主題和簡單的無襯線字體。它有各種各樣的應(yīng)用程序的默認(rèn)字體，手機，這是一個下載鏈接和一個字體的使用梯子。

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

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

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

這里有一些材料設(shè)計的19個最常見的成分：

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

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

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

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

使用卡
與材料設(shè)計，內(nèi)容總是在卡使用層次提供，背景圖片和內(nèi)容提供背景和較強的信息和觀點的一個切入點。毫無疑問，卡工作因為他們是為了把信息足夠數(shù)量在一個壓縮的概述，這是改善和視覺元素的支持。有許多變化和卡，他們依靠你要填寫的內(nèi)容。然而，更多的往往不是，你將需要顯示一個動作或一個內(nèi)容塊給一個信息。

資源
有材料設(shè)計資源在網(wǎng)上大量
10材料設(shè)計資源
材料設(shè)計的思想是偉大的，其方針是整潔的新。即使指南似乎是最有經(jīng)驗的設(shè)計師沒有用的，因為它是最有可能的是，他們不需要這種級別的指導(dǎo)，不可否認(rèn)，它仍然是令人敬畏的。說到這，它是不是真的奇怪為什么材料設(shè)計使它的存在感到越來越。你可以從谷歌下載一些東西，但是有許多資源，可以幫助你發(fā)現(xiàn)更多的材料的設(shè)計思想：

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

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

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

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

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

文章名稱：所有你需要知道的關(guān)于材料設(shè)計
網(wǎng)頁URL：http://www.bm7419.com/news15/20115.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、App設(shè)計、網(wǎng)站改版、面包屑導(dǎo)航、品牌網(wǎng)站制作

廣告

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