多邊形元素設計應用設計

2021-02-08 設計圈


如果你仔細觀察如今時下流行的設計作品，會發現圍繞著多邊形元素，有一系列多種多樣的玩法，比起2年前的Low Poly 插畫和背景的玩法，來的更加豐富。這些被親切地稱為為 Poly Shapes 的網站、海報和平面設計項目，層出不窮地在各種設計的作品集中出現，讓人愛不釋手。


我們常說的多邊形，是在二維平面內多條直線線段首尾銜接構成的中空閉合圖形。在實際設計中，它的形狀多樣，有的中空，有的則填充了色彩，有時候單個存在，有時候會是成片的多邊形構成更為複雜的視覺效果，比如3D的視效。


多邊形設計元素的運用方法非常多樣，它的有趣之處在於它可以兼容各種各樣的使用場景，為設計注入不同風格的靈魂。



眼前一亮的背景

如果你覺得目前的設計整個視覺效果都不咋地的話，不妨試試多邊形風格的背景。多邊形元素背景本身就是頗為有趣的元素，無論是單獨使用還是和圖片/文本搭配，都能夠創造出讓用戶難忘的效果。


上面兩個網頁案例雖然使用了不同樣式的多邊形，但是他們所產生的視覺效果是類似的：有趣，讓用戶覺得驚豔。多邊形圖形讓整個設計更富有深度，提供了動感的概念，甚至作為視覺線索讓用戶明白往哪兒看。


對於設計師而言，多邊形並不難創建，它幾乎可以無縫地融入任何風格、搭配任何色彩、調和任何排版（目前最為流行的做法是在多邊形中填充微妙的漸變色彩，同時讓圖形的邊緣顯得非常銳利）。無論是極簡的頁面還是華麗的設計，你都能將多邊形元素合理的融入進去。



創建有趣的圖標和裝飾元素

使用多邊形來創建UI元素（圖標和導航元素等）也是最近流行開來的玩法。不規則的多邊形裝飾，甚至超小的多邊形元素都能讓整個視覺更加突出。將圖形和線條連接起來，藉助對比度明顯的配色，可以抓住用戶的眼球。


Chop Chop Agency 使用不同深淺的黃色多邊形拼接出一個醒目的箭頭，引導用戶點擊。搭配有趣的加載動畫，極簡的設計方案，Chop Chop Agency 的頁面中的這個黃色箭頭並不會讓整體顯得混亂，相反讓視覺有了焦點。而這種設計還有一個隱性的優勢，那就是這個多邊形組成的箭頭可以隨著頁面的變化轉化為其他的形狀，並不複雜的設計，帶來截然不同的體驗。


多邊形對於許多用戶而言，熟悉而又好玩。無論形狀大小，多邊形對於大家都是一目了然的。當它作為小型的視覺裝飾而存在的時候，本質上和圓形、方形的元素帶來的效果沒啥區別。



展示元素

由於多邊形所自帶的幾何特徵，它比起其他的平面幾何圖形來的更加自由，也具備更大的自由性，使得設計師常常會用它來作為展示的「骨架」，呈現輪廓，突出附加信息，幫助用戶更好的展示特定的元素與內容。


Ditto 和 Choudhary Lab 兩個網站在多邊形的使用方法上略有差異，產生總體上是將它作為呈現視覺元素的框架來使用。Ditto 這個頁面中，多邊形被用來展示面部視覺的原理。而Choudhary Lab 這個網站中，多邊形元素被用來強化整網站的「科學氛圍」，以圖標和框架的形式，幫助用戶理解這家企業的職能。


這兩個案例的共通點在於，它們都運用多邊形展示了特定的內容，同時還藉助動效來幫助用戶理解。動效將頁面中不同的信息劃分出層次，又連接起來，為整個體驗作出了不小的貢獻。



選對配色

多邊形本身是中性的元素，它自然也是色彩的天然載體。當你想要創造出一個強色彩主導的設計之時，多邊形元素是首選。


當然，色彩的搭配是無窮無盡的，不過你可以參考下面的思路來做這件事情：

·彩虹配色+多邊形
·彩色背景下，搭配黑白色的多邊形，參考上面 Creamfields 網站
·漸變色+多邊形
·用多邊形來承載提亮色，參考上面的Bailey and French 網站
·多邊形內填充色彩，或者僅採用輪廓



畫龍點睛

多邊形並不是用的越多越好，如果你仔細觀察那些優秀的設計案例，會發現多邊形元素都是起到畫龍點睛的作用。它可以小到只是一個LOGO，當然，你也可以將它往大了用，作為裝飾性元素，與品牌設計呼應，讓用戶無法忽視它的存在。


上面的兩個案例就非常的典型，無論大小，都很好的抓住了用戶的注意力，並不需要進行複雜多樣的設計，僅僅是貼合主題、品牌LOGO的多邊形元素，或大或小，提升了整體設計的現代感，呼應主題，畫龍點睛。



結語

