圖片來(lái)源于網(wǎng)絡(luò),版權(quán)歸作者所有
一、幾何簡(jiǎn)史課
歐幾里得常被稱為“幾何之父”,因?yàn)樗麑懥艘槐窘小稁缀螌W(xué)》的書,這是數(shù)學(xué)史上最有影響力的著作之一。
幾何圖案來(lái)源于幾何學(xué),幾何學(xué)是數(shù)學(xué)中對(duì)形狀和線與面之間關(guān)系的研究。圖案被定義為“重復(fù)的裝飾設(shè)計(jì)”。
在設(shè)計(jì)中,幾何圖案反復(fù)使用形狀和線條來(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)始就被人類直觀地使用和理解。
因此,幾何形狀和圖案在藝術(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ì)的長(zhǎng)途汽車,展示了幾何圖案可以很好的吸引人的注意力。Charde 還結(jié)合了黃色、橙色、海軍藍(lán)和白色的配色,創(chuàng)造出一種正在忙碌行駛的感覺(jué),很生動(dòng)形象的體現(xiàn)了長(zhǎng)涂汽車的概念,十分契合產(chǎn)品。
幾何設(shè)計(jì)也非常適用于包裝上面,用簡(jiǎn)單的形狀組成復(fù)雜的圖案來(lái)包裝產(chǎn)品。
這瓶酒使用簡(jiǎ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),用繪畫與幾何的結(jié)合,表現(xiàn)了音樂(lè)的非常規(guī)和自由特點(diǎn)。
閃電形、星形、三角形表達(dá)音樂(lè)的激烈抑揚(yáng)頓挫感;圓形、傳達(dá)音樂(lè)的平靜、緩和感;自由筆觸有序直線,傳達(dá)音樂(lè)的有序、綿長(zhǎng)感。
2、品牌
Nymble 健康套盒品牌視覺(jué)提取品牌首字母“N”與人奔跑時(shí)的姿態(tài)結(jié)合,雖然是簡(jiǎn)單的幾何線條和點(diǎn),卻非常有動(dòng)感,簡(jiǎn)潔而傳神。
品牌延展部分是對(duì)品牌標(biāo)志更進(jìn)一步的理解和演繹,沿用了標(biāo)志中的點(diǎn)、線元素,通過(guò)對(duì)點(diǎn)與線的位置、距離、粗細(xì)、大小的調(diào)整,構(gòu)建出一整套可變的網(wǎng)格圖案。
涉谷時(shí)裝周2020-2022的視覺(jué)設(shè)計(jì)用圓形幾何化的視覺(jué)語(yǔ)言,將SFW2020組合成圖標(biāo),并拆分重組成為輔助圖形,運(yùn)用到畫面整個(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ì),插畫的人物服裝和植物元素是當(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ì)用幾何作為流蘇一樣去代替字母一部分的筆畫。
3、插畫
簡(jiǎn)單幾何元素拼綴出的人物、場(chǎng)景,色彩上深淺深的對(duì)比,圖形上方圓方對(duì)比增添了畫面的呼吸感和視覺(jué)沖擊力。
這種風(fēng)格的插畫區(qū)別于以往的插畫風(fēng)格,整體是幾何體和不規(guī)則形狀組合而成,噪點(diǎn)的運(yùn)用和顏色的搭配完美,夸張的手法,大膽的設(shè)計(jì)讓它脫穎而出。
無(wú)論是簡(jiǎn)單的圖案還是復(fù)雜的圖案,幾何設(shè)計(jì)都可以完美地制作出引人注目的壁畫。
4、網(wǎng)頁(yè)設(shè)計(jì)
這個(gè)網(wǎng)頁(yè)運(yùn)用極細(xì)的線條,規(guī)則的塊面,將界面的功能展示區(qū)域分明,簡(jiǎn)約不失嚴(yán)謹(jǐn),傳達(dá)出品牌的專業(yè)度。
B端設(shè)計(jì)的頁(yè)面采用圓角卡片,以及大規(guī)模幾何體使用,界面立體感和層級(jí)感比較突出,立體幾何插畫的表現(xiàn)效果很好可以在UI中運(yùn)用。
配圖用三維幾何體,搭配很年輕化的色彩風(fēng)格,顯得畫面感很強(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ì)喧賓奪主分散用戶的注意力,又可以避免純色背景的單調(diào)。
這個(gè)綠植商店頁(yè)面采用大圓角搭配圓潤(rùn)的線性icon,用幾何拼接形式表現(xiàn)插畫,整體風(fēng)格自然簡(jiǎn)潔。
這個(gè)醫(yī)美產(chǎn)品的UI設(shè)計(jì),按鈕和產(chǎn)品的背景沿用同類型的幾何圖形,類似超級(jí)符號(hào)的存在,加深品牌印象的同時(shí),打破常規(guī)背景圖的形態(tài),使頁(yè)面充滿生機(jī)活力,貼合醫(yī)美產(chǎn)品賦予肌膚青春活力的初衷。
從畫面感來(lái)看,有點(diǎn)像游戲或者娛樂(lè)產(chǎn)品風(fēng)格的界面。背景用很多幾何元素符號(hào),畫面感很活躍。
這組啟動(dòng)頁(yè)設(shè)計(jì),通過(guò)人物和幾何圖形穿插,突出人物主體,拉開(kāi)主體和幾何形的層次感;并運(yùn)用色彩疊加的方式,畫面更具青春、趣味和視覺(jué)沖擊力。
這是一款體育運(yùn)動(dòng)場(chǎng)館預(yù)訂的產(chǎn)品,用幾何形狀表達(dá)不同的運(yùn)動(dòng),簡(jiǎn)約又生動(dòng),也與整體高級(jí)感匹配。
幾何插畫設(shè)計(jì)風(fēng)格,頭部卡片像一個(gè)抽象的人物,整體風(fēng)格偏年輕化,卡片和背景生動(dòng)有趣不單調(diào),顏色多彩充滿活力。
三、最后
今天的分享就到這里,期待每天一個(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ì)( www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司