中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

從幾何設(shè)計(jì)學(xué)原理的黃金分割應(yīng)用到網(wǎng)頁設(shè)計(jì)中

2023-05-31    分類: 網(wǎng)站建設(shè)

埃及金字塔、蒙娜麗莎、Twitter、百事可樂,這些事物有什么共同點(diǎn)?答案很簡(jiǎn)略,看似風(fēng)馬牛不相干的它們?cè)谝?guī)劃時(shí)都遵從了黃金份額的原則。這也正是咱們今日要探求的主題:黃金份額。因?yàn)辄S金份額具有共同的美學(xué)價(jià)值,在多個(gè)范疇有著廣泛地運(yùn)用:數(shù)學(xué)、物理、建筑、美術(shù)乃至是音樂。除此以外,黃金份額的栗子在日常生活和大自然中也比比皆是:舞臺(tái)報(bào)幕員不是站在舞臺(tái)的正中央,而是一側(cè);從一棵嫩枝的頂端向下看,它的葉子是依照黃金份額擺放著的。不過,很少有人將黃金份額和網(wǎng)站建設(shè)結(jié)合在一起,其實(shí)在網(wǎng)頁規(guī)劃之中運(yùn)用黃金份額能夠帶來無與倫比的份額性、調(diào)和性和藝術(shù)性,給網(wǎng)站賦予共同的美感。今日小飛就帶咱們了解一下什么是黃金份額,在網(wǎng)站能夠怎樣運(yùn)用黃金份額以及一些優(yōu)異的典范,期望能給咱們一些啟示和創(chuàng)意。

一般咱們會(huì)用線段分割來解說這個(gè)概念:把一條線段分割為兩部分,較短部分與較長(zhǎng)部分長(zhǎng)度之比等于較長(zhǎng)部分與全體長(zhǎng)度之比,其比值是一個(gè)無理數(shù),取其前三位數(shù)字的近似值是0.618。因?yàn)檫@樣的份額常常能帶來規(guī)劃的調(diào)和與美感,因而人們稱它為"黃金"份額(或黃金分割、中外比等)。下圖中的公式能夠給咱們作一個(gè)參閱:

黃金份額還能夠運(yùn)用在圖形之中。隨意拿出一個(gè)正方形,將它的一邊擴(kuò)大1.618倍,這樣一個(gè)黃金份額的矩形就出現(xiàn)了。當(dāng)你將原來的正方形和新的矩形堆疊時(shí),你能愈加明晰直觀的看清黃金份額的存在。

咱們還能夠更進(jìn)一步,在每個(gè)正方形中內(nèi)切一個(gè)圓形,這些圓形是遵從0.618的黃金份額的,是份額好的圓形。

在上面的段落中咱們關(guān)于黃金份額和黃金螺旋已有了必定的知道,獲得了遵從黃金份額的矩形、圓形,那么接下來咱們就看看在網(wǎng)站中怎么運(yùn)用提高規(guī)劃美感。因?yàn)辄S金份額的出現(xiàn)形式多樣,咱們能夠?qū)⑺玫讲季?、距離、內(nèi)容、圖畫和圖形等多個(gè)元素之中。

在布局中運(yùn)用黃金份額很有效,要害點(diǎn)就在于操控份額和尺度,掌握好0.618的黃金份額。舉個(gè)比如,假如你運(yùn)用960px的寬度布局時(shí),將它乘以0.618就能夠得到594px,這就是網(wǎng)頁布局的高度。在此根底之上,你能夠?qū)⒄麄€(gè)布局劃分為一欄正方形,一欄矩形,愈加直觀的出現(xiàn)黃金分割,讓網(wǎng)站更富魅力。

2、距離:運(yùn)用黃金螺旋布局

Moodley 規(guī)劃工作室就是一個(gè)栗子,它為布雷根茨藝術(shù)節(jié)規(guī)劃了海報(bào)、節(jié)目單以及Logo等品牌標(biāo)識(shí)。節(jié)目單的全體規(guī)劃采用了拍攝圖片拼貼的方法,有許多的留白,而其間各種元素的規(guī)劃份額、方位和留白就是憑借黃金螺旋來安置的。

3、內(nèi)容:沿著黃金螺旋的軌道

