400-611-9921
2016-08-28
2562
經(jīng)歷了整個2015年,我們從需求的承接方開始逐漸轉型,開始從專業(yè)角度發(fā)現(xiàn)問題,提出產(chǎn)品改進的需求,并推進落實,從下而上收集和從上而下推導兩種模式的結合,有利于我們梳理更多可以沉淀的內容。
這次視覺設計趨勢分析的流程分為:收集素材-劃分緯度-小組討論-分析聚類幾個主要階段:
1. 從互聯(lián)網(wǎng)、平面媒體、工業(yè)設計、時尚、建筑室內等五大主流領域進行素材收集;
2. 根據(jù)字體、顏色、材質、形狀、版式、動效六個維度歸納;
3. 從前期的腦爆到后期持續(xù)做減法,合并共性部分,最終聚類出多個關鍵詞風格。
每個關鍵詞風格包含概念簡述和運用案例兩部分。從中,我們可以看出在不同的設計領域存在著相當多的通用性。
步入2016,我們希望能更專業(yè),更系統(tǒng),更全面地梳理出一份可以作為我們未來工作專業(yè)指導方向的分析。無論是對內部團隊的學習歸納,提升行業(yè)敏感度;還是對外提升團隊影響力,都是新一年我們想要走的方向。
柔和冰激凌 LIGHT ICE CREAM
概念簡述
低飽和度的色調,冷暖融合,不鮮亮奪目,卻更柔和平衡。無視材料的軟硬,冰激凌色調都能讓我們平靜、放松。其自身也可以與各種低飽和度的色調輕松搭配。
這一年來,流行色調趨勢越來越偏向沉穩(wěn)安寧。他們如同空氣一般,通過明麗的搭配吹起一股清新怡然的簡約之風,樸素、清新的生活之美直入人心。
1
運用案例
柔和的色調越來越多地運用到界面中,作為網(wǎng)站的背景色營造和諧的氛圍以突出前景主體;作為圖標色的運用也日益廣泛,表達品質的同時不失活潑性;在各類運營圖中,以柔和飽滿的顏色替代過于刺眼醒目的,提升界面環(huán)境的整體氣質。
2
弱漸變光影 GRADIENT SOFT SHADOW
概念簡述
隨著扁平化趨勢的發(fā)展,從最初的純扁平基礎上逐步增加了更多細節(jié)化元素。無論是攝影還是插畫,同色系弱漸變與淺陰影相結合,淺陰影突顯重要轉折面,虛實收放有度,營造出柔美和諧質感。
3
運用案例
在扁平基礎上增添的漸變光影越來越成為一種主流趨勢,無論是體現(xiàn)界面的層次,或圖標的質感都可以使用這類元素。
在運營活動中也可加入大塊背景,以及文字的變化,使畫面變得豐富更吸引用戶。
4
復古混搭 MIX VINTAGE
概念簡述
現(xiàn)在海報設計中,流行實物、圖形與文字前后層級排列,利用不同材質的混搭,打破了普通的圖文排版方式,在2d的環(huán)境下營造出3d的縱深感;時尚圈近來低調內涵的復古色系將會強勢來襲,對比去年的亮色系,飽和度較低的顏色,可以幫助我們舒緩壓力,放松心境;一些建筑墻面和工業(yè)設計領域的陶瓷使用特殊材質,營造出美輪美奐的半透明質感。
5
元素提煉
復古花紋與文字的混搭方式在營造空間感和強化主體方面有突出效果。
磨砂材質是扁平設計的一種變異形式,是在扁平加弱漸變的框架下,又加上了材質的效果。
6
復古色被越來越多的產(chǎn)品選擇,低飽和的復古色來作為產(chǎn)品的主色調,更加優(yōu)雅。
運用案例
網(wǎng)頁的banner或者專題網(wǎng)頁的設計可以復古色和復古元素表現(xiàn)更有質感的細節(jié);這種帶有復古質感的風格2015年底開始流行起來的,現(xiàn)在有一些引導頁已經(jīng)開始也采用了這種風格來豐富畫面,我們在將來也可以運用到引導頁、閃屏,以及一些icon的設計當中。
7
動感曲線 DYNAMIC CURVE
概念簡述
最美的設計,天人合一,應該是圓潤的,有曲線的。
工業(yè)設計講究“人體工程學”,作品都已變得有弧度。建筑大師扎哈說“沒有曲線沒有未來”。
曲線在原本四四方方的移動端,讓展現(xiàn)的頁面更美、更戲劇、更博愛。
8
運用案例
曲線在視覺體系里的運用比較多元,無論是控件元素還是一些可視化圖表都走向了以弧線取代直線的方向。
以曲面來解構物體是一種類似低面建模的方法,在扁平質感上突顯體積感,不失柔韌亦有空間感。
這種形式廣泛運用于ui界面元素中,不止圖形和字體,通過這些弧線元素的組合后有效提升了整個界面的視覺體驗。9
錯層疊色 DISLOCATION OVERLAY
概念簡述
線型風格的圖形樣式已經(jīng)風靡了一段時間,以扁平化的元素點綴,在單色描邊的樣式上增添更多質感。
錯層疊色類似古早印刷的風格,在描邊下層以純色平鋪進行疊加,一些新的涂色方案是略微錯位的,使畫面富有更多活潑趣味性。亦可用淺色平鋪作為陰影,增添扁平光影感,即符合時下扁平風又不失細節(jié)特色。
10
運用案例
在這兩年的網(wǎng)頁和移動界面中經(jīng)常使用的手法,在一些界面小元素上使用這樣的風格豐富畫面細節(jié)和情感化元素。如引導頁、圖標、以及頁面提示等。
從簡單的涂色表現(xiàn)陰影到錯層疊色,這樣的手法可以很好同時表達陰影和高光部分,平滑的邊緣使圖形更清爽不黏膩,比普通的扁平涂色更有質感。
11
陰影折疊 SHADOW PLEATS
概念簡述
為了讓用戶更加聚焦在他們所應該關注的內容上,設計師們通過各種方法減少、弱化界面元素,利用形狀與景深來表達空間層級關系。其中,折線運用最為天馬行空,事半功倍。
如何讓一張紙能立起來不倒?——折疊,可以輕易讓平面變?yōu)榱⒚?。無論是Nike Lab最新系列的百褶花邊設計,還是來 IF 設計的獲獎花盆,或是“折疊設計”鼻祖三宅一生的Issey Miyake包包,平面三角形折疊在建筑學中的運營更是天馬行空,在2016它將會繼續(xù)發(fā)光發(fā)熱。
12
運用案例
在低面建模流行了一段時間之后,折疊以各種類同形式持續(xù)發(fā)熱中。
從形體本身延續(xù)到背景,從規(guī)則到不規(guī)則,各種形狀的實驗性相互折疊,成為2016非常有趣的設計重點。
13
滿屏視頻 FULL-SCREEN VIDEO
概念簡述
近來,隨著性能和網(wǎng)速的提升,越來越多的短視頻作為背景在網(wǎng)頁和移動端上流暢地播放,代替了網(wǎng)頁首屏banner和APP功能介紹。 相比靜態(tài)畫面,視頻和動效可以更好地展現(xiàn)產(chǎn)品特性,更直觀地展現(xiàn)品牌形象。
運用案例
除了替代大幅面的圖片,帶來更強的視覺印象之外,一個常見的視頻元素應用場景還在于新用戶引導和新功能介紹,很多APP在首次啟動時觸發(fā)的引導頁不再是以靜態(tài)圖片和文字或者最為經(jīng)(lao)典(tao)的蒙層引導,而是以短視頻的形式為用戶展示使用場景和操作方法;在用戶使用過程中,新功能的引導也加入了真人視頻教學的方式,增加了引導的趣味性和親和性。
本文來自廣州品牌網(wǎng)站建設網(wǎng)站設計制作公司-縱天科技
標簽:網(wǎng)站設計公司、 網(wǎng)站改版 、 公司建站 、 官網(wǎng)建設
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務 QQ: 3561401262
E-mail: sales@zomsky.com