10個(gè)網(wǎng)頁(yè)排版規(guī)則，每個(gè)設(shè)計(jì)師都應(yīng)該知道

當(dāng)有人訪問(wèn)一個(gè)網(wǎng)站，你的設(shè)計(jì)，可能是他們不在乎顏色，圖像和聲音，他們馬上看文本。
無(wú)論多少花里胡哨的你建立一個(gè)網(wǎng)站，每個(gè)人都依靠文字來(lái)完成他們正在訪問(wèn)的網(wǎng)站做。
這使的排版，排式的藝術(shù)，任何網(wǎng)頁(yè)設(shè)計(jì)者優(yōu)先。
在這篇文章中，我們來(lái)看看10個(gè)簡(jiǎn)單的規(guī)則要記住當(dāng)設(shè)計(jì)你的下一個(gè)Web項(xiàng)目。
1。通過(guò)閱讀自己的文本
與設(shè)計(jì)jonesingfor一個(gè)沒(méi)有很大的把握文本的設(shè)計(jì)師會(huì)一直放在一起，讓這個(gè)網(wǎng)站真的字體。當(dāng)你處理你自己的字體，你可能不必?fù)?dān)心寫(xiě)作網(wǎng)站的文本-但你必須讀它！

一些網(wǎng)站設(shè)計(jì)師認(rèn)為只是復(fù)制和粘貼的文本文件是文本的職責(zé)總。但通過(guò)閱讀文本提供至少一個(gè)基本思想文本如何可以集成到一個(gè)網(wǎng)站，避免脫節(jié)的寫(xiě)作和設(shè)計(jì)一個(gè)網(wǎng)站。
你可以踢你的排版上的另一個(gè)缺口，如果你能通過(guò)閱讀文本，一旦它發(fā)生在你的設(shè)計(jì)。要特別注意周圍空間的信。你有沒(méi)有特別大的空間，看起來(lái)很奇怪嗎？細(xì)心一點(diǎn)的字體可以消除這些問(wèn)題。你也可以得到線可能太長(zhǎng)，容易閱讀的想法，尷尬的換行和類似的問(wèn)題。

2。轉(zhuǎn)儲(chǔ)Lorem存有盡快
你認(rèn)為你能設(shè)計(jì)耶穌羅德里格茲貝拉斯科的網(wǎng)站沒(méi)有實(shí)際的文字？該網(wǎng)站是依賴文字和非常具體的話。即使正文有特別關(guān)注一滴帽和一些其他的調(diào)整，就不可能有與Lorem存有。

除非文本網(wǎng)站實(shí)際上是Lorem存有，虛擬文本沒(méi)有相似的真實(shí)的東西。這意味著，任何調(diào)整你可能使文本或周圍的設(shè)計(jì)將不得不等待直到你得到真實(shí)的東西。要求（得到）從你的客戶的文本盡可能早的過(guò)程中會(huì)給你匹配你的整體設(shè)計(jì)和排版能力。
3。顯示一個(gè)明確的等級(jí)

當(dāng)你到達(dá)里克貓行業(yè)，你知道，你應(yīng)該立即開(kāi)始閱讀。即使有頁(yè)面頂部的幾個(gè)環(huán)節(jié)，里克的歡迎吸引你的第一眼。這是非常大的，使用的字體建立一個(gè)層次清晰。
每一個(gè)網(wǎng)站都需要一個(gè)良好的層次：指標(biāo)從哪里開(kāi)始開(kāi)始閱讀和如何進(jìn)行。你的文字可以提供層次就像里克的一樣，只要你知道你的等級(jí)秩序的時(shí)間提前。的大小和字體的思考，你可以突出顯示一塊文本的一種方式，在設(shè)計(jì)不同的位置不能提供一個(gè)標(biāo)題。
你的設(shè)計(jì)的層次超越只是排版你雇用的人，當(dāng)然，但因?yàn)橛脩魩缀蹩偸情_(kāi)始的文本，它為設(shè)計(jì)師做同樣的道理。
4。注意宏觀和微觀排版

