search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

趨勢 | 2017設計趨勢大賞!

設計趨勢受到媒體,技術,時尚行業和實用性的影響。一種趨勢的形成是緩慢而漸進的,它以這種方式滲透到設計的所有分支,然後再以同樣的方式消失。2017年的設計趨勢將延續2016年出現的特質,同時增加了一些新的影響!

文案略長,

前方高(干)能(貨)來襲,請注意查收。

1

半扁平化設計

在過去的幾年裡,扁平化設計統治了網頁設計市場,但現在,受Material Design的影響,它變得更加立體化。這種轉變始於一些輕柔的陰影,使其成為半扁平化設計。從極簡主義風格的扁平化設計演變以適應新發展的技術。扁平化設計仍在進行中,但已經經歷了一些改進。

輕柔的陰影增加了深度和複雜性,卻不會破壞扁平化設計的感覺。這是扁平化趨勢新增的一個特徵,並將繼續在2017演進。

Project: Resourсe | UI/UX Tool for Web Services

Project: Listener's Playlist

動態照片不是我們在網上常見的那種GIF。動態照片就是靜態的圖像中有少量的動態元素。這種技術通過賦予簡單的照片以生命,使其更貼近現實。

03

A.極簡主義

隨著所有大品牌都切換到更簡約的、 最小的設計,這一趨勢將保留下去。

B.手繪

這是一個在聚光燈下存在了幾年的趨勢,它完全符合「潮人」業務。這種風格用於咖啡餐飲業、理髮行業或藝術和工藝品行業。

C.負空間

這是一個古老的趨勢,但在過去的幾年中,我們看到它再次出現,它只會在2017增長,所以它肯定是值得關注的。

D.裁剪

這種趨勢追求儘可能的簡潔,只展示到足夠知道一個標誌是什麼,沒有更多。

E.幾何

這種趨勢肯定是老派的,但它是那些永遠不會過時的樣式之一。

F.線條藝術

這種趨勢在新興、現代的商業中很流行。

G.圖案

圖案是一種新的趨勢,這種重複是讓企業脫穎而出的獨特方式。這種原始的趨勢也可用於徽標的演示文稿。

H.動畫logo

運動的設計是今年一大趨勢,我們可以在所有的設計領域中找到它。

作者: Javier Miranda Nieto; The Woork Co

I.復古

復古風格仍在。即使這種趨勢已經存在了一段時間,它仍然是趨勢。

J.漸變色

漸變色今年無處不在——即使是logo。

K.logo中的插畫

插圖是使企業logo給人留下獨特、個性印象的好辦法。今年他們變得越來越流行。

L.logo中的攝影

圖像與排版的組合現在實在太熱了。他們一起配合得很好,他們之間形成了有趣的對比。

04

A.大,粗和漂亮的字體

字體設計也許是創造優秀的設計中最重要的部分。今年標題的字體設計將變得粗而大。

Project: Baugasm Series - Pack 4

Author: Vasjen Katro

B.字體設計中的漸變色

漸變色絕對是「IT」的趨勢,現在你也會在字體設計中發現它。

C.視覺的層次結構

在所有設計領域中,排版層次都是非常重要的。字體的大小和重量可以很容易地表明哪些單詞或字母是最重要的,所以當你創建你的文字時,請記住這個方面。你還得記住,可以通過文本的位置和顏色實現很棒的視覺層次結構。

D.小字體

超小文本通常被負空間包圍,但你可以通過顏色或圖像之間的對比,使其更加凸顯。你也可以使用動畫來幫助它脫穎而出。

E. 動畫字體

動畫無處不在,即使在字體設計。如果你使用柔和的動作,今年你不會出錯。

F.字體遇上攝影

文字與攝影的結合可以達到很好的效果。看看這些優秀的例子。

G.幾何圖形和字體

幾何圖形也可以結合排版,實現現代感效果。

H.字體配對

同時使用兩個或多個字體仍然是今年的趨勢。看看下面的例子,一些有趣的配對,將有助於你的項目。

Typography: Google Fonts Combinations – Volume 1

Typography: Google Fonts Combinations – Volume 2

登錄界面

在2017年,我們將看到登錄界面的呈上升趨勢由於其潛在的用於市場營銷目的和遊客更好的目標的能力。

幾何圖形,圖案,線條和圓

