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

2015-10-07    分類： 網(wǎng)站建設(shè)

您可以將許多元素融入到您的網(wǎng)頁設(shè)計(jì)中，并保持您的訪問者的關(guān)注。這些包括圖像，視頻，甚至聲音。然而，幾乎每一個(gè)網(wǎng)站的最重要的部分是訪問者閱讀的內(nèi)容，以獲得他們所閱讀的信息。
如果你想使信息更容易閱讀，視覺上更有趣，并為該文本添加到一個(gè)網(wǎng)站的整體設(shè)計(jì)，你必須了解印刷排版。這是制作既實(shí)用又美觀的文字的藝術(shù)和技巧。如果你想學(xué)會(huì)使用印刷術(shù)，看看這幾個(gè)規(guī)則，每一個(gè)設(shè)計(jì)師都應(yīng)該牢記在心。

1、使文本字體

襯線字體的文字是絕對(duì)美麗的。較大的印刷應(yīng)用，如標(biāo)題、標(biāo)題和副標(biāo)題。不幸的是，在屏幕上，襯線沒有規(guī)模時(shí)，較小的顯示內(nèi)容如文本塊。襯線，看起來不錯(cuò)，在一個(gè)更大的尺寸，使文字難以閱讀時(shí)，字體變小。因此，明智的做法是把襯線大文本和依靠可讀性可能是一個(gè)問題。更好的是，整潔干凈，光滑，SANS字體和節(jié)省印刷字體的現(xiàn)代外觀。

2、在設(shè)計(jì)過程中早期考慮智能引號(hào)和其他符號(hào)

你已經(jīng)訪問了一個(gè)網(wǎng)站，某些符號(hào)將無法正確顯示。有時(shí)，他們被一個(gè)問題或一個(gè)奇怪的字符串替換。其他時(shí)候，他們根本就不在那里。這通常是在微軟的單詞或另一個(gè)軟件包中創(chuàng)建的文本移植到一個(gè)網(wǎng)頁上的結(jié)果。它也很常見的歐元符號(hào)，雙字節(jié)字符，和其他符號(hào)。為了避免這個(gè)問題在你的最終設(shè)計(jì)中，你有幾個(gè)選項(xiàng)。首先，你可以修改你的內(nèi)容，以擺脫這些符號(hào)。如果你愿意將這些符號(hào)轉(zhuǎn)換成自然語言的話，這是很正常的。你也可以使用HTML來確保符號(hào)的正確顯示，而不是僅僅依靠復(fù)制和粘貼。無論你決定什么，一定要在你可以測試的每一個(gè)瀏覽器的網(wǎng)頁上。什么可能解決一個(gè)問題，在一個(gè)瀏覽器中的符號(hào)可能沒有有效的在另一個(gè)。

3、高級(jí)CSS技巧是非常重要的

如果你有了好的CSS技巧，你的訪問者能夠通過一個(gè)絕對(duì)無縫的方式登錄你的網(wǎng)站頁面。如果你創(chuàng)建了你的樣式表是正確的，說到排版，你甚至可以有同一頁的多個(gè)版本仍然保持連續(xù)性好。當(dāng)然，你不需要用很多的詭計(jì)。好的CSS可以幫助你避免。為什么一貫的印刷術(shù)是如此的必要呢？使用CSS保持一致的字體給你的網(wǎng)站一個(gè)專業(yè)的、銳利的目光。相反，你只需要使用適當(dāng)?shù)臉邮奖?。如果你真的決定，在一個(gè)特定的頁面，你要打破規(guī)范，做一些不同的事情，排版為了創(chuàng)造一個(gè)影響或吸引注意力的東西，它會(huì)站出來，更感謝您使用CSS。
web-typography-rules
4、微觀和宏觀的印刷術(shù)是重要的

