導航:首頁 > 萬維百科 > 網頁設計內間距

網頁設計內間距

發布時間:2020-08-27 11:45:14

1、做網頁設計每個部分間距要統一嗎? 是分頁面中正文部分每個小分塊的上下與左右間距都要統一用多少像素嗎?

沒有固定值,你根據頁面的美觀程度自己設定就好了
一般設定為5-10px為佳

2、為什麼網頁設計需要安全距離?

1、留白太少 留白是網頁設計中一個重要部分。它有助於防止用戶在瀏覽網站時變得疲憊,它可以在內容中劃出距離,而且它本身也看上去不錯。空白不是必須用白色的,而是,它僅僅是為其他設計元素提供間隔和緩沖的空間。

2、字體設置過多 通常來說一個網頁中最好不要超過三種字體。

3、色彩太多 文本、背景、框架等各為不同的顏色,雖然看似鮮艷但是,多重漸變、幾種鮮艷的色彩和大量有鮮明對比的色調及飽和度,會破壞你網站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(如藍色),再搭配反相的單色(白、灰、黑)以獲得一個漂亮的搭配。這里強調下豆瓣的配色。也是我喜歡的顏色搭配。

4、內容過於堆疊 網頁的內容繁多,各種分支信息占據的空間過多,沒有突出關鍵的主題。它有助於在內心組織重要的信息,並引導用戶注意在你想讓他注意的地方。在傳統藝術中,新手們被教導色彩、價值和線性透視三原則和其他藝術指導。在網頁設計中,沒有特別奉行的准則,但以直觀的方式組織你的內容是一條很好的經驗規則。也是多年培養的用戶習慣。最終習慣就是最終用戶。當然一成不變不是我們所鼓勵的。

5、沒有重視用戶電腦的屏幕顯示效果 也許某個解析度對你的電腦效果特別好,但是用在用戶電腦上就不一定如此了。雖然這種解析度的顯示器正在減少,但採用更小的解析度的手機設備也來了。現在的網頁設計寬度標準是960像素,雖然沒有照顧到每一種解析度,但在主流解析度上可以呈現的最好。假如你希望面對大量的手機用戶,最好考慮一個手機版設計。

6、沒有考慮對比效果 你有沒有試過兩種對比色彩的運用或者大小的變化,有些方式之所以比其他的更好,其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字,考慮一下改變字體大小或方式。成為一個大師級網頁設計師的秘訣:對比,對比,對比。

7、同一件事情做的不夠多,或做的太多(過猶不及) 某個主題過於突出或者某個主題被完全冷落了,在頁腳加一個」返回頂部」的按鈕也很好。但是,太多指向同一目標的途徑會降低可用性。讓你的奶奶用下你的網站,如果她搞不定,想想哪些東西讓初次訪問的用戶拒絕使用這個網站。

8、不一致 網頁內容過於雜亂,沒有統一的框架把他們合並到一個中心主旨上。它是把網頁設計組織在一起的方式,可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下,它可以幫助用戶把所有頁面都聯系在一起。如果你在整個網站持續改變字體、大小和色彩,用戶很快會覺得不知所措。

9、沒有足夠的文字間距 間距過小是造成網頁缺陷的一個重要原因。網頁一個是行距,可以用CSS直接調整,關繫到兩行文字之間的距離。這些有助於區分行與段落,使用戶更容易閱讀文字。

10、貧乏的尺寸大小 標准做法是h1的文字大於h2的文字,頭部文字大於段落文字。盡量保持一致的尺寸,因為它有助於一致性(第8條)和內容層次(第4條)。保持文字的可讀性,但不要太大,讓字體的大小表現信息的重要性。還有,10像素以下的尺寸對大量閱讀的人來說太小了。 在平時設計網頁過程中,如果能夠多加註意到這些問題,從而避免不該犯的錯誤,就能在整體設計的基礎上加分,此外,加上自己特色的創意,真正為用戶考慮,才能真正做到優秀的網頁設計。

3、關於網頁製作行間距問題。

<style type="text/css">
<!--
.行間距 {
margin:0px; /* 行間距為0 */
border:1px solid blue; /* 加上邊框,調試的時候可以更清晰 */
font-size: 16px;
font-style: normal;
/*line-height: 20%; 不明白你設這個的作用,這個效果是把整個行壓縮為默認值的20%,但字體大小仍為你設置的16px*/
font-weight: normal;
font-variant: normal;
color: #FF0000;
text-decoration: none;
}
-->
</style>

另外我在txt上看的時候,沒有發現文字少一塊的現象,也找不到你說的0%的設置,如果有外部文件,寫上來看看。

4、css網頁設計中,標題和內容的間距問題?

可以不用h3標題~可以自己設置文字的大小~~
不要使用<p></p>標簽
換行使用</br>標簽~
上下文的距離可以用margin-top來定義~

5、網頁設計中行間距怎麼設置

css中line-hight:10px 屬性設置行高距

6、網頁設計 間距問題 用代碼方式

選框之間的距離可以用表格控制,把這個表單放在表格裡面,只要設置行高度和單元格的高寬度就能很輕易的控制各選項的距離。

7、怎樣在網頁設計中設計段落行間距的大小

首先你要了解行距的問題那麼你必須先知道盒子模型,也就是所謂的CSS+DIv的設計,那麼裡面關於段落行距的CSS代碼是這樣的
<style>
<!--
p{padding:10px;
magin:10px;}
>
</style>
<body>
<p>你好</p>
</body>
首先跟你解釋下padding 和magin 在網頁設計中的重要性,magin主要是塊與塊之間的距離,有4個,分別是magin-left,magin-top,magin-right,magin-bottom,而padding值得是內容(content)與邊框(border)之間的距離,你好比你現在要設計段落與段落之間的距離其實就是塊與塊之間的距離,用到magin就可以了。所以要想靈活設計網頁中的排版並且做到網頁的設計的多變性 那麼還是好好學習下CSS+DIV 希望對你有所幫助。

8、在製作網頁時,怎麼調整div間距?

在CSS里設置DIV標簽各屬性參數為0
div{margin:0;border:0;padding:0;}
這里就設置了DIV標簽CSS屬性相當於初始化了DIV標簽CSS屬性,這里設置margin外邊距為0;邊框border屬性為0和內補白也為0;這樣相當於就初始化了DIV盒子之間距各屬性距離為0,這樣就不會造成DIV直接有一定的距離。

與網頁設計內間距相關的知識