您現在的位置是:電腦技術吧?>? 編程技術 ??>??設計的黃金比例,設計的黃金比例是多少??>??正文詳情

設計的黃金比例,設計的黃金比例是多少

針可佳2019-11-27 15:51:47 人圍觀
簡介黃金比例的什么是黃金比率黃金比率是一個數學比率,在自然界中通常用來建立一個平衡的組合黃金比率大約是1.6180,也被稱為黃金平均數,通常用希臘字母?來表示黃金矩形是一個寬

黃金比例是什么?

  黃金比例是一個數學比率,通常在自然界中都能發現它,用來建立平衡的構圖。

它大約等于1.6180,也被稱為中庸之道、黃金分割, 通常用希臘字母Ф表示這個值。

  黃金矩形是指一個長方形的寬度是它高度的1.6180倍。

例如,一個劃分為300 px的一側, 則另一側為300 * 1.6180485 px,就可以稱之為黃金矩形。

  如果你從這個黃金矩形切分一個完美的矩形,留給你的會是另一個黃金矩形:

  你可以更小的矩形繼續做同樣的動作,然后再繼續切分下去,無限循環,你會得到這個熟悉的圖像:

  斐波那契序列  斐波那契序列類似于黃金比例,但并非完全如此。

這是一個系列的數字,序列中的下一個數字是前兩個的總和。

例如: 0,1,1,2,3,5,8,13,21,34,55,89,144,233,377這個規則公式是xn = xn-1 xn-2.  假設我們先從一個正方形開始,然后添加另一個,會得到一個我們所需的矩形:

  保持所增加正方形延伸出的最長長度,然后我們再添加另一個等于最長長度總數的矩形:

  然后一次又一次的:

  這可以無限期延續下去,會得出同樣的黃金矩形效果,但這次是新建而不是切分。

黃金比例和斐波那契序列都能讓我們做出吸引人的比例。

  現在讓我們來分析一些網站,在這些網站中我們可以看到他們的用法。

  Yourlocalstudio.dk

  Your Local Studio是一個基于設計和開發的網站,工作室在丹麥哥本哈根,。

他們擅長使用任何形式的視覺概念來優化網頁。

  這個網站有兩三個頁面有用到黃金比例。

主頁是關鍵信息的一個概念性詮述。

然而,當您訪問工作室頁面時,會發現它融合了一點傳統的Web布局與黃金分割矩形,如以下頁面:

  想在人群中脫穎而出?如Yourlocalstudio所做的,通過利用黃金比例來進行網站設計。

該設計采用了漸進式的,組織分明、結構清晰的網格系統,以非常規的布局來吸引用戶注意力。

  Mashable.com

  Mashable是一個新聞網站,我們用黃線標示了黃金比例的布局,可以看出網站內容布局靈活,給予了信息排版喘息的空間。

而以內容為驅動的類似網站,大多使用傳統的網格布局,內容密集而無重點,可以看出Mashable的黃金比例非常有效,即使是無形的。

  Jandk.fr

  Jackson Kent是一個來自法國Web生產代理網站。

  上面的截圖教大家如何展示以往客戶的工作項目, 它還有聯系方式、公司地址,如下圖所示,也使用黃金分割網格系統進行組織布局。

  這兒的案例鼓勵你不同大小的區域能讓內容看起來更加有趣,當用戶瀏覽網站時,不僅是看內容,也是體驗網站的設計,用黃金分割作視覺引導是非常有效的方法。

  結論  黃金比例說是網站布局的吸睛大法,雖然是一個數學概念,但效果的確顯著,把它和網站的字體、配色、設計結合起來,讓你的設計水平更上一個層次。

版權聲明:本文由 針可佳 整理編輯。

原標題:黃金比例在設計上的應用,在設計中被公認的黃金比例是

轉載注明出處:http://www.dn9ww09s.icu/program/14629.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 0x00000001e藍屏,0x00000007f藍屏

    0x00000001e藍屏,0x00000007f藍屏 相關圖片0x00000019藍屏電腦出現藍屏有許多復雜的原因。超人建議通過藍屏代碼找出問題所在,然后根據正確的藥物進行處理。這樣藍屏問題就可以很容易地解決了。當用戶最近在win10系統中啟動...

  • ppt制作超長字幕滾動,ppt制作滾動文本

    ppt制作超長字幕滾動,ppt制作滾動文本 相關圖片滑動的ppt怎么做Ppt操作一直是辦公室必備的能力。今天,超人編輯教你如何在PPT中制作滾動字幕。新手熟練使用ppt還是很困難的。怎么辦?以下是如何在ppt中創建滾動字符如何做滾動p...

  • 講故事思維,幕思維講故事

    講故事思維,幕思維講故事 相關圖片故事化思維一個朋友經常問起橫幅的背景。所以,在這篇文章中,我提供了一些總結性的想法,希望能對大家有所啟發。最后,由于參考了場景合成,很多人會需要很多免費的圖片素材...

  • 滬江網校課程過期,滬江網校

    滬江網校課程過期,滬江網校 相關圖片滬江網校收費湖江在線學校是湖江市的一個大型優質課程平臺。致力于為數億用戶提供豐富的學習課程和專業的教學服務。擁有1000多個在線課程,以社區學習為核心,致力于為數億用戶...

  • 先驅7怎么樣,先驅怎么用

    先驅7怎么樣,先驅怎么用 相關圖片先驅人任何從事互聯網設計的人都可能聽說過杰弗里·澤德曼的名字。作為現代互聯網標準的最大貢獻者之一,他在互聯網領域工作的時間比我生活的時間長我可以采訪他并與你分享他對...

  • 怎么看445端口狀態,一鍵開啟445端口

    怎么看445端口狀態,一鍵開啟445端口 相關圖片如何查詢端口是否關閉前段時間,勒索病毒讓整個互聯網陷入恐慌。勒索病毒是不法分子通過國安局黑客阿森納改造前泄露的永恒藍色攻擊程序發起的網絡攻擊事件。用戶只要打開互聯...

  • 多聊聊app,一起聊聊app

    多聊聊app,一起聊聊app 相關圖片聊聊是什么時候的軟件現在做用戶界面設計,不僅要注意界面視覺,還要了解交互和應用研究。今天10點??? 翻譯包含了移動app運行過程中的九種基本狀態(加載、空狀態、錯誤狀態等)...

  • 微信如何添加好友步驟,添加好友

    微信如何添加好友步驟,添加好友 相關圖片微信添加好友愛農崗作為一款提供實用農業技術和社區問答、實時聊天的便捷軟件,深受廣大農業從業人員的喜愛。那么,如果用戶看到農業科技大亨或者他們想在愛農中添加的好友,...

  • 網站頁腳文件,網站頁腳代碼

    網站頁腳文件,網站頁腳代碼 相關圖片頁腳北博用電桿上的鳥來代表隊員。當鼠標結束時,它將被引入。卡通風格是由瓦迪姆迪安奧克利烏福利亞杜爾韋蝸牛鳥園丁馬克齊網頁頁腳模板...

  • 三星galaxy,三星galaxy s8 價格

    三星galaxy,三星galaxy s8 價格 相關圖片三星s8 好用嗎在過去的一年里,三星可謂風雨飄搖,但即便如此,也未能阻止三星Galaxy S8的發布三星Galaxy S8怎么樣?值得買嗎?如果你三星s6edge十...

