設計是藝術(shù)的延伸，藝術(shù)發展有自(zì)己的時間線，最近很多(duō)大熱的設計風格在年(nián)齡上(shàng)其實算(suàn)是老奶奶了，本文根據時間脈絡梳理了一(yī)下(xià)這個(gè)設計風格。

在做每一(yī)個(gè)項目或者産品時，都需要根據行業(yè)、用戶、場景等确定網頁或者系統的頁面設計，需要了解的有網頁設計風格、主題色與配色、頁面元素等。

設計風格也有潮流趨勢，你了解了每種設計風格的含義與内容後，才能(néng)夠結合業(yè)務來确定你的産品最終采取的方案。

設計是藝術(shù)的延伸，藝術(shù)發展有自(zì)己的時間線，最近很多(duō)大熱的設計風格在年(nián)齡上(shàng)其實算(suàn)是老奶奶了，根據時間脈絡梳理一(yī)下(xià)這個(gè)設計風格，形成全面的設計認知，和公司的設計同事(shì)交流起來能(néng)夠得心應手、語言相(xiàng)通(tōng)，掌握一(yī)些設計的專業(yè)術(shù)語與良好審美，也算(suàn)是産品的必修課。

一(yī) 、波普藝術(shù)

誕生(shēng)時間： 20 世紀 50 年(nián)代中期

誕生(shēng)地點：英國(guó)

藝術(shù)特點：明快突出的色彩、強烈的對比、很強的視覺沖擊、表現方式豐富。

二、極簡藝術(shù)

誕生(shēng)時間： 1960 年(nián)

藝術(shù)特點：追求極緻簡約的呈現效果，并且不接受任何違反這一(yī)形态的任何事(shì)物(wù)，消除作品對觀者的壓迫力，追求形式上(shàng)的簡單極緻、思想上(shàng)的優雅。

三、孟菲斯藝術(shù)

誕生(shēng)時間： 1981 年(nián)

誕生(shēng)地點：意大利米蘭

藝術(shù)特點：構圖上(shàng)打破橫平豎直的線條，采用波形曲線，曲面和直線，平面的組合；在色彩上(shàng)常常故意打破配色規律，喜歡用一(yī)些明快、風趣、彩度高(gāo)的明亮色調，特别是粉紅(hóng)、粉綠等鮮豔的色彩；由點，線，面等細小(xiǎo)的幾何形體做趣味的裝飾設計。反對當時非常流行的極簡風格和單調冷峻的現代主義。

四、超寫實藝術(shù)

誕生(shēng)時間： 20 世界末

誕生(shēng)地點：美國(guó)

藝術(shù)特點：真實、場景化、空間感。

五、蒸汽波藝術(shù)

誕生(shēng)時間： 2010 年(nián)

誕生(shēng)地點：最早興起于日本

藝術(shù)特點：常見(jiàn)元素：古典雕塑、（Lo-Fi）低(dī)保真效果、Windows95 窗(chuāng)口樣式、綠色植物(wù)、文字（常見(jiàn)日語文字）。随意、粗糙、制作蒸汽波作品無需畫(huà)技(jì)，把喜歡的元素拼貼在一(yī)起即可。

六、MBE插畫(huà)風格

誕生(shēng)時間： 2015 年(nián)

誕生(shēng)地點：法國(guó)設計師(shī)創建

藝術(shù)特點：圓潤、呆萌、可愛有趣、簡潔，演變自(zì)線框圖Q版卡通(tōng)畫(huà)，多(duō)種插畫(huà)風格中的一(yī)種。

七、Low Poly風格（低(dī)多(duō)邊形風格）

誕生(shēng)時間： 1996 年(nián)

藝術(shù)特點：立體、科技(jì)感、三角形，低(dī)細節，面又(yòu)多(duō)又(yòu)小(xiǎo)，高(gāo)度渲染，經常配以柔光(guāng)效果，把多(duō)色元素，用三角形分割，每個(gè)小(xiǎo)三角形的顔色，取自(zì)原多(duō)色元素的相(xiàng)應位置。起源于三維遊戲中的計算(suàn)機(jī)建模。

八、拟物(wù)化設計（skeuomorphism）

代表作品：iOS7. 0 以下(xià)，Android、以及iOS7. 0 以下(xià)時代的大部分app、錘子。

藝術(shù)特點：

• 界面：模拟真實物(wù)體的材質、質感、細節、光(guāng)亮等；

