圖片來源于網(wǎng)絡(luò)，版權(quán)歸作者所有

一、幾何簡史課 

歐幾里得常被稱為“幾何之父”，因?yàn)樗麑懥艘槐窘小稁缀螌W(xué)》的書，這是數(shù)學(xué)史上最有影響力的著作之一。

幾何圖案來源于幾何學(xué)，幾何學(xué)是數(shù)學(xué)中對形狀和線與面之間關(guān)系的研究。圖案被定義為“重復(fù)的裝飾設(shè)計(jì)”。

在設(shè)計(jì)中，幾何圖案反復(fù)使用形狀和線條來創(chuàng)造引人注目的設(shè)計(jì)。幾何圖案非常適合用于設(shè)計(jì)，因?yàn)閺谋举|(zhì)上講，我們的眼睛自然會(huì)被它們吸引。通過將幾何圖案與合適的顏色相結(jié)合設(shè)計(jì)引人入勝的視覺內(nèi)容。

世界內(nèi)外的一切都可以通過數(shù)學(xué)來推斷和理解，這正是許多文化將幾何視為神圣的原因，從一開始就被人類直觀地使用和理解。

因此，幾何形狀和圖案在藝術(shù)和設(shè)計(jì)中具有很大影響力。從伊斯蘭藝術(shù)到包豪斯運(yùn)動(dòng)、立體主義、裝飾藝術(shù)等等，幾何圖案一直并將繼續(xù)在設(shè)計(jì)中發(fā)揮關(guān)鍵作用。

我們可以將幾何設(shè)計(jì)用于從品牌到產(chǎn)品、插畫、網(wǎng)站、應(yīng)用程序設(shè)計(jì)等等的任何設(shè)計(jì)中，下面帶大家看一些幾何圖案在不同設(shè)計(jì)環(huán)境中的運(yùn)用案例。

二、幾何在設(shè)計(jì)中的運(yùn)用 

1、平面設(shè)計(jì)

雜志封面設(shè)計(jì)結(jié)合了三角形和充滿活力的各種配色，創(chuàng)造出炫酷的圖案，色彩繽紛的效果。

平面設(shè)計(jì)師 Atul Charde 設(shè)計(jì)的長途汽車，展示了幾何圖案可以很好的吸引人的注意力。Charde 還結(jié)合了黃色、橙色、海軍藍(lán)和白色的配色，創(chuàng)造出一種正在忙碌行駛的感覺，很生動(dòng)形象的體現(xiàn)了長涂汽車的概念，十分契合產(chǎn)品。

幾何設(shè)計(jì)也非常適用于包裝上面，用簡單的形狀組成復(fù)雜的圖案來包裝產(chǎn)品。

這瓶酒使用簡單的線條來創(chuàng)造一個(gè)有趣的幾何圖像。這是一個(gè)很基本的設(shè)計(jì)方法，但通過巧妙地結(jié)合顏色填充幾何形狀，設(shè)計(jì)感就出來了。一個(gè)復(fù)雜的圖案就是由一個(gè)簡單的圖形組成的。

盧塞恩紐巴德俱樂部音樂會(huì)系列海報(bào)，用繪畫與幾何的結(jié)合，表現(xiàn)了音樂的非常規(guī)和自由特點(diǎn)。

閃電形、星形、三角形表達(dá)音樂的激烈抑揚(yáng)頓挫感；圓形、傳達(dá)音樂的平靜、緩和感；自由筆觸有序直線，傳達(dá)音樂的有序、綿長感。

2、品牌

Nymble 健康套盒品牌視覺提取品牌首字母“N”與人奔跑時(shí)的姿態(tài)結(jié)合，雖然是簡單的幾何線條和點(diǎn)，卻非常有動(dòng)感，簡潔而傳神。

品牌延展部分是對品牌標(biāo)志更進(jìn)一步的理解和演繹，沿用了標(biāo)志中的點(diǎn)、線元素，通過對點(diǎn)與線的位置、距離、粗細(xì)、大小的調(diào)整，構(gòu)建出一整套可變的網(wǎng)格圖案。

涉谷時(shí)裝周2020-2022的視覺設(shè)計(jì)用圓形幾何化的視覺語言，將SFW2020組合成圖標(biāo)，并拆分重組成為輔助圖形，運(yùn)用到畫面整個(gè)體系中。從2020-2022，通過不同視覺展現(xiàn)不同的視覺風(fēng)格，2022的工業(yè)鬼馬感、2021休閑時(shí)尚感、復(fù)古都市感。

玻璃質(zhì)感和幾何圖形的結(jié)合完美詮釋主題，體現(xiàn)宏大精致的美。元素簡潔，通過細(xì)膩的質(zhì)感增加豐富的對比。

