盈嘉國際演藝

首頁

23 Sep
17

廣告人必看丨2017設計趨勢指南

廣告人必看丨2017設計趨勢指南    

1.jpg

每年我們在設計上都會學到新東西,2016年也不例外。我們在去年發布的關于設計趨勢的文章非常成功,所以決定再預測一波2017年的設計趨勢,馬上開始!

設計趨勢會受到媒體、技術、時尚的潮流以及可用性的影響。設計趨勢是緩慢、逐漸的滲透到所有設計的分支中的,消失亦然。一個設計趨勢或潮流的生命周期大多不會超過1-2年。2017年的設計趨勢會繼續16年的材質化(materialized)傾向的同時,增加一些新的改變,這些改變可能已被大家所熟知,甚至在過去幾年你也已經見過。其中影響著趨勢的,最主要還是Google的Material Design和它經歷的一些變化。

01.

半扁平化設計

在過去幾年,扁平化幾乎統治了網頁設計,但因為Material Design的影響,設計走向更加多維度,往空間上發展。這個轉變從增加輕投影開始,走向“半扁平”的設計。

扁平化是因為需要更符合開發技術,減少設計樣式而進化出來的,扁平仍然流行,只是不斷在改進。

柔和平滑的漸變投影既為扁平化設計增加了深度和豐富性,又不會破壞扁平設計的感覺。這是扁平趨勢的一個新做法,并且在2017年會繼續進化。

2.jpg

----------

案例項目: Resourсe | UI/UX Tool for Web Services

作者: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

3.jpg

4.jpg

----------

案例項目: Listener's Playlist

作者: Anzi .

02.

動態攝影(Cinemagraphs)

動態照片不是指我們在web上常見的gif圖。他是指只有少數元素移動的靜態圖片。這個技術使得一個簡單的圖片更加生動。

5.gif6.gif

03.

更多3D

3D絕對在帶領著潮流,我們很快就會看到它對所有設計領域的影響。隨著VR/AR迅速在整個行業進行的革命,這一領域會發展得像飛鏢那么快。

7.jpg

----------

案例項目: LUV.IT

作者:  AARON MARTINEZ

8.jpg

----------

案例項目: Open Annual Awards

作者: TAVO

9.jpg

-----------

案例項目: Air Max '17

作者: Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson

10.jpg

----------

項目案例: NIKE F.C. | 3D Golden balls in the real world

作者: TAVO

11.jpg

----------

項目案例: Better You Brand

作者: Craig Minchington; Satellite Office; Brand Nu

04.

動畫

動畫越來越多的運用在web設計上,它可能是gif、svg、WebGL CSS 或視頻格式。動畫絕對是web設計界去年最大的流行趨勢,所以抉擇是否要用動畫的時候不用猶豫。

12.jpg

----------

項目案例: Nickelodeon Kids Pick The President

作者: JeanPierre Le Roux

14.gif

----------

項目案例: AR Virtual Fitness Coach App | AR 虛擬健身教練

作者: 曲 植Daz_Qu

15.jpg

---------

項目案例: UI Collection in Motion

作者: Minh Pham

16.jpg

---------

項目案例: ZH OURO- Rio 2016

作者: Leo Natsume; Guilherme Maron

05.

登錄頁面

2017年,由于市場營銷和更好的針對目標的游客用戶,我們會看到更多關于登錄頁面的出色設計。

06.

幾何形狀、圖案、線條和圓圈圈

這個潮流從2016年開始,絕對會延續到2017年。你可以通過簡單增加一些富現代感的形狀、平面圖形或一個柔和的投影來做好一個網站。

17.jpg

----------

項目案例: Pfizer - Active and 50+ for The New York Times

作者: justyna stasik; Vladimir Marchukov

18.jpg

---------

項目案例: DRAP.agency Branding

Mireldy Design; Filip Gjurin

19.jpg

07.

大膽的色彩

使用大膽的顏色來表達自己的觀點。Material design和扁平化設計和大膽的色彩真是超級搭。使用Google提供的色板或自己搭配使用都可以的。

20.jpg

21.jpg

---------

項目案例: Edris - Logo Designed by MiLo

作者: Loredana Papp-Dinea; Mihai Baldean; Milo Themes

22.jpg

---------

項目案例: Rendered — Responsive Demo Website for Adobe

Serge Vasil

23.jpg

----------

項目案例: b2mach

作者s: Natalia ?erko; Kuba Enzowski; Kommunikat Studio

08.

有創意的滾動和視差

在任何網頁通過這個視覺創意增加獨特的元素效果都會很棒。無論是多層的視差或是視頻的視差,都有可能。

24.jpg

介紹下D.ex Multilayer Parallax這個產品。它是在 Loredana Papp和Mihai Baldean的帶領下由Milothemes公司開發。在Envato Market / codecanyon.net上可以購買到。

25.jpg

D.ex Multilayer Parallax是一個Wordpress的插件,你可以使用它創造非常漂亮的多層視差區域。你還可以有創造力的通過任何樣式組合不同的層。我們創建了12個不同的樣例供你參考,玩得開心喲。

26.jpg

購買 D.ex Multilayer Parallax for WordPress

---------

項目案例: F — mdls

作者: Adencys

09.

色彩漸變

顏色漸變是當下最流行的趨勢。從2016年開始迅速蔓延,特別是在Instagram決定改變他們原有的logo,改成一個大漸變后。從logo到按鈕到圖像的疊加處理,這個趨勢無所不在。

27.jpg

10.

移動端的瀏覽(響應式設計)

2015-2016年移動端的設備大量增加。當說到瀏覽網頁時,平板和智能手機已經超過電腦、手提電腦成為第一選擇,而且這個趨勢還會繼續。任何沒有把響應式設計做好的網頁,都應該馬上,是馬上升級!

28.gif

---------

項目案例: Responsive Website Animation

作者: Muharrem Senyil

11.

個性化的圖形和插圖

圖片庫的圖片依然很流行,但有一個新的趨勢在2016年有明顯的增長,2017年會依然保持的:用自己定制的圖形和插畫。如果你想自己的網站有一個獨特的形象,讓用戶可以記住,聯系一個數字插畫設計師吧。少點圖庫,更多的原創,獨特的圖像。

29.jpg

--------------------------

Check out the artist: Margarita Mar

30.jpg

12.

創造性的使用中立空間和柵格

在前幾年,網頁設計很講究列和網格。但在2016年,我們看到相當多轉移到不規則的圖層和更現代的設計。

31.jpg

13.

講故事

網站現在都通過講故事的方式來說服用戶留在這個頁面。比起平鋪直敘的文字,人們從故事中受到的感染會更多。

14.

延遲加載

長網頁的的圖片都通過延遲加載的方式來進行,在需要的時候才加載信息。

32.jpg

<p style="word-wrap: break-word; font-size: 12px; line-height: 18px; white-space: normal; color: rgba(0, 0, 0, 0.760784);

深圳市盈嘉舞美工程有限公司 粵ICP備19154289號
幸福宝导航官网入口_幸福宝向日葵app官网入口_幸福宝下载appios下载