形狀作為設計中最常用到的元素，大家都很熟悉。之前的Low poly 元素的流行讓大家對於多邊形設計元素的玩法了有基本的概念，而這幾年扁平化設計的醞釀和沉澱，多邊形元素的玩法也越來越多，從純粹的視覺裝飾到功能性的引導元素，多邊形開始變得越來越有趣。


原文：designshack
作者：CARRIE COUSINS
譯文：@陳子木

來源：uisdc


關鍵詞回覆：

印刷、名片、海報、logo設計、茶包裝、色譜、折頁

BANNER、吐槽視頻、外賣餐飲、AV、報價、日式海報

版式、民國、軟體、奧運、福利、簡歷、月餅、天貓

雙十一、菜譜、紅包

(可見相對應知識文章）



創意 | 素材 | 產品 | 服務 

一個設計資源共享的微店 


發現 | 分享 | 成長

設計師的家園，交流設計中的難題

分享行業最新資訊

訂閱號：SJ-QUAN


分享/投稿/產品入駐

 sj-quan1  719155723

相關焦點

  • 淺析:中國元素造型在現代設計中的應用
    所謂"中國元素"是指具有中國典型民族特色的設計元素，中華文明上下五千年，形成了淵源流長的文化知識，傳統文化元素自然也包羅很廣，比如中國書法、篆刻印章、中國結、秦磚漢瓦、京戲臉譜、皮影、中國漆器、漢代竹簡、甲骨文、文房四寶(硯臺、毛筆、宣紙、墨)豎排線裝書、剪紙、風箏、如意紋、祥雲圖案、中國織繡
  • 髮型設計的元素與設計原理
    一、髮型設計的元素髮型的設計元素即髮型的構成因素，其中包括形狀、紋理、結構、層次、重量、膨脹量、碎度、顏色等。一般來說，有了這些元素就可以構成一款髮型，但是這些元素並不是獨立存在的，它們之間有著相輔相成的關係。（一）形狀形狀是髮型的宏觀表現形式，它是由輪廓來說明的。
  • 優秀的Logo設計形式都有哪些?
    Logo設計是近年來比較流行的一種設計領域，每一個企業、每一個應用程式都有自己Logo，Logo就相當於一個標誌，讓用戶看到它就能馬上對到相應的公司或者是應用程式，今天青藤小編帶大家來了解以下，平面設計房中Logo設計形式都包含哪些要素。
  • 點亮客廳的設計與元素,實用而高級!
    以上幾點要求滿足的情況下，可以通過增加亮點設計和流行元素提升客廳的高級感與品位。單人沙發如果說主沙發是家人與朋友之間情感交流的載體，那單人沙發就是獨屬於自己的"私人空間"。雖不是空間中的主角，但作為配角，它的專屬感和私密性是主沙發無法取代的。
  • 優秀Logo設計!花卉元素的運用
    在標誌設計中融入花卉元素無疑給標誌設計提供了豐富的設計素材，從而豐富設計的種類和內涵，給人耳目一新的感覺。②對稱美。雖然花卉的種類成千上萬，但是花卉的花型大都以對稱型為主，這樣的花卉形態不僅給人一種飽滿、自然的美感，同時還以明亮的色彩和絢麗的圖案散發出一種獨特的魅力，給人們帶來強烈的視覺刺激和視覺享受。③象徵意義。
  • 書法字體在設計中的應用
    書法的應用也豐富了視覺設計的表現形式。> 書法字體通常有五種：」篆隸楷行草」：在菸酒包裝、書籍裝禎等方面相對應用較多。> 書法在現代視覺設計中的應用隨著社會的發展，書法的應用範圍不斷被拓展。在現代視覺設計中也得到設計師的青睞，運用的好，往往是點睛之筆，很好的豐富了設計元素。書法的恰當應用有助於對設計主題更好的體現，取得更好的視覺效果，它的感染力非同一般。
  • 這樣的低多邊形設計非常酷,《精靈寶可夢》推出創意模型玩具
    比如：博士在《一個比一個吸引人，那些無比夢幻的遊戲主題婚禮》中分享了《精靈寶可夢》主題的婚禮，婚禮會場從餐桌上的寶可夢花藝布置、精心設計的捧花再到餐點的擺盤，都讓人心動。博士還在《遊戲迷求婚神器，日本飾品公司推出<精靈寶可夢>的大師球戒指盒》中分享了日本飾品公司 U-TREASURE與《精靈寶可夢》系列合作的大師球戒指盒！
  • 名片設計元素的個性化!
    為突出名片的設計美感與個性，名片中視覺元素的個性化設計成為設計師主要考慮的方面，名片中視覺元素的個性化設計主要包括以下幾方面：在現代平面設計中，文字起著非常重要的作用，它已超出了只作為信息傳遞媒介的表達作用，在視覺語言中具有獨特的表現力，給讀者造成強烈的視覺印象的同時，增加趣味性與人格化魅力，從而使設計作品在眾多的競爭中脫穎而出
  • 裝修設計過程中的平面設計的構成元素有哪些?裝修平面設計構成的...
    裝修設計過程中的平面設計的構成元素有哪些？裝修平面設計構成的關鍵點介紹在裝修過程中裝修設計離不開平面設計，平面設計是科技與藝術的結合，用一些特殊的操作來處理一些已經數位化的圖像的過程。平面設計能把一種概念，一種思想通過精美的構圖、版式和色彩傳達給人們。
  • 初中數學「三角形」單元學習設計
    2.研究性學習活動主題：設計多邊形鑲嵌的平面圖案。接著又推廣三角形的有關概念，介紹了多邊形的有關概念，利用三角形的有關性質研究了多邊形的內角和、外角和公式。這些知識加深了學生對三角形的認識，既是學習特殊三角形的基礎，也是研究其它圖形的基礎。最後結合實例研究了鑲嵌的有關問題，體現了多邊形內角和公式在實際生活中的應用。
  • 插畫在設計中的應用-插畫設計課程
    插畫在設計中的應用隨著讀圖時代的到來，插畫成為了一種重要的視覺傳達形式。插畫通過它直觀的設計感、鮮豔的色彩、誇張的表現以及豐富的故事情感，深受用戶的喜歡，在視覺傳達中，佔有很重要的比例。在日常生活中，我們也會發現，現在隨到都能看到插畫，比如：公眾號，信用卡的宣傳，會通過插畫形象地向你說明，讓你一目樂然，省去看密密麻麻文字的繁瑣；產品的外包裝，再好的文字設計也不會比插畫有食慾來吸引你的購買；電商宣傳頁面，每年的活動大促，成為了各大電商商家設計的比拼，好的設計想留住客戶同樣也離不開插畫；等等。
  • 金鐘罩鐵布衫在設計中的應用
    今天分享來自於UI中國會員-RDD團隊的一篇經驗-「金鐘罩鐵布衫在設計中的應用
  • 髮型的設計的元素,什麼是設計?
    髮型的設計的元素什麼是設計？
  • 室內設計風格大全與元素介紹
    想詳細了解室內設計課程詳情歡迎搜索東莞廣優教育!!!!室內設計風格和流派所謂風格就是一定時期社會元素在哲學、建築、藝術等領域中具有的個性化特徵；流派是指在這一時期對個性化特徵的不同認識而形成的派別。雀替從力學上的構件，逐漸發展成美學的構件，就像一對翅膀在柱的上部向兩邊伸出，一種生動的形式隨著柱間框格而改變，輪廓由直線轉變為柔和的曲線，由方形變成有趣而更為豐富、更自由的多邊形。甚至出現龍、鳳、鱉魚、仙鶴、花鳥、花籃、金蟾等各種形式的雀替。格扇：是一般所指中間鑲嵌通花格子門，由一個門扇框組成，直的稱邊梃，橫的稱抹頭。
  • 設計元素:10個logo設計原則
    一個好的logo可以通過顏色，字體，圖形和形狀等設計元素來展示品牌故事。這樣很容易將其與競爭對手區分開來，並且無論在哪裡看到都會產生影響。一個好的logo無論是在哪種媒體上，還是在名片，Instagram上，都可以讓人輕易的區分。我們都有自己的個人品味，但是可以通過客觀的方法來判斷logo。
  • 線條在設計中的應用
    簡單的設計是一種經典的設計，能夠給人深刻印象，而且製作成本並不高。我們在本文中介紹只用一條線就可以設計出漂亮作品的九個實例。
  • 現代平面設計中傳統圖形的應用現狀
    在現代平面設計過程中，缺乏對中國傳統圖形元素的深刻內涵和情感進行挖掘。現代平面設計工作，主要採用生搬硬套的方式，對傳統圖形進行應用和借鑑，沒有充分將自己的設計圖形和設計思想與傳統圖形有機結合，進而不僅不利於發揮出傳統圖形的特色，也會影響現代平面設計中傳統圖形的應用效果。
  • 案例分享|泰森多邊形(Voronoi )合集
    ▼泰森多邊形/Voronoi diagram得名於Georgy Voronoi，是由一組由連接兩鄰點線段的垂直平分線組成的連續多邊形組成，由於產生的結果最大限度的避免了產生過於銳的角。比較方便生物體液的傳輸。既尊從黃金美學,又尊從阻力最小的原則，跟螺旋法則的內核是一致的。
  • 印染圖案服裝設計應用
    印染圖案設計無疑是服裝設計的基礎,是它的「菜藍子工程」,如果沒有花色俱佳的好面料,服裝設計師當然「巧婦難煮無米之炊」。根據同組色彩為設計基本元素，變化其圖案、紋樣，即變化面積、形態、位置、肌理等其他元素，達到系列設計之目的。
  • 衛浴產品設計創新
    由於這些限制，水龍頭的設計必須縮小到特定的標誌性特徵。 這一見解是由GP創建的AM.PM的一般產品標識的核心。 隨著寶石系列的面盆龍頭，它再次成為以標誌性臉部為特色的頂視圖。 手柄柔軟的多邊形輪廓類似於物體的特徵視圖。 受約束的噴嘴構成動態手柄。 手柄的多邊形形狀作為有機人手的舒適幾何完成。