圖片來(lái)源于網(wǎng)絡(luò)，版權(quán)歸作者所有
一、幾何簡(jiǎn)史課
歐幾里得常被稱(chēng)為“幾何之父”，因?yàn)樗麑?xiě)了一本叫《幾何學(xué)》的書(shū)，這是數(shù)學(xué)史上最有影響力的著作之一。
幾何圖案來(lái)源于幾何學(xué)，幾何學(xué)是數(shù)學(xué)中對(duì)形狀和線(xiàn)與面之間關(guān)系的研究。圖案被定義為“重復(fù)的裝飾設(shè)計(jì)”。
在設(shè)計(jì)中，幾何圖案反復(fù)使用形狀和線(xiàn)條來(lái)創(chuàng)造引人注目的設(shè)計(jì)。幾何圖案非常適合用于設(shè)計(jì)，因?yàn)閺谋举|(zhì)上講，我們的眼睛自然會(huì)被它們吸引。通過(guò)將幾何圖案與合適的顏色相結(jié)合設(shè)計(jì)引人入勝的視覺(jué)內(nèi)容。
世界內(nèi)外的一切都可以通過(guò)數(shù)學(xué)來(lái)推斷和理解，這正是許多文化將幾何視為神圣的原因，從一開(kāi)始就被人類(lèi)直觀(guān)地使用和理解。
因此，幾何形狀和圖案在藝術(shù)和設(shè)計(jì)中具有很大影響力。從伊斯蘭藝術(shù)到包豪斯運(yùn)動(dòng)、立體主義、裝飾藝術(shù)等等，幾何圖案一直并將繼續(xù)在設(shè)計(jì)中發(fā)揮關(guān)鍵作用。
我們可以將幾何設(shè)計(jì)用于從品牌到產(chǎn)品、插畫(huà)、網(wǎng)站、應(yīng)用程序設(shè)計(jì)等等的任何設(shè)計(jì)中，下面帶大家看一些幾何圖案在不同設(shè)計(jì)環(huán)境中的運(yùn)用案例。
二、幾何在設(shè)計(jì)中的運(yùn)用
1、平面設(shè)計(jì)
雜志封面設(shè)計(jì)結(jié)合了三角形和充滿(mǎn)活力的各種配色，創(chuàng)造出炫酷的圖案，色彩繽紛的效果。
平面設(shè)計(jì)師 Atul Charde 設(shè)計(jì)的長(zhǎng)途汽車(chē)，展示了幾何圖案可以很好的吸引人的注意力。Charde 還結(jié)合了黃色、橙色、海軍藍(lán)和白色的配色，創(chuàng)造出一種正在忙碌行駛的感覺(jué)，很生動(dòng)形象的體現(xiàn)了長(zhǎng)涂汽車(chē)的概念，十分契合產(chǎn)品。
幾何設(shè)計(jì)也非常適用于包裝上面，用簡(jiǎn)單的形狀組成復(fù)雜的圖案來(lái)包裝產(chǎn)品。
這瓶酒使用簡(jiǎn)單的線(xiàn)條來(lái)創(chuàng)造一個(gè)有趣的幾何圖像。這是一個(gè)很基本的設(shè)計(jì)方法，但通過(guò)巧妙地結(jié)合顏色填充幾何形狀，設(shè)計(jì)感就出來(lái)了。一個(gè)復(fù)雜的圖案就是由一個(gè)簡(jiǎn)單的圖形組成的。
盧塞恩紐巴德俱樂(lè)部音樂(lè)會(huì)系列海報(bào)，用繪畫(huà)與幾何的結(jié)合，表現(xiàn)了音樂(lè)的非常規(guī)和自由特點(diǎn)。
閃電形、星形、三角形表達(dá)音樂(lè)的激烈抑揚(yáng)頓挫感；圓形、傳達(dá)音樂(lè)的平靜、緩和感；自由筆觸有序直線(xiàn)，傳達(dá)音樂(lè)的有序、綿長(zhǎng)感。
2、品牌
Nymble 健康套盒品牌視覺(jué)提取品牌首字母“N”與人奔跑時(shí)的姿態(tài)結(jié)合，雖然是簡(jiǎn)單的幾何線(xiàn)條和點(diǎn)，卻非常有動(dòng)感，簡(jiǎn)潔而傳神。
品牌延展部分是對(duì)品牌標(biāo)志更進(jìn)一步的理解和演繹，沿用了標(biāo)志中的點(diǎn)、線(xiàn)元素，通過(guò)對(duì)點(diǎn)與線(xiàn)的位置、距離、粗細(xì)、大小的調(diào)整，構(gòu)建出一整套可變的網(wǎng)格圖案。
涉谷時(shí)裝周2020-2022的視覺(jué)設(shè)計(jì)用圓形幾何化的視覺(jué)語(yǔ)言，將SFW2020組合成圖標(biāo)，并拆分重組成為輔助圖形，運(yùn)用到畫(huà)面整個(gè)體系中。從2020-2022，通過(guò)不同視覺(jué)展現(xiàn)不同的視覺(jué)風(fēng)格，2022的工業(yè)鬼馬感、2021休閑時(shí)尚感、復(fù)古都市感。
玻璃質(zhì)感和幾何圖形的結(jié)合完美詮釋主題，體現(xiàn)宏大精致的美。元素簡(jiǎn)潔，通過(guò)細(xì)膩的質(zhì)感增加豐富的對(duì)比。
這是一款國(guó)外的披薩品牌的logo設(shè)計(jì)，特別之處在于logo的名字和圖形看似分開(kāi)，實(shí)則是用一個(gè)郵票作為一個(gè)整體。圖形的人物是一個(gè)由幾何組合，用黃金比例切割出年輕媽媽的樣子。
這是國(guó)外的一個(gè)茶飲品牌的包裝設(shè)計(jì)，插畫(huà)的人物服裝和植物元素是當(dāng)?shù)厝说奶攸c(diǎn)，設(shè)計(jì)師將這些具有豐富變化的民俗服裝用幾何圖形有規(guī)律的重新組合。
通過(guò)將復(fù)雜的事物用幾何有規(guī)律的概括后，再通過(guò)合適的配色，呈現(xiàn)的整體設(shè)計(jì)感很強(qiáng)。同時(shí)在文字以及裝飾框上，也統(tǒng)一用了這種具有民俗風(fēng)情的風(fēng)格，在字體上也會(huì)用幾何作為流蘇一樣去代替字母一部分的筆畫(huà)。
3、插畫(huà)
簡(jiǎn)單幾何元素拼綴出的人物、場(chǎng)景，色彩上深淺深的對(duì)比，圖形上方圓方對(duì)比增添了畫(huà)面的呼吸感和視覺(jué)沖擊力。
這種風(fēng)格的插畫(huà)區(qū)別于以往的插畫(huà)風(fēng)格，整體是幾何體和不規(guī)則形狀組合而成，噪點(diǎn)的運(yùn)用和顏色的搭配完美，夸張的手法，大膽的設(shè)計(jì)讓它脫穎而出。
無(wú)論是簡(jiǎn)單的圖案還是復(fù)雜的圖案，幾何設(shè)計(jì)都可以完美地制作出引人注目的壁畫(huà)。
4、網(wǎng)頁(yè)設(shè)計(jì)
這個(gè)網(wǎng)頁(yè)運(yùn)用極細(xì)的線(xiàn)條，規(guī)則的塊面，將界面的功能展示區(qū)域分明，簡(jiǎn)約不失嚴(yán)謹(jǐn)，傳達(dá)出品牌的專(zhuān)業(yè)度。
B端設(shè)計(jì)的頁(yè)面采用圓角卡片，以及大規(guī)模幾何體使用，界面立體感和層級(jí)感比較突出，立體幾何插畫(huà)的表現(xiàn)效果很好可以在UI中運(yùn)用。
配圖用三維幾何體，搭配很年輕化的色彩風(fēng)格，顯得畫(huà)面感很強(qiáng)。整體色調(diào)很舒服，界面干凈整潔，很年輕。
這組網(wǎng)頁(yè)設(shè)計(jì)首屏融入幾何元素包裹著主圖，靈動(dòng)多變的幾何裝飾打破慣性的設(shè)計(jì)思維，創(chuàng)造出新奇的視覺(jué)效果。
這個(gè)體育網(wǎng)頁(yè)頭部使用紅色和黃色，運(yùn)用對(duì)比色，視覺(jué)沖擊力強(qiáng)，使用三角形和異形，簡(jiǎn)單的幾何圖形，營(yíng)造頁(yè)面的空間感。
背景采用柔和的微漸變點(diǎn)綴淡淡幾何圖形，既不會(huì)喧賓奪主分散用戶(hù)的注意力，又可以避免純色背景的單調(diào)。
這個(gè)綠植商店頁(yè)面采用大圓角搭配圓潤(rùn)的線(xiàn)性icon，用幾何拼接形式表現(xiàn)插畫(huà)，整體風(fēng)格自然簡(jiǎn)潔。
這個(gè)醫(yī)美產(chǎn)品的UI設(shè)計(jì)，按鈕和產(chǎn)品的背景沿用同類(lèi)型的幾何圖形，類(lèi)似超級(jí)符號(hào)的存在，加深品牌印象的同時(shí)，打破常規(guī)背景圖的形態(tài)，使頁(yè)面充滿(mǎn)生機(jī)活力，貼合醫(yī)美產(chǎn)品賦予肌膚青春活力的初衷。
從畫(huà)面感來(lái)看，有點(diǎn)像游戲或者娛樂(lè)產(chǎn)品風(fēng)格的界面。背景用很多幾何元素符號(hào)，畫(huà)面感很活躍。
這組啟動(dòng)頁(yè)設(shè)計(jì)，通過(guò)人物和幾何圖形穿插，突出人物主體，拉開(kāi)主體和幾何形的層次感；并運(yùn)用色彩疊加的方式，畫(huà)面更具青春、趣味和視覺(jué)沖擊力。
這是一款體育運(yùn)動(dòng)場(chǎng)館預(yù)訂的產(chǎn)品，用幾何形狀表達(dá)不同的運(yùn)動(dòng)，簡(jiǎn)約又生動(dòng)，也與整體高級(jí)感匹配。
幾何插畫(huà)設(shè)計(jì)風(fēng)格，頭部卡片像一個(gè)抽象的人物，整體風(fēng)格偏年輕化，卡片和背景生動(dòng)有趣不單調(diào)，顏色多彩充滿(mǎn)活力。
三、最后
今天的分享就到這里，期待每天一個(gè)小知識(shí)點(diǎn)，可以給你的設(shè)計(jì)路上增加一點(diǎn)點(diǎn)能量。
原文地址：我們的設(shè)計(jì)日記（公眾號(hào)）
作者：叮當(dāng)貓
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》P了兩個(gè)圓，價(jià)值800萬(wàn)？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司