文章導(dǎo)讀：回顧2017年，諸如618、雙十一、雙十二，每一次大促涌現(xiàn)的優(yōu)秀頁面，可以很明顯的看到其中不乏大量的C4D和手繪頁面，還有動效應(yīng)用以及基于移動端高流量占比的無線端視覺設(shè)計(jì)。轉(zhuǎn)眼五月在即，2018即將過半，面對各大設(shè)計(jì)網(wǎng)站上大神們層出不窮的作品，你是否看懂了今年的視覺設(shè)計(jì)趨勢？

正文：

作為一個設(shè)計(jì)師，我們需要時刻關(guān)注時下的流行趨勢，方能不落伍，清楚當(dāng)下最受歡迎的東西，才能設(shè)計(jì)出被大眾接受和喜愛的作品。我們可能沒有辦法創(chuàng)造趨勢，但通過長期的觀察和經(jīng)驗(yàn)我們可以發(fā)現(xiàn)，設(shè)計(jì)趨勢往往是受到社會大環(huán)境及熱點(diǎn)等因素的影響而呈現(xiàn)的結(jié)果，并不是沒有規(guī)律可循的。而作為一名電商設(shè)計(jì)師，我們更加需要快速將熱點(diǎn)與時效相結(jié)合的能力。以下是基于前人的成果做出的本年度比較貼合電商視覺設(shè)計(jì)的幾個趨勢預(yù)測的整理，希望能夠?qū)Ω魑粡氖禄驘釔垭娚淘O(shè)計(jì)的同學(xué)們帶來一些啟發(fā)和幫助。

一、3D純色渲染

在過去的兩年里，3D設(shè)計(jì)在各個方面都得到了完善，這是一個很大的飛躍。而隨著C4D的流行，三維的表現(xiàn)形式也越來越多地被應(yīng)用于設(shè)計(jì)中，同時也受到了大眾的追捧。3D純色渲染就是通過統(tǒng)一三維物體的色系，使得立體畫面平面化。其本身的立體空間感拓展了畫面的深度，而統(tǒng)一的三維物體的純色渲染則弱化了干擾因素，使得主體更加突出，一下子就抓住了觀眾的視覺焦點(diǎn)，令人眼前一亮卻又過目不忘。其關(guān)鍵詞是材質(zhì)、純色系和平面感。這樣的新鮮又充滿儀式感的形式不僅僅流行于三維藝術(shù)，在一些服裝品牌中也已經(jīng)有所體現(xiàn)，甚至在攝影界也是頗受歡迎，無法忽視的滿滿儀式感令人欲罷不能。

（以上圖片源于網(wǎng)絡(luò)素材）

二、極簡風(fēng)格

設(shè)計(jì)的初期，我們都傾向于做加法，相信很多設(shè)計(jì)師都經(jīng)歷過這個階段，但有時候需要轉(zhuǎn)換思維，大繁至簡，不如試試做減法。在信息爆炸的時代，如何減少干擾，讓用戶聚焦信息，如何讓信息更加有效地傳達(dá)成了設(shè)計(jì)師們共同的難題，而極簡風(fēng)格的設(shè)計(jì)正好可以很好地解決這個難題。極簡設(shè)計(jì)的概念是以信息內(nèi)容為優(yōu)先的去風(fēng)格化設(shè)計(jì)，其特點(diǎn)是大字號、信息優(yōu)先和去風(fēng)格化。少即是多，適當(dāng)?shù)牧舭卓梢愿玫伢w現(xiàn)品牌的高端感和頁面的整潔感。這樣的風(fēng)格適合已經(jīng)有一點(diǎn)認(rèn)知度和品牌調(diào)性的品牌，更少的東西一定程度上會比更多的東西更好把握，但與此同時這樣的風(fēng)格對于設(shè)計(jì)師的排版功力也是一個考驗(yàn)。

（以上圖片源于網(wǎng)絡(luò)素材）

三、賽博朋克&故障風(fēng)格

賽博朋克這個詞，源于上世紀(jì)80年代科幻小說出現(xiàn)的一個分支。攻殼特工隊(duì)帶來的風(fēng)格，同時也受人工智能，VR和AR熱度的影響，高飽和強(qiáng)對比的亮眼霓虹光感搭配錯位拉伸等效果，藍(lán)紫調(diào)下滿滿科技感的故障科技風(fēng)格，在攝影中也有所體現(xiàn)。從去年天貓?jiān)煳锕?jié)的視覺到大火的中國有嘻哈的海報，可以看出，這種風(fēng)格在設(shè)計(jì)中的受歡迎程度，可能是其鮮明的色彩足以充分體現(xiàn)現(xiàn)代年輕人標(biāo)榜自我的張揚(yáng)個性，或是其及其強(qiáng)烈的對比視覺和給人向往和充滿好奇的未來感。近期在各大設(shè)計(jì)網(wǎng)站也可以看到很多賽博朋克風(fēng)格的攝影作品。

（以上圖片源于網(wǎng)絡(luò)素材）

四、攝影的彩色凝膠或?yàn)V鏡的使用

另一種趨勢是攝影的彩色凝膠或?yàn)V鏡的使用。這種技術(shù)允許無限的可能性，為被拍照的物體創(chuàng)造有趣的彩色照明場景。當(dāng)使用兩種或兩種以上不同顏色的顏色時，會產(chǎn)生十分漂亮的褪色和對比度，這是在Photoshop中是無法復(fù)制的，也因此顯得特別。

（以上圖片源于網(wǎng)絡(luò)素材）

五、透氣的光感疊加

在半透明疊加的基礎(chǔ)上增加了光感，用明亮和生動的顏色與多種紋理相結(jié)合，使畫面更有沖擊感和吸引力，也多了滿滿的未來迷幻屬性。其明亮的漸變能夠起到引導(dǎo)視線的作用，絕大多數(shù)的用戶在獲取信息的時候，都是從上到下，從左到右來看的，也就是我們常說的F式的閱讀方式。我們可以使用漸變色彩的明暗變化來強(qiáng)化這種閱讀習(xí)慣，比如從想要突出的主體，色彩逐步漸變到背景，眼睛會先注意到明亮的部分，然后逐步移動到較暗的部位。色調(diào)有點(diǎn)類似賽博朋克，都是比較高調(diào)和亮眼的高飽度。

（以上圖片源于網(wǎng)絡(luò)素材）

總結(jié)：

通過對當(dāng)前所呈現(xiàn)的視覺風(fēng)格的理解，總結(jié)整理2018年度設(shè)計(jì)風(fēng)格預(yù)測如下：1、3D純色渲染；2、極簡風(fēng)格設(shè)計(jì)；3、賽博朋克&故障風(fēng)格；4、攝影的彩色凝膠或?yàn)V鏡的使用；5、透氣的光感疊加。

當(dāng)然這里總結(jié)列舉的5種風(fēng)格地只是個人認(rèn)為的比較貼合電商頁面的風(fēng)格。作為一名電商設(shè)計(jì)師，我們應(yīng)該緊跟時代潮流，時刻關(guān)注當(dāng)前所流行的事物，才能更好地加以運(yùn)用，在自己的設(shè)計(jì)中得以體現(xiàn)，做出更好的具有差異化的視覺。