熱評文章

  • 文件描述符為0,什么是文件描述符

    文件描述符為0,什么是文件描述符 相關圖片linux文件描述符的數據類型一些用戶要求超人小編說,他們在安裝Oracle網格基礎設施檢查約束時遇到錯誤。一般來說,可以打開的文件描述符的最大數目是1024,而要求是65536。這linux修改...

  • 滴滴出行怎樣預約專車,滴滴出行如何預約

    滴滴出行怎樣預約專車,滴滴出行如何預約 相關圖片滴滴出行預約車準時嗎我們都知道如果車里有孩子,就應該使用兒童座椅。但是許多出租車沒有這種情況。最近滴滴推出了滴滴嬰兒車。這輛汽車配有兒童座椅。如何預約滴滴的安卓嬰...

  • watch創意布局,夢想小鎮創意布局

    watch創意布局,夢想小鎮創意布局 相關圖片創意展示臺安利的一批創意網站已經突破了15個網站布局的空白。各種花招都不是亮點。當進入網站時,我們發現大部分的動態效果都非常好。即使是產品展示也能發揮出獨特的風格。經...

  • Win10安全模式,win10安全模式有什么用

    Win10安全模式,win10安全模式有什么用 相關圖片win10安全模式系統還原超人編輯今天想給大家解釋一下win10的安全模式。相信很多電腦用戶對安全模式不會陌生,但也有一些不熟悉。win10安全模式有什么用?你對安全模式的作用了解多...

  • jexl2使用詳解,tinyxml2使用詳解

    jexl2使用詳解,tinyxml2使用詳解 相關圖片protobuf使用詳解在我們開始介紹動畫之前,我們需要了解一個特殊的東西,即關鍵幀,我們稱之為關鍵幀。玩過flash的朋友可能并不陌生。讓我們看看這個關鍵幀是什么。我們在用交通工...

  • 美圖秀秀彩虹濾鏡在哪,美圖秀秀濾鏡

    美圖秀秀彩虹濾鏡在哪,美圖秀秀濾鏡 相關圖片美圖秀秀的有亮晶晶的濾鏡近日,美圖秀秀的官方微博上分享了一組彩虹效果的圖片,很多小朋友都覺得很可愛。如何使用彩虹濾鏡?今天,超人軟件編輯將介紹如何使用彩虹特效功能...

  • 鼠標懸停,鼠標懸停顯示圖片

    鼠標懸停,鼠標懸停顯示圖片 相關圖片鼠標懸停顯示文字HTML圖像的寬度和高度必須定義XML/HTML代碼才能將內容復制到剪貼板CSS代碼才能將內容復制到剪貼板。Con{邊距:50px;位置:相對;}input鼠標懸停提示...

  • win10密碼忘記了怎么辦,win10忘記登錄密碼

    win10密碼忘記了怎么辦,win10忘記登錄密碼 相關圖片win7密碼忘了怎么辦Win10系統已經被越來越多的用戶所使用,但是Win10系統與以前的系統有所不同。win10系統的登錄方式為Microsoft電子郵件注冊用戶登錄。這個不能強行windows密碼忘了怎么辦...

  • 人機界面是啥,人機界面

    人機界面是啥,人機界面 相關圖片人機界面由什么組成1.1 IOS的設計體現了以下三個設計原則:參考:UI應該幫助用戶更好地理解和與內容交互,而不是分散用戶對內容本身的注意力清晰:各種規則人機界面是組態嗎...

  • office2017密鑰,office2016激活密鑰

    office2017密鑰,office2016激活密鑰 相關圖片office2019永久密鑰Office 2010是Office的辦公軟件之一。在眾多版本中,有很多2010版的用戶。與上一版本相比,Office2010提供了強大的數據分析和可視化功能,office10密鑰...

關注微信

变脸官网查询