<rt id="eeo40"><acronym id="eeo40"></acronym></rt>
  • <dd id="eeo40"><s id="eeo40"></s></dd>
  • <menu id="eeo40"><code id="eeo40"></code></menu>
  • 您的位置:首 頁(yè) > 新聞中心 > 企業(yè)網(wǎng)站建設(shè) > 企業(yè)網(wǎng)站建設(shè)-網(wǎng)站建設(shè)的網(wǎng)頁(yè)版布局原則

    企業(yè)網(wǎng)站建設(shè)

    企業(yè)網(wǎng)站建設(shè)-網(wǎng)站建設(shè)的網(wǎng)頁(yè)版布局原則

    發(fā)布:2019-09-27 21:16:44 瀏覽:7471

    網(wǎng)頁(yè)在設(shè)計(jì)上與平面設(shè)計(jì)有許多共同之處,如報(bào)紙等,因此其也要遵循一些設(shè)計(jì)的基本原則。我們只要熟悉-一些設(shè)計(jì)原則,再對(duì)網(wǎng)頁(yè)的特殊性作一些考慮,便不難設(shè)計(jì)出美觀大方的頁(yè)面來(lái)。網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)要遵循以下基本原則,熟悉這些原則將對(duì)我們進(jìn)行頁(yè)面的設(shè)計(jì)有所幫助。

    1.主次分明,中心突出
    在一個(gè)頁(yè)面上,我們必須考慮視覺(jué)的中心,這個(gè)中心一般在屏幕的中央或者在中間偏上的部位。因此,重要的文章和圖像一般可以被安排在這個(gè)部位,那些稍微次要的內(nèi)容就可以安排在視覺(jué)中心以外的地方,這樣頁(yè)面上就突出了重點(diǎn),做到了主次有別。
    2.大小搭配,相互呼應(yīng)
    較長(zhǎng)的文章或標(biāo)題,不要被編排在一起,要有一定的距離;同樣,較短的文章,也不能被編排在一起。對(duì)待圖像的安排也是這樣,我們要設(shè)計(jì)使其互相錯(cuò)開(kāi),使大小圖像之間有一定的間隔,這樣可以使頁(yè)面錯(cuò)落有致,避免重心的偏離。
    3.圖文并茂,相得益彰
    文字和圖像具有一種相互補(bǔ)充的視覺(jué)關(guān)系,頁(yè)面上文字太多,就顯得沉悶,缺乏生氣。

    4.簡(jiǎn)潔一致

    保持簡(jiǎn)潔的常用做法是使用醒目的標(biāo)題,這個(gè)標(biāo)題常常采用圖形表示,但圖形同樣要求簡(jiǎn)潔。另一種保持簡(jiǎn)潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁(yè)使用的字體不超過(guò)三種,一個(gè)頁(yè)面中使用的顏色只需兩三種。
    要保持一致性,我們可以從頁(yè)面的排版下手:在各個(gè)頁(yè)面使用相同的頁(yè)邊距、文本:保持圖形之間相同的問(wèn)距:在主要圖形、標(biāo)題或符號(hào)旁邊留下相同的空白。
    5.網(wǎng)頁(yè)布局時(shí)的一-些元素
    在進(jìn)行網(wǎng)頁(yè)布局時(shí),我們要注意以下元素:格式美觀的正文,和諧的色彩搭配,較好的對(duì)比度,較強(qiáng)可讀性的文字,生動(dòng)的背景圖案,大小適中的頁(yè)面元素,勻稱的布局,不同元素之間有足夠的空白,各元素之間的平衡,文字誰(shuí)確無(wú)誤、無(wú)錯(cuò)別字、無(wú)拼寫錯(cuò)誤。
    6.文本和背景的色彩

    考慮到大多數(shù)人使用256色顯示模式,因此一個(gè)頁(yè)面顯示的顏色不宜過(guò)多。頁(yè)面顯示的主題顏色通常只需要兩三種,并采用種標(biāo)準(zhǔn)色。網(wǎng)站式企業(yè)網(wǎng)站建設(shè)

    >>> 查看《企業(yè)網(wǎng)站建設(shè)-網(wǎng)站建設(shè)的網(wǎng)頁(yè)版布局原則》更多相關(guān)資訊 <<<

    本文地址:http://www.modelkey.org/news/html/10607.html

    趕快點(diǎn)擊我,讓我來(lái)幫您!
    亚洲高清无码中文成人在线,AV色综合久久天堂AV色综合在,久久人人爽人人爽人人片av高,日本亚洲成a人片在线观看
    <rt id="eeo40"><acronym id="eeo40"></acronym></rt>
  • <dd id="eeo40"><s id="eeo40"></s></dd>
  • <menu id="eeo40"><code id="eeo40"></code></menu>