網(wǎng)站建設(shè)中頁面設(shè)計尺寸的黃金比例是怎樣定的?

2020-11-30    分類: 網(wǎng)站建設(shè)

黃金比例公式算法

黃金比例是一個無理數(shù),定義為(√5-1)/2。所使用的水平相當廣泛,例如:數(shù)學,物理學,建筑,藝術(shù)甚至音樂。黃金分割率的獨特性質(zhì)首先應(yīng)用于劃分線段。如果線段的總長度是黃金分割率的分母加上分子的單位長度,則將其分為兩半,長的是分母的單位長度,而短的是分子的單位長度。黃金比例。

web網(wǎng)格設(shè)計技巧

當網(wǎng)站建設(shè)公司的網(wǎng)站設(shè)計發(fā)展到某個階段時,它將不可避免地與其他學科或領(lǐng)域相互作用并引起共鳴。在閱讀“超越CSS:Web設(shè)計藝術(shù)的精髓”這本書時,我發(fā)現(xiàn)原始的Web設(shè)計仍然可以像這樣。最突出的例子是現(xiàn)在設(shè)計師經(jīng)常提到的Web網(wǎng)格設(shè)計。 TAOBAOUED曾經(jīng)討論過這個問題。通過非常邏輯性的公式轉(zhuǎn)換和某些數(shù)學分析,網(wǎng)站設(shè)計指導的建設(shè)性概念在一定程度上是一項創(chuàng)新。

網(wǎng)站布局設(shè)計方法

我們需要為950px寬度的頁面中間頁設(shè)計一列。根據(jù)黃金分割原則,我們可以這樣設(shè)計:Web布局具有一定的平衡感,并且整個頁面更加和諧。當前的頁面布局通常是一種更加靈活的設(shè)計,因為這樣,無論窗口大小如何,頁面都可以填充查看器的屏幕空間,這對于具有高分辨率寬屏的用戶而言是有意義的。對于堅持固定像素寬度的設(shè)計師來說,1024*768為王,這摒棄了兩端的用戶群。在《超越CSS》一書中,提到了即使采用固定寬度的設(shè)計,在減小瀏覽器的滾動條的寬度和查看者打開的工具欄的寬度之后,水平寬度還是不夠的:許多設(shè)計師都在設(shè)計設(shè)計布局時,他們會隨機設(shè)置寬度以開始設(shè)計。通常,選擇的寬度不考慮要表達的內(nèi)容,當在以后的階段出現(xiàn)內(nèi)容問題時,寬度非常有限。

不局限于大小型網(wǎng)站視覺效果

仍然有許多開發(fā)人員不完全依賴視覺效果來實現(xiàn)頁面。有時他們會粗略地測量它,然后根據(jù)過去的經(jīng)驗自定義寬度。此寬度通常與它們的內(nèi)容不太吻合,因此,此時使用黃金比例非常重要。黃金比例不僅可以用于大型布局,還可以用于小型列設(shè)計。它可以細化為非常小的設(shè)計元素,例如圖片信息顯示區(qū)域:該書還提到可以根據(jù)內(nèi)容推斷出較大的區(qū)域?qū)挾?。例如,對于SEO服務(wù),需要在網(wǎng)頁的首頁上放置寬度為500的橫幅圖片。

然后,網(wǎng)站建設(shè)公司可以使用黃金比例來計算整個網(wǎng)頁的合適寬度:500*1.62=810px,不一定必須是950或800。這些是許多人所尊重的頁面寬度。

當前文章:網(wǎng)站建設(shè)中頁面設(shè)計尺寸的黃金比例是怎樣定的?
網(wǎng)站地址:http://muchs.cn/news/91742.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)

廣告

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

微信小程序開發(fā)