趨勢分析非強項,僅在自身知識范圍內尋找可能形成的設計趨勢,如果有遺漏及不足,請補充說明,感謝!
PS. 其實個人從內心里不喜歡follow趨勢,但有時又無它法,趨勢的形成往往通過了設計及市場的驗證,如果能從各種趨勢當中發現一條潛在的河流是一件非常欣喜的事情,并可使用你的設計脫穎而出。P.P.S.別為了標新立異而做出新穎的設計,最少它應該是經得起驗證的。
讓我們開始吧!(如覺得文長閱讀起來比較麻煩,跳到最后看結論就好 ^_^)
Web端及桌面端:
平面化
隨著微軟Win 8的發布,相信在隨后的日子里,平面化設計風格也能開始多起來。 ps.「咔嗒」的洗腦視頻廣告最近一直在腦中縈繞。
簡約風格要開始流行了,同時簡約風格能夠更好的符合響應式設計的要求。
實例網站:
騰訊ecd – 電商用戶體驗設計部 E-Commerce User Experience
TaoBaoUED | 做地球上最好的UED
QQ音樂-音樂你的生活!
http://www.outlook.com/
http://www.microsoft.com/
2x精細化
水果在桌面平臺推出Retina屏,業界估計也只有水果敢于做出如此逆天的舉動(軟硬都自己操辦,無需像微軟那樣瞻前顧后),相當有魄力,對于用戶體驗來說,這也是一個質的提升(現階段大部分的用戶感知都基于視覺)。
當然,應用及分辨率適配無法立即到位,只能慢慢發展,日后隨著Retina的深入及用戶數量擴大,對于有追求的桌面應用及網站,均會設計對應的高分辨產品。以后視覺設計師可能就需要做兩套Sprite了。
圖1
通欄化
為了能夠更有效的打通同一平臺的多個應用,Google、Naver、豆瓣近期的改版及新發布的iTunes均采用了頂部通欄的設計。一下個會不會是百度呢?
圖2
動效化
實際證明適當的動態效果能夠有效的對用戶進行引導,符合用戶的心理預期,并可增強應用及網站的體驗效果。
實例網站:
iCloud
Julien Renvoye(@JJ Ying 友情提供)
QQ音樂 For Mac
Animate.css
大幅圖片制造視覺效果
隨著帶寬以及用戶屏幕尺寸的增加,越來越多的網站在它們的頁面采用大幅圖片來突出產品或制造視覺效果,當然,使用得當的話,會有不錯的效果。
實例網站:
Welcome to http://about.me (about dot me)
http://www.jianjia360.com/
https://path.com/p/3Fg9hz
QQ2013官方網站
響應式設計
一直不喜歡這個名稱,稱之為適應性更好些。網頁的設計與開發根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕分辨率等)進行適應和調整,無論用戶正在使用桌面PC還是iPad,網頁都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備。
實例網站:
The Boston Globe
AXT ™ | Brand identity & Art direction
Stinkdigital
移動端:
更豐富的導航設計
隨著iPhone 5高度的變化,galaxy note超大的屏幕… 越來越多的應用采用多樣的導航設計,手勢導航、Left Nav Flyout等,相信后續在導航上還會有更豐富的設計出現。ps.又欠@鄭紫陽關于left nav flyout的一個問題,好頭痛…
字體排版
移動設備屏幕的多樣性及應用數量的增加,為了能夠更凸現出應用的不同,字體排版將會在應用當中的位置越來越重要。如,唐茶,WeicoNote等。ps.該條也適用于Web端的設計,但由于中文字體的種種原因,導致web端的中文字體排版一直是個問題。
實例網站:
字節社
Weico-最具人氣的微博客戶端
網頁題目:2013年有哪些設計風格趨勢?
URL分享:http://vcdvsql.cn/article12/chcogc.html
成都網站建設公司_創新互聯,為您提供服務器托管、電子商務、營銷型網站建設、虛擬主機、外貿建站、動態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