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