完全依靠他們的前臺(tái)頁(yè)面的排版，克勞利韋伯和聯(lián)想的網(wǎng)站在設(shè)計(jì)時(shí)考慮到兩個(gè)因素：宏觀和微觀兩個(gè)字體。
宏觀排版是整體結(jié)構(gòu)的類型，它是如何出現(xiàn)在上下文你設(shè)計(jì)及其美學(xué)當(dāng)你考慮你自己的文本塊。
微機(jī)排版更關(guān)注的是細(xì)節(jié)問(wèn)題，確定間距，文字容易閱讀。微機(jī)排版是絕對(duì)必要的時(shí)候把一個(gè)文本塊：如果不清晰，沒(méi)有一點(diǎn)出發(fā)。克勞利韋伯和同事解決了這個(gè)問(wèn)題，通過(guò)仔細(xì)的寫(xiě)了這些話，距網(wǎng)站將突出。
但宏觀排版提供你機(jī)會(huì)讓你的文字超過(guò)間隔：它的機(jī)會(huì)使它看起來(lái)有吸引力，你一部分的整體設(shè)計(jì)。本網(wǎng)站的字體和顏色選擇創(chuàng)建一個(gè)可行的整體。忽略字體要么面是不利的。
5。照顧類型的顏色

很容易就可以在后臺(tái)失去文字artofelan，尤其是暗紅色的組合由設(shè)計(jì)師用明亮的紅色。當(dāng)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的作品與彩色，護(hù)理是絕對(duì)必要的，有沒(méi)有保證，一個(gè)紅色的紅色組合，甚至是一個(gè)黃色的紅色的結(jié)合將是可見(jiàn)的。畢竟，每個(gè)人都有訪問(wèn)網(wǎng)站的文字，似乎只有一個(gè)陰影從背景顏色和得到一例眼疲勞，當(dāng)他們想讀它。
最簡(jiǎn)單的解決這個(gè)情況是確保顏色你的類型是大大不同于你的背景。黑與白的工作這么好，因?yàn)樗麄兪悄憧梢缘玫降氖墙厝徊煌?，但也有一些顏色組合工作：在淡粉色的沿著一個(gè)深藍(lán)色的東西會(huì)把工作做好。反白文本是相當(dāng)棘手的…而你可以用淡粉色的文字在深藍(lán)色的背景，你很可能會(huì)得到一個(gè)關(guān)于它的投訴。
6。獲取有關(guān)你的CSS嚴(yán)重

如果你的CSS是實(shí)心的，你可以在你的網(wǎng)站頁(yè)面的無(wú)縫移動(dòng)，正如不同的版本hutchouse.com依靠不同的樣式來(lái)創(chuàng)造一些令人印象深刻的影響。即使你不把事情做盡hutchhouse，CSS可以幫助消除業(yè)余排版問(wèn)題如改變字體和大小的頁(yè)面之間。
CSS可以提供方便你的字體之間的一致性，在整個(gè)網(wǎng)站。如果你是一致的在你如何使用類型，然而，打破一致性，即使少量可以使任何你想強(qiáng)調(diào)真正站出來(lái)，就像建立并打破了網(wǎng)格可以形成一種有效的設(shè)計(jì)。在Web版式，保持你的字體一致，可以是一個(gè)簡(jiǎn)單的CSS。
7。溝為中心的文本

選擇中心的文本可以使網(wǎng)站的設(shè)計(jì)易于閱讀，就像designcanchange.org。選擇中心的文本，特別是在一個(gè)這樣的頁(yè)面，會(huì)使一個(gè)有問(wèn)題的頁(yè)面：鋸齒狀邊緣圍繞創(chuàng)建每邊使它更難讀，有很多機(jī)會(huì)完全居中文本結(jié)束扭曲你的設(shè)計(jì)停留在不同的顯示器。
在某些圈子里，中心型只有一步步從網(wǎng)站設(shè)計(jì)中使用Comic Sans。你可能會(huì)認(rèn)為這是一個(gè)標(biāo)題，但總的來(lái)說(shuō)，對(duì)準(zhǔn)你的文本左邊會(huì)讓讀者感覺(jué)舒服多了，除非他們從右向左讀。
8。智能報(bào)價(jià)和其他符號(hào)處理