以國(guó)家地理雜志的網(wǎng)頁為例。假如你仔細(xì)觀察它的首頁,你就會(huì)發(fā)現(xiàn)它的內(nèi)容就是依照黃金螺旋的軌道來組織的。因?yàn)槿藗兛赡軙?huì)下意識(shí)留意這個(gè)軌道的中心,因而國(guó)家地理雜志在這放置了它的logo,再次杰出著重品牌形象。網(wǎng)站中的其他重要元素也為螺旋線所包括。

Helms 工作室 為Fullsteam Brewery進(jìn)行品牌規(guī)劃時(shí),也相同憑借黃金螺旋組織網(wǎng)站內(nèi)容。各種不同的元素被放在不同的區(qū)塊中,訪客能夠沿著中心人物、印章、ABV字符、產(chǎn)商地點(diǎn)地的軌道去閱讀。這樣的閱讀體會(huì)很自然、便利。

圖片的構(gòu)成也是很重要的,不管圖片是服務(wù)于信息傳遞或美感出現(xiàn)的意圖。在圖片中運(yùn)用黃金份額和三分法能夠運(yùn)用線條和交點(diǎn)構(gòu)建視覺中心,讓它們更吸人眼球,更能杰出重要的信息。在圖片中運(yùn)用黃金份額是指將圖片分成3個(gè)不相等的區(qū)塊,3個(gè)區(qū)塊的份額應(yīng)該是1:0.618:1,也就是說榜首列和第三列的寬度為1,而第二列的寬度為0.618,水平區(qū)域也是同理。這樣一來,咱們能夠通過這些線條或交點(diǎn)合理組織圖片的方位和大小,看看怎樣更能招引用戶留意力,增加興趣和生機(jī)。除了黃金份額以外,咱們還能夠運(yùn)用三分法對(duì)圖片進(jìn)行切開。三分法從某種意義上來說算是黃金分割的一種變體,在運(yùn)用上愈加簡(jiǎn)略。它是將圖片三等分,份額為1:1:1,這樣的圖片是徹底平衡和均勻的。這樣咱們能夠?qū)⒅匾脑丨h(huán)繞中心的矩形擺放開來。

Jason Mildren 為Pilot 雜志規(guī)劃封面時(shí),采用三分法來構(gòu)建視覺重心,圖中模特的眼、拇指和手臂軸心都處在視覺重心上,人物方位靠右下,留白靠左上,在布局上既杰出重點(diǎn),又做到了調(diào)和統(tǒng)一。

就像黃金份額能夠用來創(chuàng)建份額調(diào)和矩形(前面幾點(diǎn)都有提及),它還能夠用在圓形上,一個(gè)好的圓形應(yīng)該遵從0.618的份額。下面就以百事和Twitter的Logo來仔細(xì)分析一下黃金份額的圓形在網(wǎng)頁規(guī)劃中的運(yùn)用吧!

Twitter的Logo規(guī)劃則是憑借若干黃金份額的圓形來構(gòu)建的,只不過它在運(yùn)用黃金份額的圓形的時(shí)分,并沒有運(yùn)用相鄰份額的圓形來構(gòu)建,乍一看可能不行準(zhǔn)確,但卻相同調(diào)和?! ?/p>

網(wǎng)站欄目:從幾何設(shè)計(jì)學(xué)原理的黃金分割應(yīng)用到網(wǎng)頁設(shè)計(jì)中
網(wǎng)站路徑:http://m.rwnh.cn/news22/261622.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、定制網(wǎng)站、微信小程序服務(wù)器托管、微信公眾號(hào)、App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)
平谷区| 紫金县| 靖西县| 大姚县| 甘孜县| 白城市| 军事| 泉州市| 汶川县| 萨迦县| 大洼县| 文化| 尚义县| 湟中县| 元江| 阳东县| 兴义市| 通化市| 政和县| 中西区| 彰化县| 昭苏县| 宁河县| 高碑店市| 安阳市| 太原市| 莫力| 云龙县| 黔南| 固安县| 佛坪县| 阳西县| 鄄城县| 饶河县| 金山区| 兴隆县| 确山县| 余姚市| 石河子市| 广汉市| 英山县|