這是一款國外的披薩品牌的logo設(shè)計(jì)，特別之處在于logo的名字和圖形看似分開，實(shí)則是用一個(gè)郵票作為一個(gè)整體。圖形的人物是一個(gè)由幾何組合，用黃金比例切割出年輕媽媽的樣子。

這是國外的一個(gè)茶飲品牌的包裝設(shè)計(jì)，插畫的人物服裝和植物元素是當(dāng)?shù)厝说奶攸c(diǎn)，設(shè)計(jì)師將這些具有豐富變化的民俗服裝用幾何圖形有規(guī)律的重新組合。

通過將復(fù)雜的事物用幾何有規(guī)律的概括后，再通過合適的配色，呈現(xiàn)的整體設(shè)計(jì)感很強(qiáng)。同時(shí)在文字以及裝飾框上，也統(tǒng)一用了這種具有民俗風(fēng)情的風(fēng)格，在字體上也會(huì)用幾何作為流蘇一樣去代替字母一部分的筆畫。

3、插畫

簡單幾何元素拼綴出的人物、場景，色彩上深淺深的對比，圖形上方圓方對比增添了畫面的呼吸感和視覺沖擊力。

這種風(fēng)格的插畫區(qū)別于以往的插畫風(fēng)格，整體是幾何體和不規(guī)則形狀組合而成，噪點(diǎn)的運(yùn)用和顏色的搭配完美，夸張的手法，大膽的設(shè)計(jì)讓它脫穎而出。

無論是簡單的圖案還是復(fù)雜的圖案，幾何設(shè)計(jì)都可以完美地制作出引人注目的壁畫。

4、網(wǎng)頁設(shè)計(jì)

這個(gè)網(wǎng)頁運(yùn)用極細(xì)的線條，規(guī)則的塊面，將界面的功能展示區(qū)域分明，簡約不失嚴(yán)謹(jǐn)，傳達(dá)出品牌的專業(yè)度。

B端設(shè)計(jì)的頁面采用圓角卡片，以及大規(guī)模幾何體使用，界面立體感和層級感比較突出，立體幾何插畫的表現(xiàn)效果很好可以在UI中運(yùn)用。

配圖用三維幾何體，搭配很年輕化的色彩風(fēng)格，顯得畫面感很強(qiáng)。整體色調(diào)很舒服，界面干凈整潔，很年輕。

這組網(wǎng)頁設(shè)計(jì)首屏融入幾何元素包裹著主圖，靈動(dòng)多變的幾何裝飾打破慣性的設(shè)計(jì)思維，創(chuàng)造出新奇的視覺效果。

這個(gè)體育網(wǎng)頁頭部使用紅色和黃色，運(yùn)用對比色，視覺沖擊力強(qiáng)，使用三角形和異形，簡單的幾何圖形，營造頁面的空間感。

背景采用柔和的微漸變點(diǎn)綴淡淡幾何圖形，既不會(huì)喧賓奪主分散用戶的注意力，又可以避免純色背景的單調(diào)。

5、UI設(shè)計(jì)

這個(gè)綠植商店頁面采用大圓角搭配圓潤的線性icon，用幾何拼接形式表現(xiàn)插畫，整體風(fēng)格自然簡潔。

這個(gè)醫(yī)美產(chǎn)品的UI設(shè)計(jì)，按鈕和產(chǎn)品的背景沿用同類型的幾何圖形，類似超級符號的存在，加深品牌印象的同時(shí)，打破常規(guī)背景圖的形態(tài)，使頁面充滿生機(jī)活力，貼合醫(yī)美產(chǎn)品賦予肌膚青春活力的初衷。

從畫面感來看，有點(diǎn)像游戲或者娛樂產(chǎn)品風(fēng)格的界面。背景用很多幾何元素符號，畫面感很活躍。

這組啟動(dòng)頁設(shè)計(jì)，通過人物和幾何圖形穿插，突出人物主體，拉開主體和幾何形的層次感；并運(yùn)用色彩疊加的方式，畫面更具青春、趣味和視覺沖擊力。

這是一款體育運(yùn)動(dòng)場館預(yù)訂的產(chǎn)品，用幾何形狀表達(dá)不同的運(yùn)動(dòng)，簡約又生動(dòng)，也與整體高級感匹配。

幾何插畫設(shè)計(jì)風(fēng)格，頭部卡片像一個(gè)抽象的人物，整體風(fēng)格偏年輕化，卡片和背景生動(dòng)有趣不單調(diào)，顏色多彩充滿活力。

三、最后 

今天的分享就到這里，期待每天一個(gè)小知識(shí)點(diǎn)，可以給你的設(shè)計(jì)路上增加一點(diǎn)點(diǎn)能量。

作者：叮當(dāng)貓

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》P了兩個(gè)圓，價(jià)值800萬？

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.lzhte.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司