前言

實(shí)際上是這一兩年，我們可以發(fā)現(xiàn)越來越多的程序的GUI變得平面化了：google、Microsoft、facebook、甚至apple的首席設(shè)計(jì)師Jony Ive也說過蘋果會(huì)開始適當(dāng)扁平化一點(diǎn)，WWDC2013的新logo也能看出這個(gè)暗示了。 于是很多人都問，為什么會(huì)有這樣的趨勢(shì)了？

在2012年我們看到的幾個(gè)Web設(shè)計(jì)趨勢(shì)中，最顯著的要數(shù)響應(yīng)式設(shè)計(jì)了，而現(xiàn)在2013年的鳴鐘敲響了，讓我們大膽預(yù)測(cè)一下2013的Web設(shè)計(jì)趨勢(shì)。

1. 更多的響應(yīng)式設(shè)計(jì)

雖然響應(yīng)式設(shè)計(jì)在2012年被提的比較多，但是響應(yīng)式設(shè)計(jì)仍然在不斷變化，不斷創(chuàng)新。比如，新的設(shè)備不斷出來（iPad Mini），這讓以前的設(shè)計(jì)想法土崩瓦解。而現(xiàn)在各種Web的響應(yīng)式設(shè)計(jì)也獲得了越來越多的注意，“讓人們忘記設(shè)備尺寸”的理念將更快地驅(qū)動(dòng)響應(yīng)式設(shè)計(jì)，所以Web設(shè)計(jì)也將迎來更多的響應(yīng)式設(shè)計(jì)元素。

　“很多創(chuàng)業(yè)者在融到VC的資金后，會(huì)在第一年花掉募集資金的50%-80%，然后第二年把剩下的錢花掉。他們募資后會(huì)雄心勃勃地干三件大事：1擴(kuò)大辦公室或者搬豪華辦公室 2漲工資，大幅招人 3市場(chǎng)營(yíng)銷費(fèi)用巨增。之后，他們又沒錢了，并處在生死邊緣。很多創(chuàng)業(yè)者，都會(huì)因?yàn)樵?jīng)花錢太快后悔!”(清科集團(tuán)CEO 倪正東)

上一篇我們剝離了主觀的理念，單純對(duì) Smartisan OS 的系統(tǒng)進(jìn)行了全面的介紹，事實(shí)上，發(fā)布會(huì)上每展示一個(gè)功能或設(shè)計(jì)，羅永浩就要花費(fèi)成倍的口舌進(jìn)行渲染和烘托，言辭中還不時(shí)對(duì)業(yè)界標(biāo)桿和競(jìng)爭(zhēng)對(duì)手進(jìn)行揶揄和挖苦。

Metro 設(shè)計(jì)是一個(gè)不容忽視的市場(chǎng)大趨勢(shì)。這是全新的用戶體驗(yàn)，將成為微軟未來的操作系統(tǒng)——Windows 8和Windows phone 的一部分。隨著移動(dòng)時(shí)代的到來，metro UI 風(fēng)格被推向新的高度，“METRO STYLE”的浪潮下，你被打濕了嗎？

Metro是由微軟公司開發(fā)的內(nèi)部名稱為“ typography-based design language”（基于排版的設(shè)計(jì)語(yǔ)言）。Metro UI是一種界面展示技術(shù)，和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對(duì)象，而Metro界面強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。

越來越多的設(shè)計(jì)網(wǎng)站已在UI上走扁平式設(shè)計(jì)的路線。談到設(shè)計(jì)，無論是一個(gè)網(wǎng)站還是一個(gè)應(yīng)用程序，扁平化和極簡(jiǎn)的設(shè)計(jì)正在成為新的趨勢(shì)。人們正在遠(yuǎn)離一直很受歡迎的skeuomorphism設(shè)計(jì)（模仿實(shí)物紋理），蘋果推出iOS時(shí)許多設(shè)計(jì)師都采用它。


但隨著網(wǎng)站和應(yīng)用程序在許多平臺(tái)涵蓋了越來越多不同的屏幕尺寸，創(chuàng)建多個(gè)屏幕尺寸和分辨率的skeuomorphic設(shè)計(jì)既繁瑣又費(fèi)時(shí)。設(shè)計(jì)正朝著更加扁平化的設(shè)計(jì)，你可以一次保證在所有的屏幕尺寸上它會(huì)很好看。


 

下面給出一些扁平化設(shè)計(jì)很好的例子。

數(shù)字化設(shè)計(jì)，尤其是界面設(shè)計(jì)，新趨勢(shì)之一就是簡(jiǎn)單。其實(shí)微軟早在2007年可能已經(jīng)開始進(jìn)行對(duì)簡(jiǎn)單界面的追求了，當(dāng)時(shí)他們推出的Zune播放器擁有優(yōu)美的排版界面。盡管該產(chǎn)品的有些失敗，但其UI進(jìn)行了改進(jìn)并且應(yīng)用到Windows Phone和Windows 8界面設(shè)計(jì)里。另一方面iOS上在大量逼真的紋理和深度的基礎(chǔ)上，加上漸變、光澤的風(fēng)格效果和陰影效果，但是我們開始看到越來越多適用于所有平臺(tái)的應(yīng)用程序采用了更簡(jiǎn)約的方式。

在這篇文章中，我們配合一些漂亮的設(shè)計(jì)說明這一趨勢(shì)。這些照片來自Dribbble，點(diǎn)擊圖片可訪問作者頁(yè)面獲取更多信息。
 

Regy Perlera
 

 

色彩公司pantone 最近選擇了綠寶石色（emerald ：17-5641 ）作為2013 年的年度顏色，在他們的描述中，綠寶石色“ 生動(dòng)，光芒四射，有魅力…… 是一種代表了優(yōu)雅和美麗的顏色，加強(qiáng)了我們個(gè)人的自然存在感，帶給我們平和心態(tài)” 。

藍(lán)注：今年prada 新款綠色寶石的裙子， 也特別的漂亮！孫儷穿過，從者眾！

本文譯自網(wǎng)站設(shè)計(jì)公司weavora.com ，介紹了在他們眼里8個(gè)Web設(shè)計(jì)趨勢(shì)：?jiǎn)雾?yè)面、用照片做背景、色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體，每個(gè)趨勢(shì)后面都附了數(shù)個(gè)案例，相信對(duì)網(wǎng)站設(shè)計(jì)師會(huì)有一定的參考價(jià)值。

單頁(yè)面

單個(gè)長(zhǎng)頁(yè)面的設(shè)計(jì)一度不受人待見（無論是客戶還是設(shè)計(jì)師），但現(xiàn)在整個(gè)互聯(lián)網(wǎng)隨處可見。一個(gè)合理的解釋是，用戶現(xiàn)在早已習(xí)慣于使用鼠標(biāo)滾輪了，比起在多個(gè)頁(yè)面間來回查看，用滾輪上下瀏覽要省事得多。

包括蘋果在內(nèi)的一些知名大公司也使用了相當(dāng)長(zhǎng)的頁(yè)面來展示產(chǎn)品，獲得了很不錯(cuò)的效果。