路易吉ottani的現(xiàn)場(chǎng)展示了什么注意引號(hào)和其他符號(hào)將讓你：當(dāng)網(wǎng)站顯示的那些符號(hào)完成不足的問(wèn)題。許多網(wǎng)站都點(diǎn)綴著符號(hào)瀏覽器無(wú)法顯示。這是一個(gè)事實(shí)，大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師的作品與文字寫(xiě)的可能是微軟Word或另一個(gè)字處理軟件，使各種文字變化不大，沒(méi)有作家關(guān)注的遺產(chǎn)。
最糟糕的一個(gè)變化是智能引號(hào)：卷曲的引號(hào)字自動(dòng)替代直引號(hào)。另一個(gè)問(wèn)題是當(dāng)你的工作與文字寫(xiě)在另一種語(yǔ)言：口音和umlats可引起同樣多的麻煩的話的人。如果你只是復(fù)制和粘貼到您的設(shè)計(jì)更改的文本，你可能不得不回去后修復(fù)它們，至少對(duì)某些Web瀏覽器。
相反，讓他們?cè)谠O(shè)計(jì)過(guò)程的早期，你可以把重點(diǎn)放在你的文字更適合你的設(shè)計(jì)。如果你想要那些奇特的符號(hào)和智能引號(hào)出現(xiàn)在最終的設(shè)計(jì)，打破了你的HTML實(shí)體。
9。你的文字得到了更大的計(jì)劃
當(dāng)你增加文本的大小Veerle Pieters”網(wǎng)站，這是不是很漂亮，比你使用的字體大小，她挑了。然而，你仍然可以閱讀一切，定位鏈接等等，這是極少數(shù)的網(wǎng)站真的。

這是因?yàn)?，部分，許多設(shè)計(jì)師將在10號(hào)字體甚至更小的布局文本確定。大多數(shù)人都是舒適的閱讀這樣的字體，但是嬰兒潮一代構(gòu)成了一個(gè)龐大的部分的網(wǎng)頁(yè)瀏覽的人口和很多老舊的網(wǎng)民都會(huì)有他們的瀏覽器設(shè)置為顯示類型一樣大，他們可以。你的文字，以及你的設(shè)計(jì)，需要能夠適應(yīng)這個(gè)事實(shí)。
這也是值得考慮到瀏覽器的大小差別巨大，移動(dòng)文本周圍意想不到的位置如果你不小心。如果碰上一個(gè)點(diǎn)的大小會(huì)造成問(wèn)題，老年人口將繼續(xù)匆忙下網(wǎng)站。有滾動(dòng)，永遠(yuǎn)在身邊會(huì)有一個(gè)類似的結(jié)果。
10。顯示為無(wú)襯線的偏好
如果你看看A List Apart的網(wǎng)站，幾乎每一個(gè)大的文本塊設(shè)置在無(wú)襯線字體，使它更易于閱讀。標(biāo)題和其他較小的文本塊是放在serifed字體，兩者之間的平衡。

當(dāng)談到鋪設(shè)在屏幕上的文字，無(wú)襯線字體幾乎都是好的選擇，尤其是如果你選擇了一個(gè)字體Verdana，被設(shè)計(jì)用于在計(jì)算機(jī)屏幕上顯示。serifed字體有較高的機(jī)會(huì)顯示不佳，變得模糊甚至失真。
完全避免了襯線是不可能的，當(dāng)然。但對(duì)于大塊的文本，特別是無(wú)襯線字體，使用可以提供額外的保證，游客將能夠輕松地閱讀一個(gè)網(wǎng)站的文本。當(dāng)你選擇字體的一個(gè)項(xiàng)目，看看你的無(wú)襯線字體選擇第一。
最后的評(píng)論
字體很容易被忽視，甚至當(dāng)一個(gè)設(shè)計(jì)師不考慮，寫(xiě)了沒(méi)有返回一個(gè)時(shí)間密集的活動(dòng)很容易。但即使幾分鐘的文字將你設(shè)計(jì)的核心可以改變從什么網(wǎng)頁(yè)設(shè)計(jì)師可以打一個(gè)頁(yè)面元素支持設(shè)計(jì)的休息。

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

提升網(wǎng)站排名的SEO數(shù)據(jù)分析有什么?
百度網(wǎng)站SEO優(yōu)化推廣_網(wǎng)站關(guān)鍵詞排名

企業(yè)網(wǎng)站建設(shè)應(yīng)該具備八項(xiàng)基本功能

網(wǎng)站題目：10個(gè)網(wǎng)頁(yè)排版規(guī)則，每個(gè)設(shè)計(jì)師都應(yīng)該知道
當(dāng)前鏈接：http://www.bm7419.com/news/20127.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、企業(yè)網(wǎng)站制作、網(wǎng)站導(dǎo)航、服務(wù)器托管、建站公司

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)