設計(jì)是藝術(shù)的延伸，藝術(shù)發展有(yǒu)自己的時(shí)間(jiān)線，最近很(hěn)多(duō)大(dà)熱的設計(jì)風格在年齡上(shàng)其實算(suàn)是老奶奶了，本文根據時(shí)間(jiān)脈絡梳理(lǐ)了一下這個(gè)設計(jì)風格。

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

設計(jì)風格也有(yǒu)潮流趨勢，你(nǐ)了解了每種設計(jì)風格的含義與內(nèi)容後，才能夠結合業務來(lái)确定你(nǐ)的産品最終采取的方案。

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

一 、波普藝術(shù)

誕生(shēng)時(shí)間(jiān)： 20 世紀 50 年代中期

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

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

二、極簡藝術(shù)

誕生(shēng)時(shí)間(jiān)： 1960 年

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

三、孟菲斯藝術(shù)

誕生(shēng)時(shí)間(jiān)： 1981 年

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

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

四、超寫實藝術(shù)

誕生(shēng)時(shí)間(jiān)： 20 世界末

誕生(shēng)地點：美國藝術(shù)特點：真實、場(chǎng)景化、空(kōng)間(jiān)感。

五、蒸汽波藝術(shù)

誕生(shēng)時(shí)間(jiān)： 2010 年

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

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

六、MBE插畫(huà)風格

誕生(shēng)時(shí)間(jiān)： 2015 年

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

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

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

誕生(shēng)時(shí)間(jiān)： 1996 年

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

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

藝術(shù)特點：

界面：模拟真實物體(tǐ)的材質、質感、細節、光亮等；

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

九、扁平化設計(jì)?

誕生(shēng)時(shí)間(jiān)： 2008 年

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

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

藝術(shù)特點：

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

十、長陰影(yǐng)設計(jì)（Long Shadow Design）

誕生(shēng)時(shí)間(jiān)： 2013 年藝術(shù)特點：長陰影(yǐng)其實就是擴展了對象的投影(yǐng)，感覺是一種光線照射下的影(yǐng)子，通(tōng)常采用角度為(wèi) 45 度的投影(yǐng)，給對象添加了一份立體(tǐ)感。長陰影(yǐng)快速發展為(wèi)流行(xíng)的設計(jì)趨勢，并經常被應用到扁平設計(jì)方案的對象。這些(xiē)陰影(yǐng)特别之處在于它們也是扁平的，網頁設計(jì)師(shī)使用沒有(yǒu)陰影(yǐng)、漸變的顔色來(lái)生(shēng)成陰影(yǐng)。目前，長陰影(yǐng)設計(jì)主要用于較小(xiǎo)的對象和(hé)元素，如：圖标。

十一、3D風格

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

十二、無邊框風格

誕生(shēng)時(shí)間(jiān)：誕生(shēng)時(shí)間(jiān)不确定， 2017 年流行(xíng)。藝術(shù)特點：無邊框風格是指那(nà)些(xiē)避免使用各類邊框的網頁設計(jì)，這裏的邊框是指任何類型的裝飾性容器(qì)，通(tōng)過去掉這些(xiē)裝飾性容器(qì)，加強基本內(nèi)容的設計(jì)感，比如：圖片質量和(hé)排版布局，從而提升整體(tǐ)因無裝飾性容器(qì)的視(shì)覺表現。

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

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

十四、縱向分割

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

十五、超級頭版

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

十六、像素藝術(shù)

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

十七、極繁風格

誕生(shēng)時(shí)間(jiān)：17~ 18 世紀代表作(zuò)品：巴洛克、洛可(kě)可(kě)藝術(shù)特點：重複的元素，填充整個(gè)頁面，裁剪和(hé)拼貼設計(jì)，大(dà)膽地運用色彩和(hé)圖案來(lái)完成百分百吸人(rén)眼球的設計(jì)。

十八、歐普藝術(shù)

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

十九、抽象設計(jì)

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

藝術(shù)特點：美感內(nèi)容借由形體(tǐ)、線條、色彩的形式組合或結構來(lái)表現。有(yǒu)時(shí)抽象藝術(shù)的主題是真實存在的，但(dàn)由于過分風格化、模糊化、重疊覆蓋或分解至基本的形式，以至于難以辨認原貌。

設計(jì)本身是一個(gè)曆史綿長的豐富的藝術(shù)表達世界之一，設計(jì)分為(wèi)平面設計(jì)、環藝設計(jì)、工業設計(jì)、建築設計(jì)、服裝設計(jì)、網頁設計(jì)等，設計(jì)風格與形式取決于設計(jì)應用的場(chǎng)景和(hé)藝術(shù)風格本源，這個(gè)世界裏的內(nèi)容極其豐富，抓住一條脈絡可(kě)以深挖下去，我們根據脈絡培養審美即可(kě)。

我們在進行(xíng)産品建設中，網頁UI設計(jì)有(yǒu)集美貌與才華于一身的UI設計(jì)師(shī)來(lái)做(zuò)，實現有(yǒu)集美貌與才華于一身的前端工程師(shī)來(lái)做(zuò)。但(dàn)是作(zuò)為(wèi)産品汪，對于整體(tǐ)的頁面風格還(hái)需要有(yǒu)一定的認知，能夠根據UI設計(jì)師(shī)需要的設計(jì)需求來(lái)收集用戶需求與數(shù)據、應用場(chǎng)景、産品本身特質，在網頁設計(jì)上(shàng)也不能一味追求潮流，而是要綜合自己産品的實際情況與行(xíng)業産品氣質進行(xíng)選擇。