微型印刷術(shù)涉及與可讀性有關(guān)的排版的細(xì)節(jié)。例如，間距是一個(gè)關(guān)注相關(guān)的微印刷，如縮放，和對(duì)比度。您所做的調(diào)整，以確保一個(gè)塊的文本是可讀的任何設(shè)備或?yàn)g覽器都涉及到微排版。宏觀印刷術(shù)涉及的方式，您的選擇關(guān)于印刷術(shù)的關(guān)系到您的整體設(shè)計(jì)。它涉及到美學(xué)。好的印刷術(shù)考慮了微觀和宏觀的印刷術(shù)。你曾經(jīng)訪問過一個(gè)網(wǎng)站，使用了一個(gè)非常整潔的外觀，自定義字體，也幾乎不可能閱讀？這就是當(dāng)關(guān)注的是宏觀的印刷，但不是微印刷。

5、了解設(shè)計(jì)內(nèi)容以及設(shè)計(jì)

正如你所知道的，一個(gè)好的網(wǎng)站有流量。這部分內(nèi)容是頁面上的內(nèi)容的可讀性。我們已經(jīng)討論了如何通過像襯線的影響，我們已經(jīng)討論了如何虛擬文本不能代替真實(shí)的東西，當(dāng)它涉及到設(shè)計(jì)的后期階段。我們還沒有通過。內(nèi)容真的是王。一旦最終設(shè)計(jì)，包括內(nèi)容，都到位了，你必須閱讀網(wǎng)頁。當(dāng)你閱讀完你的設(shè)計(jì)完成后的內(nèi)容，你可以確定是否有空格或行中斷的問題。這些可以使內(nèi)容混淆，甚至無意地改變內(nèi)容的意義。使用一些排版技巧來解決這些問題，可以確保你的最終產(chǎn)品準(zhǔn)確地傳達(dá)你或客戶的意圖。

6、了解層次結(jié)構(gòu)的重要性

層次結(jié)構(gòu)是你給訪問你的網(wǎng)站的人的路線圖。您可以使用圖像、視頻、顏色和（當(dāng)然）排版來創(chuàng)建層次結(jié)構(gòu)。這只是一個(gè)引導(dǎo)游客的第一件事，你希望他們看到的下一個(gè)，等等。隨著印刷術(shù)，你可以使用大小，字體的變化，和間距，以幫助定義的層次結(jié)構(gòu)。事實(shí)上，如果你有一個(gè)頁面，不是轉(zhuǎn)換，你可能會(huì)想玩周圍的排版，看看你的任何變化將有助于引導(dǎo)游客到調(diào)用行動(dòng)按鈕。

7、要有創(chuàng)意，但要謹(jǐn)慎

最簡單的方法，以確保您永遠(yuǎn)不會(huì)有可讀性麻煩，由于字體顏色和背景顏色的問題是使用高的對(duì)比色有，黑色和白色。不幸的是，這是一些非常無聊的設(shè)計(jì)。不要害怕使用顏色。事實(shí)上，不要害怕使用的顏色組合，看起來好像他們會(huì)工作。有時(shí)，只需一個(gè)或兩個(gè)色調(diào)較輕或較深的是你所需要做的。然后，你的字體從可讀完全可辨，真的很酷。

8、考慮一下你的文本看起來像是放大的

不管他們用拇指和食指或點(diǎn)擊縮放按鈕，人們會(huì)讓你的文字更大。有時(shí)，他們這樣做是為了適應(yīng)一個(gè)較小的屏幕。這將是偉大的，如果每個(gè)人都能夠查看你的文本的意圖，但與嬰兒潮一代往往需要一些額外的幫助看文本，這是根本不可能。如果擴(kuò)大使用一個(gè)字體，請(qǐng)小心點(diǎn)。

結(jié)論

希望，這篇文章會(huì)影響網(wǎng)頁設(shè)計(jì)師把更多的思考放到排版，也找到更有效、更創(chuàng)造性的的方法來設(shè)計(jì)他們的網(wǎng)站。更多更新網(wǎng)站建設(shè)信息請(qǐng)點(diǎn)擊創(chuàng)新互聯(lián)。

網(wǎng)站欄目：這些網(wǎng)頁設(shè)計(jì)排版規(guī)則，設(shè)計(jì)師都應(yīng)該知道
URL網(wǎng)址：http://www.muchs.cn/news32/32982.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、電子商務(wù)、商城網(wǎng)站、網(wǎng)站策劃、網(wǎng)站制作、做網(wǎng)站

廣告

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

成都做網(wǎng)站