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