Behance大神總結的 2019 設計流行趨勢（上）
作者：張晶琪Kiki，來源： OA==&mid=2651391006&idx=1&sn=65205b4a485281afd7f463b5e3b70104&chksm=8095b0c5b7e239d37a04cdb0656fdbee25091ce58338614b0114cb02ead5be463073a495fc67&token=109881100&lang=zh_CN#rd" target="_blank" rel="nofollow,noindex"> 動像
2019年，設計領域將會步入一個嶄新的階段，Behance 上的大神在最負盛名的工作環境中，對顏色、排版、圖案和尺寸進行深入分析，給出了 2019 年設計流行趨勢預測。
重點推薦：插畫設計
根據最近的統計資料， 插畫設計比任何形式的攝影效果好7倍 。帶有大膽顏色的獨特插圖肯定會讓企業脫穎而出。一個好的插畫家可以建立一個適合品牌需求的充滿活力的插畫。
一、整體趨勢
1.1 大膽用色
2019 年延續了 2018 年使用鮮明的色彩的這一趨勢並且更加誇張，設計師在他們的工作中使用更加大膽過飽和的顏色。潘通色卡色彩趨勢顯示，2019 年如果想讓你的工作或業務脫穎而出，請大膽用色。
1.2 非對稱性
說起缺乏平衡感，大家最常想到的就是不對稱，不對稱又是那麼的常見。設計者使用不對稱這一特質，建立和諧的畫面與平衡的構圖，避免傳統意義上的平衡。你可以在排版、幾何形狀或 3D 渲染，建立一個獨特的視覺效果，記住使用者的眼睛首先會看到較大的元素。
1.3 動效
網站、廣告或手機程式中的小動效設計，可以促進使用者產生更多的互動，這些型別的動畫可以整合在所有媒體上。
1.4 結合人物
將各種各樣的創意想法與人物結合在一起，可以達到驚人的結果。結合人物的設計方法非常具有挑戰性，但它絕對可以帶來看一個專案獨特的角度。
1.5 繼續流行的漸變風
漸變風在 2017 年底 ~ 2018 年復出，2019 年依然流行。Apple 和 Instagram 也在他們的品牌中也使用了漸變，這絕對是在 2019 年最佳的選擇。
1.6 軸側設計
過去幾年，我們已經看到軸側設計趨勢，2019 年隨著插圖佔領所有設計領域，軸測圖依然是趨勢。
1.7增強現實
在網頁設計和 App 設計中，增強現實技術已可以實現。許多線上商店試圖在他們的網站使用增強現實，這是一個 2019 年相對較新的趨勢，務必留意。
1.8 自然照片
看美圖的時代已經幾乎消失了，現在設計師正在尋找更自然、非典型的照片。照片素材將不再像是過去的照片素材。
二、UI/UX 趨勢
今年UI/UX的明星
Adobe 釋出了一個神奇的具有競爭力的軟體：XD，並且將它免費提供。設計師用 XD 完成 UX/UI 工作，如設計、原型和分享使用者體驗，像他們的廣告宣傳那樣。今年XD團隊將繼續增強動效屬性和 UI 元素動效。
2.1 移動端優先
谷歌是第一個實現移動端響應式網站的公司，移動端網站是現在的首選，所以首先設計移動端成為一種趨勢也不足為奇。移動端優先設計首先是為移動端使用者設計網站，然後設計師再考慮桌面端版本。
2.2 負空間（逐年增加）
少即是多！負空間在所有設計領域都有適用，主要應用在網頁設計和 App 設計。
2.3 插畫設計
如上所述，這是在過去幾年繼續增長的趨勢。從登陸頁到整個網站，插畫設計在網頁設計行業颳起了風暴。
2.4 直觀的圖示
建立視覺層級，將使用者的注意力轉向你希望他們注意的地方。例如看到動態線性圖示，人們會自然聯想到服務。
2.5 流體形狀與不對稱形狀
流體形狀不是新概念，2017 年和 2018 年流體形狀就已經在使用，2019 年將會有更廣泛的應用。配合大膽顏色和強烈漸變，流體形狀是 2019 年至關重要的年網頁設計的趨勢。
2.6 視訊背景
研究顯示，網站上的視訊可以提高轉化率。視訊可以在幾秒鐘快速傳達你的資訊，讓使用者多逗留在網站上。
2.7 動效
今年動效迎來巨大發展，你可以在網站、廣告或 App 設計中輕易找到他們的身影。按鈕的流暢轉換，一個懸停效果都發揮了巨大的作用。
2.8 微互動
微互動在移動平臺上建立微妙的視覺效果，今年會進一步開展微互動設計。我們會發現，每個 UI 元素背後的隱藏動效，如雨後春筍般紛至沓來。
2.9 敢於將字型替代成圖片
文字逐漸成為公眾關注的焦點，許多大廠，如Apple，在許多情況下將文字替代成了圖片。
2.10 破型和重疊元素
在過去的幾年，重疊元素就在網頁設計中使用，結合破型可以建立一個獨特的佈局。確保移動端的體驗！
2.11 3D設計
在過去的一年裡，3D 插圖取得了巨大的發展。大品牌的產品，在包裝設計和許多更多領域使用 3D 渲染。如：運動鞋、運動裝備等。
數英使用者原創，轉載請遵守規範
作者公眾號：動像（ID：image_motion）
Line"/>