平面設(shè)計(jì)與材料設(shè)計(jì):它們有何不同
來源:
杰云網(wǎng)絡(luò)建站SEO優(yōu)化公司
日期:2018-03-27 09:20:14
點(diǎn)擊:11484
屬于:網(wǎng)站建設(shè)
兩種相似的設(shè)計(jì)風(fēng)格,一種基于另一種。一種是“熱門新事物”,一種是推測(cè),它正在成為一種過時(shí)的時(shí)尚。一種是自發(fā)適應(yīng)的設(shè)計(jì)趨勢(shì),另一種是專門設(shè)計(jì)的指導(dǎo)方針。你可能已經(jīng)熟悉了平面和材料設(shè)計(jì)之間的沖突。
但是這兩者之間有什么區(qū)別呢?一個(gè)天生比另一個(gè)好嗎?在某些用途方面更好?事實(shí)上,有些人想知道他們之間到底有多大的不同。讓我們從最基本的開始:它位于每個(gè)元素中存在的多態(tài)。
Skeuomorphism
Skeuomorphism
在這種情況下,skeuform是一種模擬物理世界的設(shè)計(jì)。通常情況下,在線工具的形式看起來就像它們的真實(shí)世界的變體,比如像鍵盤一樣的合成器程序。在大部分時(shí)間里它都是網(wǎng)絡(luò)和界面設(shè)計(jì)的主流。
問題在于,它通常不是基于數(shù)字可用性,也不是所有的旋鈕和按鈕都可以用鼠標(biāo)或觸摸屏操作——它僅僅是指模仿過去的樣子。
最終,設(shè)計(jì)世界得出了這樣的結(jié)論:還需要一些其他的東西,這些東西會(huì)帶走所有的復(fù)古裝飾元素,讓它們具有可用性,加快加載時(shí)間,并把重點(diǎn)放在讓訪問者高效地瀏覽內(nèi)容上。因此,他們從數(shù)字界面中移除所有的skeuform的痕跡,以創(chuàng)建平面設(shè)計(jì)。
平面設(shè)計(jì)
平面設(shè)計(jì)
平面設(shè)計(jì)
平面設(shè)計(jì)在很多方面都是設(shè)計(jì)的基礎(chǔ)。它消除了任何形式的選擇,給它帶來了三維的錯(cuò)覺,比如投影、漸變和紋理。它只專注于圖標(biāo)、字體和顏色的相互作用。
這是為數(shù)字媒體設(shè)計(jì)的第一個(gè)連貫的風(fēng)格之一,它利用了互聯(lián)網(wǎng)獨(dú)特的特性和用戶的需求,簡(jiǎn)單的按鈕為高效的尋找,為快速識(shí)別元素而制作的簡(jiǎn)單的顏色方案,和簡(jiǎn)單的圖標(biāo)。
外觀在平面設(shè)計(jì)中是次要的:它的焦點(diǎn)是原始功能。它的簡(jiǎn)單的圖標(biāo)甚至可以去掉一些網(wǎng)站的拷貝的需要,因?yàn)橛^眾是直觀地引導(dǎo)通過使用它的過程,根據(jù)顏色和圖片。此外,它加快了加載時(shí)間,并在高分辨率和低分辨率屏幕上顯示效果,從而獲得了更可靠的用戶體驗(yàn)。因此,它使設(shè)計(jì)人員和用戶都更加容易。
優(yōu)點(diǎn)
它包含了屏幕的局限性,并與它們一起工作,而不是試圖成為其他的東西。
它簡(jiǎn)化了設(shè)計(jì),去掉了不必要的圖形和動(dòng)畫元素,減少了加載時(shí)間。
缺乏雙向元素也可以通過內(nèi)容加快讀者的進(jìn)程。
移除所有不必要的設(shè)計(jì)選擇,促進(jìn)更快的網(wǎng)站設(shè)計(jì)。
平面設(shè)計(jì)的簡(jiǎn)化站點(diǎn)具有無限的適應(yīng)性和非常容易做出響應(yīng)。
缺點(diǎn)
平面設(shè)計(jì)可以限制,限制你的簡(jiǎn)單的顏色,形狀,和肖像。
如果做得太過了,很容易就會(huì)意外地創(chuàng)建一個(gè)沒有特征的、看起來很普通的站點(diǎn)。
一些網(wǎng)站或應(yīng)用程序需要復(fù)雜的視覺線索來引導(dǎo)用戶通過這個(gè)過程,這是平面設(shè)計(jì)的主要缺點(diǎn)之一。一個(gè)常見的抱怨是,它缺少陰影和凸起的邊緣,這使得它很難分辨出可點(diǎn)擊的按鈕,而不是靜態(tài)的矢量圖形。
它的無處不在可以讓它很難創(chuàng)建一個(gè)原始的平面網(wǎng)站或應(yīng)用程序。
在一個(gè)相關(guān)的說明上,這是一個(gè)很明顯的2010年中期審美觀,如果你不打算很快重新設(shè)計(jì)它,它將會(huì)和你的網(wǎng)站約會(huì)。
材料設(shè)計(jì)
材料設(shè)計(jì)
對(duì)平面設(shè)計(jì)的批評(píng)認(rèn)為它太過分了;它太激進(jìn)了,不能去除所有的斜線,即使是有用的。輸入材料設(shè)計(jì)。從無數(shù)的圖像編輯器中借用層的概念——通過投影、斜視和動(dòng)畫來分隔它們——它利用了我們的自然能力,將深度與重要性聯(lián)系起來。
材料設(shè)計(jì)是由谷歌開發(fā)的一套設(shè)計(jì)標(biāo)準(zhǔn),并在本文件中列出。它有無數(shù)獨(dú)特和有趣的特性,但最重要的可能是它使用z軸?;旧希谄矫嬖O(shè)計(jì)中加入了一個(gè)小的偏態(tài),形成了一組二維平面在指定的海拔上相互浮動(dòng)的印象。
想象一張紙,但它可以隨意擴(kuò)張和收縮,重塑自我,融合和分裂。現(xiàn)在,把其中的幾個(gè)堆在一起(它們也可以懸浮),并在每一個(gè)上面畫一個(gè)站點(diǎn)元素。這就是概括的概念。
然而,這并不是設(shè)計(jì)文檔的特殊性,然而,它并不是一套寫在紙上的.
掃一掃,加我微信
但是這兩者之間有什么區(qū)別呢?一個(gè)天生比另一個(gè)好嗎?在某些用途方面更好?事實(shí)上,有些人想知道他們之間到底有多大的不同。讓我們從最基本的開始:它位于每個(gè)元素中存在的多態(tài)。
Skeuomorphism
Skeuomorphism
在這種情況下,skeuform是一種模擬物理世界的設(shè)計(jì)。通常情況下,在線工具的形式看起來就像它們的真實(shí)世界的變體,比如像鍵盤一樣的合成器程序。在大部分時(shí)間里它都是網(wǎng)絡(luò)和界面設(shè)計(jì)的主流。
問題在于,它通常不是基于數(shù)字可用性,也不是所有的旋鈕和按鈕都可以用鼠標(biāo)或觸摸屏操作——它僅僅是指模仿過去的樣子。
最終,設(shè)計(jì)世界得出了這樣的結(jié)論:還需要一些其他的東西,這些東西會(huì)帶走所有的復(fù)古裝飾元素,讓它們具有可用性,加快加載時(shí)間,并把重點(diǎn)放在讓訪問者高效地瀏覽內(nèi)容上。因此,他們從數(shù)字界面中移除所有的skeuform的痕跡,以創(chuàng)建平面設(shè)計(jì)。
平面設(shè)計(jì)
平面設(shè)計(jì)
平面設(shè)計(jì)
平面設(shè)計(jì)在很多方面都是設(shè)計(jì)的基礎(chǔ)。它消除了任何形式的選擇,給它帶來了三維的錯(cuò)覺,比如投影、漸變和紋理。它只專注于圖標(biāo)、字體和顏色的相互作用。
這是為數(shù)字媒體設(shè)計(jì)的第一個(gè)連貫的風(fēng)格之一,它利用了互聯(lián)網(wǎng)獨(dú)特的特性和用戶的需求,簡(jiǎn)單的按鈕為高效的尋找,為快速識(shí)別元素而制作的簡(jiǎn)單的顏色方案,和簡(jiǎn)單的圖標(biāo)。
外觀在平面設(shè)計(jì)中是次要的:它的焦點(diǎn)是原始功能。它的簡(jiǎn)單的圖標(biāo)甚至可以去掉一些網(wǎng)站的拷貝的需要,因?yàn)橛^眾是直觀地引導(dǎo)通過使用它的過程,根據(jù)顏色和圖片。此外,它加快了加載時(shí)間,并在高分辨率和低分辨率屏幕上顯示效果,從而獲得了更可靠的用戶體驗(yàn)。因此,它使設(shè)計(jì)人員和用戶都更加容易。
優(yōu)點(diǎn)
它包含了屏幕的局限性,并與它們一起工作,而不是試圖成為其他的東西。
它簡(jiǎn)化了設(shè)計(jì),去掉了不必要的圖形和動(dòng)畫元素,減少了加載時(shí)間。
缺乏雙向元素也可以通過內(nèi)容加快讀者的進(jìn)程。
移除所有不必要的設(shè)計(jì)選擇,促進(jìn)更快的網(wǎng)站設(shè)計(jì)。
平面設(shè)計(jì)的簡(jiǎn)化站點(diǎn)具有無限的適應(yīng)性和非常容易做出響應(yīng)。
缺點(diǎn)
平面設(shè)計(jì)可以限制,限制你的簡(jiǎn)單的顏色,形狀,和肖像。
如果做得太過了,很容易就會(huì)意外地創(chuàng)建一個(gè)沒有特征的、看起來很普通的站點(diǎn)。
一些網(wǎng)站或應(yīng)用程序需要復(fù)雜的視覺線索來引導(dǎo)用戶通過這個(gè)過程,這是平面設(shè)計(jì)的主要缺點(diǎn)之一。一個(gè)常見的抱怨是,它缺少陰影和凸起的邊緣,這使得它很難分辨出可點(diǎn)擊的按鈕,而不是靜態(tài)的矢量圖形。
它的無處不在可以讓它很難創(chuàng)建一個(gè)原始的平面網(wǎng)站或應(yīng)用程序。
在一個(gè)相關(guān)的說明上,這是一個(gè)很明顯的2010年中期審美觀,如果你不打算很快重新設(shè)計(jì)它,它將會(huì)和你的網(wǎng)站約會(huì)。
材料設(shè)計(jì)
材料設(shè)計(jì)
對(duì)平面設(shè)計(jì)的批評(píng)認(rèn)為它太過分了;它太激進(jìn)了,不能去除所有的斜線,即使是有用的。輸入材料設(shè)計(jì)。從無數(shù)的圖像編輯器中借用層的概念——通過投影、斜視和動(dòng)畫來分隔它們——它利用了我們的自然能力,將深度與重要性聯(lián)系起來。
材料設(shè)計(jì)是由谷歌開發(fā)的一套設(shè)計(jì)標(biāo)準(zhǔn),并在本文件中列出。它有無數(shù)獨(dú)特和有趣的特性,但最重要的可能是它使用z軸?;旧希谄矫嬖O(shè)計(jì)中加入了一個(gè)小的偏態(tài),形成了一組二維平面在指定的海拔上相互浮動(dòng)的印象。
想象一張紙,但它可以隨意擴(kuò)張和收縮,重塑自我,融合和分裂。現(xiàn)在,把其中的幾個(gè)堆在一起(它們也可以懸浮),并在每一個(gè)上面畫一個(gè)站點(diǎn)元素。這就是概括的概念。
然而,這并不是設(shè)計(jì)文檔的特殊性,然而,它并不是一套寫在紙上的.
標(biāo)簽:
本文來源:友點(diǎn)軟件,轉(zhuǎn)載請(qǐng)注明出處!如果需要營(yíng)銷型網(wǎng)站建設(shè)、微商城、小程序商城、多端小程序 請(qǐng)聯(lián)系我們!
掃一掃,加我微信
本文來源:杰云網(wǎng)絡(luò),轉(zhuǎn)載請(qǐng)注明出處!如果需要 營(yíng)銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們!
掃一掃,加我微信
掃一掃,加我微信