扁平化設(shè)計(jì)和長(zhǎng)投影設(shè)計(jì)

原創(chuàng)設(shè)計(jì) - 經(jīng)驗(yàn)分享 來(lái)源:設(shè)計(jì)在線 作者:天池 2014-01-15

 

對(duì)當(dāng)下設(shè)計(jì)界大熱的扁平化設(shè)計(jì)和長(zhǎng)投影設(shè)計(jì)的簡(jiǎn)單介紹。

 

近幾年來(lái)扁平化的用戶界面在設(shè)計(jì)師間廣為流行。扁平化設(shè)計(jì)因其簡(jiǎn)潔有序并能使設(shè)計(jì)極簡(jiǎn)的特點(diǎn)而大熱。扁平化設(shè)計(jì)去除了所有在網(wǎng)頁(yè)設(shè)計(jì)中多余的元素和特性,如圖形,聲效,坡度,3D元素,陰影和特效,這些都會(huì)使網(wǎng)頁(yè)看起來(lái)?yè)頂D不堪并且毫無(wú)吸引力。用戶界面的扁平化設(shè)計(jì)在網(wǎng)頁(yè)中是極佳的,它使得用戶更專注于網(wǎng)頁(yè)內(nèi)容而不是令人目眩的設(shè)計(jì)元素。

更多關(guān)于扁平化設(shè)計(jì)

扁平化設(shè)計(jì)吸收了極度簡(jiǎn)潔的方式。下面的這些關(guān)于扁平化用戶界面設(shè)計(jì)的例子將會(huì)給讀者一個(gè)更加清晰的概念。許多天氣移動(dòng)應(yīng)用程序使用了扁平化的用戶界面設(shè)計(jì)。他們用大號(hào)粗體的字母和數(shù)字給出一些該地天氣最基本的細(xì)節(jié)。這些天氣應(yīng)用并沒有那些會(huì)把讀者的注意力從他們提供的內(nèi)容吸引走的音效或是圖形元素。天氣信息多為粗體并且整個(gè)頁(yè)面也是簡(jiǎn)潔清新的。這種不混亂的方法用一種直截了當(dāng)?shù)挠脩艚缑娼o讀者傳遞信息。一些游戲應(yīng)用特別是文字類游戲,日歷應(yīng)用,天氣類網(wǎng)站和郵箱服務(wù)網(wǎng)站普遍使用扁平化設(shè)計(jì),因?yàn)檫@種網(wǎng)頁(yè)的極簡(jiǎn)設(shè)計(jì)對(duì)于直接而清晰地給用戶提供信息是非常理想的。

長(zhǎng)投影設(shè)計(jì)

近日來(lái)比扁平化設(shè)計(jì)更為流行的便是長(zhǎng)投影設(shè)計(jì)了。長(zhǎng)投影設(shè)計(jì)日益流行并迅速成為被許多設(shè)計(jì)師使用的最新潮流之一。長(zhǎng)投影設(shè)計(jì)某種程度上是扁平化設(shè)計(jì)的拓展或者說(shuō)下一個(gè)階段。在秉持扁平化設(shè)計(jì)基本審美的同時(shí),這一設(shè)計(jì)在長(zhǎng)投影的幫助下使設(shè)計(jì)更有深度并同時(shí)保持了設(shè)計(jì)的扁平化。設(shè)計(jì)師通常通過給圖標(biāo)添加陰影的方式來(lái)創(chuàng)立長(zhǎng)投影設(shè)計(jì)。它一般是一個(gè)把普通陰影的長(zhǎng)度拓展了的45度陰影。圖標(biāo)或標(biāo)志通過這樣的處理會(huì)使設(shè)計(jì)更加具有深度。長(zhǎng)投影設(shè)計(jì)不是一種獨(dú)立的設(shè)計(jì),而是扁平化用戶界面設(shè)計(jì)世界的一個(gè)新的元素或是縱深發(fā)展。

伴隨著長(zhǎng)投影設(shè)計(jì)日益流行,熱衷于扁平化用戶界面的設(shè)計(jì)師選擇在他們的網(wǎng)頁(yè)中使用長(zhǎng)投影設(shè)計(jì)作為他們扁平化設(shè)計(jì)概念的一部分去創(chuàng)建極簡(jiǎn)并且吸引人的用戶界面。長(zhǎng)投影設(shè)計(jì)對(duì)于上文提到的設(shè)計(jì)師想著重強(qiáng)調(diào)粗體的圖標(biāo)和標(biāo)志是極為理想的。通過運(yùn)用長(zhǎng)投影設(shè)計(jì),這些圖標(biāo)會(huì)更加具有深度,也會(huì)更加奪人眼球。

扁平化用戶界面設(shè)計(jì)非常流行,然而當(dāng)今的趨勢(shì)是在網(wǎng)頁(yè)中同時(shí)使用扁平化和長(zhǎng)投影設(shè)計(jì)。

長(zhǎng)投影設(shè)計(jì)已經(jīng)被廣泛地應(yīng)用于圖標(biāo)和標(biāo)志中。陰影存在于畫布元素中并通常會(huì)在背景邊框中延伸出對(duì)象。我們現(xiàn)在看到的許多長(zhǎng)投影設(shè)計(jì)概念均來(lái)自于一些設(shè)計(jì)師在探索更加富有創(chuàng)意的方式,為蘋果公司的新一代操作系統(tǒng)iOS 7設(shè)計(jì)圖標(biāo)。

蘋果發(fā)布新一代操作系統(tǒng)iOS 7之后,大多數(shù)的移動(dòng)用戶界面都轉(zhuǎn)向了扁平化設(shè)計(jì)。設(shè)計(jì)界下一個(gè)大潮便是長(zhǎng)投影了。如你所想,這一大潮將會(huì)包含那些完全不顧及比例的長(zhǎng)陰影,可不知為何他們看起來(lái)卻是的那么的驚艷。

下面是我們從dribbble、behance等處找到的各種長(zhǎng)投影設(shè)計(jì)范例。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

這家伙很懶,什么都沒寫點(diǎn)

關(guān)注 私信

創(chuàng)意設(shè)計(jì)電商:這個(gè)潛力市場(chǎng)不太擠
創(chuàng)意設(shè)計(jì)電商:這個(gè)潛力市場(chǎng)不太擠
設(shè)計(jì)心得:如何制作令人愉悅的動(dòng)畫特效
設(shè)計(jì)心得:如何制作令人愉悅的動(dòng)畫特效
網(wǎng)頁(yè)設(shè)計(jì)中將被淘汰的8個(gè)趨勢(shì)
網(wǎng)頁(yè)設(shè)計(jì)中將被淘汰的8個(gè)趨勢(shì)

全部評(píng)論

暫無(wú)相關(guān)推薦