這一趨勢開始於2016年,肯定會在2017年延續下去。你可以通過添加一些現代化的幾何形狀來使你的網頁更加個性化,無論是扁平的或是帶有微投影的。

大膽的用色

使用大膽的顏色來強調。大膽的色彩與Material design和扁平化設計相襯得如此完美。可以使用由 Google 提供的調色板來選擇和搭配你想要的顏色。

創新滾動和視差

這個視覺的主意很棒,它能將獨特的元素添加到任何網站。從多圖層視差到視頻視差,一切皆有可能。

看看D.ex Multilayer Parallax。這個產品是完全由 Milothemes在Loredana Papp和 Mihai Baldean的帶領下開發的。可以在Envato Market / codecanyon.net上買到。

它是一個 WordPress 插件,能讓你用一個以上的圖層創建美麗的視差作品。勇於創新,以任何你想要的風格組合圖層。12 個不同的例子,來引導你走向美麗的多層世界的第一步。來和圖層一起玩吧。

漸變色

漸變色是現在最大的趨勢之一。開始於 2016 年,並隨後獲得迅速增長,像 Instagram這樣響噹噹的品牌,也決定將自己的logo從扁平單一的顏色變成多色漸變。從logo到按鈕或是圖片疊加層,這一趨勢無處不在。

10

移動瀏覽在2015 年和 2016年獲得了可觀的增長。超越了台式機、 筆記本電腦,平板電腦和智能手機現在是瀏覽網站時的第一選擇,這種趨勢將繼續下去。任何不專註於響應式設計的網站都需要儘快升級!

11

定製圖形和插圖

Stock photos仍然非常流行,但 2016 年出現了一個顯著增長的新趨勢,並將在 2017 持續發展: 使用定製的圖形和插圖。如果你想要一個讓訪客過目不忘的獨特網站,請聯繫一個數字化設計師。所以,少用Stock photos,多用原創、獨特的圖像。

12

中性空間與網格的創造性運用

前幾年 web 設計已適應有組織的列和網格,但在 2016 年,我們看到了大量轉向不規則圖層和超現代的設計。

13

講故事

為了使顧客多停留在頁面上,網站現在開始講故事了。相對平鋪直敘的信息而言,人們趨向於在故事中獲得更多。

14

懶載入懶載入延遲載入長網頁中的圖像,基本上是當需要的時候才讓信息出現。

15

拆分內容

拆分內容在響應式網頁設計中越來越流行,它將屏幕分成兩個或兩個以上的部分。一個分屏網站將在一個頁面上向觀眾展示幾個同樣重要的信息。這種趨勢自2015年底以來正在上升,在2017年,它將進一步增長,並可能在許多網站上遇到。

16

全屏幕形式不需要去另一個頁面填寫一個表格,因為新的網站都配備了全屏幕形式,與響應式設計相適應。

17

視頻無處不在

視頻內容在去年增加,人們要求高質量的、有故事的視頻。在網站上播放的視頻是短而循環的,展示產品或大型電影項目,這將使觀眾對故事保持興趣。

18

Search Engine Optimization (SEO)搜索引擎優化在一個網站中是非常重要的,一個漂亮的網站沒有一個良好的SEO很可能會被拋在後面。

19

隱藏導航

就用戶找到菜單有多難這點,漢堡菜單引發了許多贊成和反對的爭論,但有一點是肯定的——這種趨勢將會留下來,並且人們最終會習慣它。

20

微小的細節設計

今年關注細節真的很重要。從小細節,如導航點到角落的標誌,專註於小細節,以更好完成工作。

21

更多的3D

3D絕對是我們的方向,我們將看到它在所有設計領域的影響力。隨著VR / AR革命迅速建立勢頭,這個領域進步的相當快。

Project: LUV.IT

Author: AARON MARTINEZ

Project: Open Annual Awards

Author: TAVO

Project: Air Max '17

22

動畫動畫越來越多的出現在網頁設計中,他們可以是gif,SVG,WebGL的CSS或視頻。動畫肯定是在去年的網頁設計趨勢中最大的事情之一,所以請毫不猶豫地使用它們。Project:

Nickelodeon Kids Pick The President

Author: JeanPierre Le Roux

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

項目: UI Collection in Motion

項目: ZH OURO- Rio 2016

作者: Leo Natsume; Guilherme Maron

作者: Loredana Papp-Dinea

合著者:Mihai Baldean,翻譯分享者:淡水魚



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