設(shè)計(jì)是藝術(shù)的延伸，藝術(shù)發(fā)展有自己的時(shí)間線，最近很多大熱的設(shè)計(jì)風(fēng)格在年齡上其實(shí)算是老奶奶了，本文根據(jù)鄭州網(wǎng)站建設(shè)時(shí)間脈絡(luò)梳理了一下這個(gè)設(shè)計(jì)風(fēng)格。
在做每一個(gè)項(xiàng)目或者產(chǎn)品時(shí)，都需要根據(jù)行業(yè)、用戶、場(chǎng)景等確定網(wǎng)頁(yè)或者系統(tǒng)的頁(yè)面設(shè)計(jì)，需要了解的有網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格、主題色與配色、頁(yè)面元素等。
設(shè)計(jì)風(fēng)格也有潮流趨勢(shì)，你了解了每種設(shè)計(jì)風(fēng)格的含義與內(nèi)容后，才能夠結(jié)合業(yè)務(wù)來(lái)確定你的產(chǎn)品最終采取的方案。
設(shè)計(jì)是藝術(shù)的延伸，藝術(shù)發(fā)展有自己的時(shí)間線，最近很多大熱的設(shè)計(jì)風(fēng)格在年齡上其實(shí)算是老奶奶了，根據(jù)時(shí)間脈絡(luò)梳理一下這個(gè)設(shè)計(jì)風(fēng)格，形成全面的設(shè)計(jì)認(rèn)知，和公司的設(shè)計(jì)同事交流起來(lái)能夠得心應(yīng)手、語(yǔ)言相通，掌握一些設(shè)計(jì)的專業(yè)術(shù)語(yǔ)與良好審美，也算是產(chǎn)品的必修課。
一 、波普藝術(shù)
誕生時(shí)間： 20 世紀(jì) 50 年代中期
誕生地點(diǎn)：英國(guó)
藝術(shù)特點(diǎn)：明快突出的色彩、強(qiáng)烈的對(duì)比、很強(qiáng)的視覺(jué)沖擊、表現(xiàn)方式豐富。
二、極簡(jiǎn)藝術(shù)
誕生時(shí)間： 1960 年
藝術(shù)特點(diǎn)：追求極致簡(jiǎn)約的呈現(xiàn)效果，并且不接受任何違反這一形態(tài)的任何事物，消除作品對(duì)觀者的壓迫力，追求形式上的簡(jiǎn)單極致、思想上的優(yōu)雅。
三、孟菲斯藝術(shù)
誕生時(shí)間： 1981 年
誕生地點(diǎn)：意大利米蘭
藝術(shù)特點(diǎn)：構(gòu)圖上打破橫平豎直的線條，采用波形曲線，曲面和直線，平面的組合；在色彩上常常故意打破配色規(guī)律，喜歡用一些明快、風(fēng)趣、彩度高的明亮色調(diào)，特別是粉紅、粉綠等鮮艷的色彩；由點(diǎn)，線，面等細(xì)小的幾何形體做趣味的裝飾設(shè)計(jì)。反對(duì)當(dāng)時(shí)非常流行的極簡(jiǎn)風(fēng)格和單調(diào)冷峻的現(xiàn)代主義。
四、超寫實(shí)藝術(shù)
誕生時(shí)間： 20 世界末
誕生地點(diǎn)：美國(guó)
藝術(shù)特點(diǎn)：真實(shí)、場(chǎng)景化、空間感。
五、蒸汽波藝術(shù)
誕生時(shí)間： 2010 年
誕生地點(diǎn)：最早興起于日本
藝術(shù)特點(diǎn)：常見(jiàn)元素：古典雕塑、（Lo-Fi）低保真效果、Windows95 窗口樣式、綠色植物、文字（常見(jiàn)日語(yǔ)文字）。隨意、粗糙、制作蒸汽波作品無(wú)需畫技，把喜歡的元素拼貼在一起即可。
六、MBE插畫風(fēng)格
誕生時(shí)間： 2015 年
誕生地點(diǎn)：法國(guó)設(shè)計(jì)師創(chuàng)建
藝術(shù)特點(diǎn)：圓潤(rùn)、呆萌、可愛(ài)有趣、簡(jiǎn)潔，演變自線框圖Q版卡通畫，多種插畫風(fēng)格中的一種。
七、Low Poly風(fēng)格（低多邊形風(fēng)格）
誕生時(shí)間： 1996 年
藝術(shù)特點(diǎn)：立體、科技感、三角形，低細(xì)節(jié)，面又多又小，高度渲染，經(jīng)常配以柔光效果，把多色元素，用三角形分割，每個(gè)小三角形的顏色，取自原多色元素的相應(yīng)位置。起源于三維游戲中的計(jì)算機(jī)建模。
八、擬物化設(shè)計(jì)（skeuomorphism）
代表作品：iOS7. 0 以下，Android、以及iOS7. 0 以下時(shí)代的大部分app、錘子。
藝術(shù)特點(diǎn)：
界面：模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、光亮等；
交互：人機(jī)交互也擬物化，模擬現(xiàn)實(shí)中的交互方式。傳達(dá)了豐富的人性化的感情，擬物化本身就是個(gè)約束，會(huì)限制功能本身的設(shè)計(jì)。
九、扁平化設(shè)計(jì)
?
誕生時(shí)間： 2008 年
代表作品：iOS7. 0 及以上，微軟的Metro UI，Phone8，Windows8。
誕生地點(diǎn)：谷歌提出
藝術(shù)特點(diǎn)：核心意義是：去除冗余、厚重和繁雜的裝飾效果。具體表現(xiàn)在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素，這樣可以讓“信息”本身重新作為核心被凸顯出來(lái)。同時(shí)在設(shè)計(jì)元素上，則強(qiáng)調(diào)了抽象、極簡(jiǎn)和符號(hào)化。簡(jiǎn)單純色的簡(jiǎn)單組合（iOS系）、單色極簡(jiǎn)的抽象矩形色塊（微軟系）、大字體、光滑、現(xiàn)代感十足。
十、長(zhǎng)陰影設(shè)計(jì)（Long Shadow Design）
誕生時(shí)間： 2013 年
藝術(shù)特點(diǎn)：長(zhǎng)陰影其實(shí)就是擴(kuò)展了對(duì)象的投影，感覺(jué)是一種光線照射下的影子，通常采用角度為 45 度的投影，給對(duì)象添加了一份立體感。長(zhǎng)陰影快速發(fā)展為流行的設(shè)計(jì)趨勢(shì)，并經(jīng)常被應(yīng)用到扁平設(shè)計(jì)方案的對(duì)象。
這些陰影特別之處在于它們也是扁平的，網(wǎng)頁(yè)設(shè)計(jì)師使用沒(méi)有陰影、漸變的顏色來(lái)生成陰影。目前，長(zhǎng)陰影設(shè)計(jì)主要用于較小的對(duì)象和元素，如：圖標(biāo)。
十一、3D風(fēng)格
藝術(shù)特點(diǎn)：少量3D效果增加網(wǎng)頁(yè)靈動(dòng)性，在扁平化設(shè)計(jì)上，添加一些非扁平元素，給網(wǎng)站帶來(lái)了原本缺乏的維度感。
十二、無(wú)邊框風(fēng)格
誕生時(shí)間：誕生時(shí)間不確定， 2017 年流行。
藝術(shù)特點(diǎn)：無(wú)邊框風(fēng)格是指那些避免使用各類邊框的網(wǎng)頁(yè)設(shè)計(jì)，這里的邊框是指任何類型的裝飾性容器，通過(guò)去掉這些裝飾性容器，加強(qiáng)基本內(nèi)容的設(shè)計(jì)感，比如：圖片質(zhì)量和排版布局，從而提升整體因無(wú)裝飾性容器的視覺(jué)表現(xiàn)。
十三、黑板/現(xiàn)實(shí)桌面風(fēng)格
藝術(shù)特點(diǎn)：黑板或者現(xiàn)實(shí)桌面作為背景元素，不多見(jiàn)，但是設(shè)計(jì)的好的話，很出彩。
十四、縱向分割
藝術(shù)特點(diǎn)：將屏幕一分為二甚至是多欄，在網(wǎng)頁(yè)設(shè)計(jì)中使用新鮮的分屏式設(shè)計(jì)可以方便呈現(xiàn)不同的信息，創(chuàng)造對(duì)比，同時(shí)劃分有效區(qū)域，方便用戶進(jìn)行快速選擇和視覺(jué)聚焦。
十五、超級(jí)頭版
藝術(shù)特點(diǎn)：取代輪播幻燈片，在首頁(yè)上使用尺寸超大、迷人的精美Banner，而這個(gè)超級(jí)頭版匯聚了對(duì)產(chǎn)品的精華總結(jié)，從而將網(wǎng)站最重要的內(nèi)容展示給用戶。
十六、像素藝術(shù)
藝術(shù)特點(diǎn)：強(qiáng)調(diào)的是一種風(fēng)格，具有清晰的輪廓、明快的色彩，不受約束的風(fēng)格。
十七、極繁風(fēng)格
誕生時(shí)間：17~ 18 世紀(jì)
代表作品：巴洛克、洛可可
藝術(shù)特點(diǎn)：重復(fù)的元素，填充整個(gè)頁(yè)面，裁剪和拼貼設(shè)計(jì)，大膽地運(yùn)用色彩和圖案來(lái)完成百分百吸人眼球的設(shè)計(jì)。
十八、歐普藝術(shù)
誕生時(shí)間： 1955 年
誕生地點(diǎn)：法國(guó)
藝術(shù)特點(diǎn)：被稱為“光效應(yīng)藝術(shù)”和“視幻藝術(shù)”，“會(huì)動(dòng)”的幻覺(jué)圖片，內(nèi)容通常是線條、形狀、色彩的周期組合或特殊排列，利用垂直線、水平線、曲線的交錯(cuò)，以及圓形、弧形、矩形等等形狀的并置，引起觀賞者的視覺(jué)錯(cuò)覺(jué)，以強(qiáng)烈的刺激性和新奇感致勝。
十九、抽象設(shè)計(jì)
誕生時(shí)間： 20 世紀(jì)初成為一種審美準(zhǔn)則。
藝術(shù)特點(diǎn)：美感內(nèi)容借由形體、線條、色彩的形式組合或結(jié)構(gòu)來(lái)表現(xiàn)。有時(shí)抽象藝術(shù)的主題是真實(shí)存在的，但由于過(guò)分風(fēng)格化、模糊化、重疊覆蓋或分解至基本的形式，以至于難以辨認(rèn)原貌。
設(shè)計(jì)本身是一個(gè)歷史綿長(zhǎng)的豐富的藝術(shù)表達(dá)世界之一，設(shè)計(jì)分為平面設(shè)計(jì)、環(huán)藝設(shè)計(jì)、工業(yè)設(shè)計(jì)、建筑設(shè)計(jì)、服裝設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等，設(shè)計(jì)風(fēng)格與形式取決于設(shè)計(jì)應(yīng)用的場(chǎng)景和藝術(shù)風(fēng)格本源，這個(gè)世界里的內(nèi)容極其豐富，抓住一條脈絡(luò)可以深挖下去，我們根據(jù)脈絡(luò)培養(yǎng)審美即可。
我們?cè)谶M(jìn)行產(chǎn)品建設(shè)中，網(wǎng)頁(yè)UI設(shè)計(jì)有集美貌與才華于一身的UI設(shè)計(jì)師來(lái)做，實(shí)現(xiàn)有集美貌與才華于一身的前端工程師來(lái)做。
但是作為產(chǎn)品汪，對(duì)于整體的頁(yè)面風(fēng)格還需要有一定的認(rèn)知，能夠根據(jù)UI設(shè)計(jì)師需要的設(shè)計(jì)需求來(lái)收集用戶需求與數(shù)據(jù)、應(yīng)用場(chǎng)景、產(chǎn)品本身特質(zhì)，在網(wǎng)頁(yè)設(shè)計(jì)上也不能一味追求潮流，而是要綜合自己產(chǎn)品的實(shí)際情況與行業(yè)產(chǎn)品氣質(zhì)進(jìn)行選擇。
歡迎拍磚，一起進(jìn)一步了解鄭州網(wǎng)站建設(shè)。
QQ客服