2014-07-09 分類: 網(wǎng)站建設(shè)
雖然這是事實,材料設(shè)計是一種新的設(shè)計語言,由谷歌參考,它不僅僅是一個想法。
毫無疑問,這引起了設(shè)計師來檢查他們的Web和應用程序設(shè)計的概念。事實上,許多網(wǎng)站已經(jīng)應用材料設(shè)計方案通過谷歌。
材料設(shè)計的定義
材料設(shè)計是一種視覺語言通過谷歌設(shè)計團隊制定。得出珠幫助設(shè)計師拿出了應用程序和網(wǎng)站,不僅是實用的和可用的而且是可訪問的,太。一個是向公眾提供活的文件,是什么激發(fā)了我的想法。資料定期更新,以便在其范圍的變化和技術(shù)可以反映。
1
“材料設(shè)計的愛情和生活中的細節(jié)。不是每個人都會喜歡它,但它以自己的方式,應該得到尊重。然而,每當我們談論美學和互動,我們應該談一談績效,太。即使是高性能的動畫可以證明一個巨大的瓶頸的時候,每一個DOM元素應該是,從一個國家到另一個動畫和過渡。
性能問題比以往任何時候都要找到微妙的平衡之間的相互作用,得到平滑的內(nèi)容給用戶快速。更多的重量并不意味著更多的等待,所以我們可以將動畫作為漸進增強,承認經(jīng)驗不會與大家的材料設(shè)計文化。
那時候響應動畫的概念我們沒有思考很多但也可能成為重要的(不被混淆與動畫響應式設(shè)計,可以愉快的為好)。”
目標
什么材料的設(shè)計是怎么實現(xiàn)?
材料設(shè)計的目標和原則
說實話,材料設(shè)計圍繞一系列的目標和原則,比實施容易制定。然而,這不應該是一個問題,因為本質(zhì)上是更多的思考和改進的設(shè)計。
材料設(shè)計的目標:
拿出一個視覺語言,融合了一個隨著科學技術(shù)的進步和機會令人印象深刻的經(jīng)典設(shè)計原則。
創(chuàng)建一個基本的系統(tǒng),使不同平臺和尺寸統(tǒng)一的經(jīng)驗,無論設(shè)備。移動原則是基本的,但觸摸,聲音,鼠標,鍵盤都?的參與程序。
材料的設(shè)計原則:
1。材料的隱喻
對于被錨定在現(xiàn)實的視覺線索是很重要的。一個物質(zhì)的隱喻是凝聚理論的一個合理的空間和一個系統(tǒng)的運動。材料是錨定在觸覺現(xiàn)實,由紙張和油墨的影響研究。盡管如此,它是先進的技術(shù)和娛樂的魔法或想象。
常見的觸覺功能的使用可以幫助用戶快速理解的啟示。然而,這種材料的柔韌性帶來了新的啟示,取代那些在物質(zhì)世界,而無視物理規(guī)則。光的本質(zhì),表面和運動的傳輸重要物體如何移動,互動,和空間和彼此的關(guān)系存在。真實的照明顯示層,分割空間,并提出運動部件。
2。大膽,圖形,故意
視覺效果應該由設(shè)計的基本理論為指導,如顏色,圖像,規(guī)模,類型,使用網(wǎng)格,和空間。他們給上升到層次,意義,和焦點。
測量顏色的選擇,邊緣到邊緣的圖像,大字體,和故意的白色空間做出了一個大膽的圖形界面,將用戶的體驗。對用戶行為的一個亮點使核心功能立即清除了用戶點。
3。運動賦予意義
但不可否認的是,移動的物體或動作偉大的,它必須確保他們不中斷任何用戶體驗。此外,必須有這些動畫或移動圖像和網(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è)計的指導。然而,他們可以簡化為一個廣泛的具體思路和方法陣列。谷歌制定了一套規(guī)則如何制作動畫,圖案,款式,設(shè)計,可用性,和組件。你要注意,雖然,該材料應與現(xiàn)實,意味著物體可以在三維空間中發(fā)現(xiàn),幾乎…!
就美學而言,它的邊界的借殼和平面設(shè)計規(guī)模之間。相反,平面設(shè)計,雖然,材料設(shè)計廣泛利用所謂“紙影。這個影子是像一張紙?zhí)稍诠饬恋谋砻?。它模仿一個數(shù)字對象的三維存在。也許,最著名的例子是Gmail圖標,利用燈光效果使你想到一個有形的信封。
材料設(shè)計的顏色和字體
材料設(shè)計的色彩觀念是非常鼓舞的扁平化設(shè)計趨勢,這意味著其調(diào)色板不僅大膽而明亮,太。顏色是由色彩大膽陳述隨著低沉的背景對比,現(xiàn)代建筑以暗示,標線帶,道路標志,和運動場。它強調(diào)大膽的陰影和集錦因為它融合充滿活力的和不尋常的顏色。是什么使材料設(shè)計有趣的色彩觀念是鮮明的對比使用。
這個印刷術(shù)是基本準則因為它需要在同一平面的主題和簡單的無襯線字體。它有各種各樣的應用程序的默認字體,手機,這是一個下載鏈接和一個字體的使用梯子。
材料設(shè)計的布局和設(shè)計
基本的布局和材料設(shè)計項目的設(shè)計靈感來自于印刷設(shè)計概念結(jié)構(gòu)。創(chuàng)建和使用基線網(wǎng)格和數(shù)學結(jié)構(gòu)元素的適當位置是大力鼓勵。布局進一步簡化到地區(qū)推薦怎樣把元素為最終用戶交互。
此外,每一個想法都有一個可下載的Android的創(chuàng)建模板。然而,有一個設(shè)計師最終的設(shè)計可能過于俗套,風險或更糟的是,一個應用程序,這無疑是Android。毫無疑問,這可以在人喜歡iOS壞風度。
元素
讓我們來看看哪些設(shè)計元素的描述材料的設(shè)計。
材料設(shè)計的共同元素
材料設(shè)計的所有元素的詳細定義。當然,這是很難想象的東西是不存在的。
這里有一些材料設(shè)計的19個最常見的成分:
下表–是板材,自底向上滑動顯示更多的內(nèi)容。
–按按鈕或者包含圖像或文字或與你的應用程序的顏色。
卡–作為更多信息介紹
芯片–包含復雜的實體,如一個短標題字符串或照片
對話框–其內(nèi)容從文本或UI控件
分頻器–這個組件分離內(nèi)容在頁面布局和列表
網(wǎng)格–分離類似的數(shù)據(jù),如圖像和優(yōu)化它的視覺理解
列出–目前類似的數(shù)據(jù),如文本和圖像,并優(yōu)化他們的閱讀理解
列表控件–這些圖標發(fā)現(xiàn)列表的左側(cè)或右側(cè)
菜單–出現(xiàn)按鈕,用來選擇一個離散的行動或選擇
采摘–工作以及在確認對話框中顯示
進步和活動代表每個動作與一個單一的活動指標
滑塊–讓你選擇從一系列的一個值
快餐店和面包–這些主要用于系統(tǒng)消息。
–旗標,特殊的瓷磚,描述不同的部分或表明在材料接縫
開關(guān)–也叫選擇按鈕和分為三種–復選框,單選按鈕,等。
標簽–幫助你探索應用程序和網(wǎng)站之間更容易
文本域–決定字符將被包含在字段的類型
提示–是出現(xiàn)在標簽上盤旋
這是多么的可下載的組件看起來像。
這是多么的可下載的組件看起來像。
如果功能組件的目光落在了你的青睞,你可以甚至下載一個Adobe Illustrator或素描PS圖象處理軟件,文件提供的所有元素和Android系統(tǒng)圖標。的貼紙來完成,包括符合推薦的網(wǎng)格樣式。
約旦
“材料設(shè)計帶來的視覺和體驗性對谷歌產(chǎn)品跨設(shè)備,從而加強品牌最終公司作為一個整體,同時鼓勵連續(xù)性原理。材料設(shè)計將使谷歌它的長期缺失的均勻性的產(chǎn)品。有明顯的對比,在用戶界面和用戶體驗的產(chǎn)品像Android,Chrome,和Gmail。”
-喬丹干癟
材料設(shè)計的可用性和可訪問性,互動,
不可否認的是,最成功的產(chǎn)品都可以到各種各樣的消費者。這只可能是一個產(chǎn)品就可以訪問到所有的人,無論他們的能力,只要他們能理解并幫助他們實現(xiàn)自己的目標。在材料設(shè)計文檔的情況下,打開的網(wǎng)頁設(shè)計師眼中的模式,可以提高可用性和可訪問性,互動。
誠然,一些材料設(shè)計的審美特性顯得非?;竞妥尳?jīng)驗豐富的設(shè)計人員提高他們的眉毛,不可否認,它的許多交互和可用性的想法是不可忽視的。毫無疑問,其互動模式的部分設(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è)計師沒有用的,因為它是最有可能的是,他們不需要這種級別的指導,不可否認,它仍然是令人敬畏的。說到這,它是不是真的奇怪為什么材料設(shè)計使它的存在感到越來越。你可以從谷歌下載一些東西,但是有許多資源,可以幫助你發(fā)現(xiàn)更多的材料的設(shè)計思想:
下面是一些有用的材料設(shè)計概念資源列表:
引導材料設(shè)計
谷歌的布局模板手機,平板電腦和臺式機的框架
angular.js材料項目
聚合物的設(shè)計師
材料設(shè)計畫廊
材料的相互作用
實現(xiàn)前端框架
材料的調(diào)色板
材料設(shè)計模板
在Android清單材料設(shè)計
網(wǎng)站和移動應用,應用材料的設(shè)計實例
在材料設(shè)計中提出的概念已經(jīng)被許多網(wǎng)站和移動應用程序。
這里有五個例子,展示材料的設(shè)計原則,展示設(shè)計師可以使用和修改的想法:
創(chuàng)新互聯(lián)設(shè)計文章推薦:
四川成都營銷型網(wǎng)站建設(shè)
九江瑞昌網(wǎng)站制作_瑞昌網(wǎng)站制作公司
文章名稱:所有你需要知道的關(guān)于材料設(shè)計
網(wǎng)頁URL:http://m.rwnh.cn/news15/20115.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、App設(shè)計、網(wǎng)站改版、面包屑導航、品牌網(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)
猜你還喜歡下面的內(nèi)容