• 交互：人機(jī)交互也拟物(wù)化，模拟現實中的交互方式。傳達了豐富的人性化的感情，拟物(wù)化本身就(jiù)是個(gè)約束，會(huì)限制功能(néng)本身的設計。

九、扁平化設計‍

誕生(shēng)時間： 2008 年(nián)

代表作品：iOS7. 0 及以上(shàng)，微軟的Metro UI，Phone8，Windows8。

誕生(shēng)地點：谷歌(gē)提出

藝術(shù)特點：核心意義是：去除冗餘、厚重和繁雜(zá)的裝飾效果。具體表現在去掉了多(duō)餘的透視、紋理、漸變以及能(néng)做出3D效果的元素，這樣可以讓“信息”本身重新作為(wèi)核心被凸顯出來。同時在設計元素上(shàng)，則強調了抽象、極簡和符号化。簡單純色的簡單組合（iOS系）、單色極簡的抽象矩形色塊（微軟系）、大字體、光(guāng)滑、現代感十足。

十、長(cháng)陰影設計（Long Shadow Design）

誕生(shēng)時間： 2013 年(nián)

藝術(shù)特點：長(cháng)陰影其實就(jiù)是擴展了對象的投影，感覺是一(yī)種光(guāng)線照(zhào)射下(xià)的影子，通(tōng)常采用角度為(wèi) 45 度的投影，給對象添加了一(yī)份立體感。長(cháng)陰影快速發展為(wèi)流行的設計趨勢，并經常被應用到(dào)扁平設計方案的對象。

這些陰影特别之處在于它們也是扁平的，網頁設計師(shī)使用沒有陰影、漸變的顔色來生(shēng)成陰影。目前，長(cháng)陰影設計主要用于較小(xiǎo)的對象和元素，如：圖标。

十一(yī)、3D風格

藝術(shù)特點：少量3D效果增加網頁靈動性，在扁平化設計上(shàng)，添加一(yī)些非扁平元素，給網站帶來了原本缺乏的維度感。

十二、無邊框風格

誕生(shēng)時間：誕生(shēng)時間不确定， 2017 年(nián)流行。

藝術(shù)特點：無邊框風格是指那些避免使用各類邊框的網頁設計，這裡(lǐ)的邊框是指任何類型的裝飾性容器(qì)，通(tōng)過去掉這些裝飾性容器(qì)，加強基本内容的設計感，比如：圖片質量和排版布局，從(cóng)而提升整體因無裝飾性容器(qì)的視覺表現。

十三、黑(hēi)闆/現實桌面風格

藝術(shù)特點：黑(hēi)闆或者現實桌面作為(wèi)背景元素，不多(duō)見(jiàn)，但是設計的好的話，很出彩。

十四、縱向分割

藝術(shù)特點：将屏幕一(yī)分為(wèi)二甚至是多(duō)欄，在網頁設計中使用新鮮的分屏式設計可以方便呈現不同的信息，創造對比，同時劃分有效區域，方便用戶進行快速選擇和視覺聚焦。

十五、超級頭版

藝術(shù)特點：取代輪播幻燈片，在首頁上(shàng)使用尺寸超大、迷人的精美Banner，而這個(gè)超級頭版彙聚了對産品的精華總結，從(cóng)而将網站最重要的内容展示給用戶。

十六、像素藝術(shù)

藝術(shù)特點：強調的是一(yī)種風格，具有清晰的輪廓、明快的色彩，不受約束的風格。

十七、極繁風格

誕生(shēng)時間：17~ 18 世紀

代表作品：巴洛克、洛可可

藝術(shù)特點：重複的元素，填充整個(gè)頁面，裁剪和拼貼設計，大膽地運用色彩和圖案來完成百分百吸人眼球的設計。

十八、歐普藝術(shù)

誕生(shēng)時間： 1955 年(nián)

誕生(shēng)地點：法國(guó)

藝術(shù)特點：被稱為(wèi)“光(guāng)效應藝術(shù)”和“視幻藝術(shù)”，“會(huì)動”的幻覺圖片，内容通(tōng)常是線條、形狀、色彩的周期組合或特殊排列，利用垂直線、水(shuǐ)平線、曲線的交錯(cuò)，以及圓形、弧形、矩形等等形狀的并置，引起觀賞者的視覺錯(cuò)覺，以強烈的刺激性和新奇感緻勝。

十九、抽象設計

誕生(shēng)時間： 20 世紀初成為(wèi)一(yī)種審美準則。