Godzilla. 2016-12-26
網(wǎng)站建設(shè)
上海網(wǎng)站設(shè)計(jì)公司人員談可讀性網(wǎng)頁排版
干凈的排版可以讓內(nèi)容變得更加具有可讀性。 可讀內(nèi)容是每個(gè)網(wǎng)站的重要組成部分。 但可讀內(nèi)容的一個(gè)重要支柱是設(shè)計(jì)的質(zhì)量。這篇文章將介紹常見的網(wǎng)頁排版的現(xiàn)代設(shè)計(jì)趨勢。 設(shè)計(jì)可能包括基本的字體大小和字體系列，一路通過更復(fù)雜的想法，如垂直間距和線高度。 通過分析其他突出的網(wǎng)站，了解為什么他們的文字在數(shù)字屏幕上讀得這么好，最好理解排版設(shè)計(jì)。本文由上海網(wǎng)站設(shè)計(jì)公司人員談可讀性網(wǎng)頁排版。
1.清潔和樣式導(dǎo)航
每個(gè)導(dǎo)航將根據(jù)每個(gè)網(wǎng)站的布局有不同的樣式。 但是，當(dāng)涉及到排版一些一般規(guī)則可以應(yīng)用。 例如，干凈的對稱排版可以用于將相似的導(dǎo)航鏈接標(biāo)識(shí)為一個(gè)組。P'unk Avenue是大型可用導(dǎo)航的偉大示范。 每個(gè)鏈接遵循類似的設(shè)計(jì)格式，帶有小數(shù)，全大寫鏈接文本和一些子文本。 他們的設(shè)計(jì)可能有點(diǎn)炫耀，但它是如何使用對稱設(shè)計(jì)的優(yōu)秀例子。
另一個(gè)夢幻般的設(shè)計(jì)可以在ServeManager.com找到。 他們在每個(gè)鏈接之間使用大量的空間，以及超大的排版，真正突出的標(biāo)題。 對比是明亮的，所以很清楚這些鏈接是主要的導(dǎo)航項(xiàng)目。
可用的導(dǎo)航鏈接通過一些對比和并置來創(chuàng)建。 如果你的導(dǎo)航混合到標(biāo)題，那么它會(huì)更難注意到。 一目了然，如何瀏覽您的網(wǎng)站應(yīng)該是顯而易見的。 一個(gè)可靠的策略是使用更大的字體和干凈的文本樣式，突出背景。
2.標(biāo)題文本
頁面標(biāo)題在不同情況下可以用于不同的目的。 排版定義每個(gè)標(biāo)題應(yīng)該多么響亮，以及從訪問者獲得多少注意。一個(gè)很好的例子是Andrew Elsass的投資組合。 他的關(guān)于頁面使用一個(gè)大標(biāo)題與全屏背景來即時(shí)注意。 頁面內(nèi)容本身由其他標(biāo)題分隔，這些標(biāo)題不那么明顯，但仍能很好地服務(wù)他們的工作。
靜態(tài)內(nèi)容網(wǎng)站有很多頁面，就像這樣，一個(gè)主標(biāo)題位于其他子標(biāo)題之上。 您可以使用明亮的顏色，圖標(biāo)，背景，邊框，甚至獨(dú)特的字體系列使頁面標(biāo)題脫穎而出。 其他網(wǎng)站可能更喜歡只是放大常規(guī)頁面文本更傳統(tǒng)的風(fēng)格。
3.可讀段落文本
每個(gè)包含某些內(nèi)容的網(wǎng)站都將使用段落。 無論他們只有一句話長，還是寫成跨越整個(gè)頁面的文本塊 - 段落很重要。 但老實(shí)說，請不要寫出難以辨認(rèn)的文字塊，因?yàn)榧词鼓Ч肀旧硪矔?huì)。。。
格式化對結(jié)構(gòu)良好的段落至關(guān)重要。 但是格式化是由排版的樣式，間距和位置生成的。 例如，一般來說明智的做法是在較大文本的邊上而不是較小的邊。 同樣，增加段落線高度是一個(gè)好主意，而不是保持每一行靠近在一起。
4.面向行動(dòng)的超鏈接
超鏈接是頁面文本中具有交互性的少數(shù)幾個(gè)區(qū)域之一。 大多數(shù)時(shí)間訪問者通過您的頁面閱讀被動(dòng)狀態(tài)。 但是超鏈接需要訪問者訪問外部URL的活動(dòng)（點(diǎn)擊）。因此，您需要設(shè)計(jì)超鏈接，使其顯示為“可點(diǎn)擊”。 大鏈接設(shè)計(jì)是一個(gè)冗長的主題，但通常解釋靜態(tài)和互動(dòng)內(nèi)容之間的差異。 當(dāng)訪問者將鼠標(biāo)懸停在超鏈接上時(shí)，鏈接懸停狀態(tài)也應(yīng)顯著。偉大的UX設(shè)計(jì)應(yīng)該固有地傳達(dá)文本是可點(diǎn)擊的，沒有任何交互。 這在傳統(tǒng)上是使用下劃線和替代文本顏色完成的 - 但是你可以得到一個(gè)有點(diǎn)背景顏色或不同的字母間距有點(diǎn)模糊。
5.造型超大的版式
超大文本的趨勢已經(jīng)發(fā)展成為現(xiàn)代設(shè)計(jì)現(xiàn)象。 從視差著陸頁到公司設(shè)計(jì)的各種布局都使用超大的排版。隨著Google Web字體的發(fā)布，將各種自定義字體合并到網(wǎng)頁變得更加容易。 隨著互聯(lián)網(wǎng)速度的加快，以適當(dāng)?shù)姆绞桨鄠€(gè)字體幾乎沒有什么不足。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)）！
大排版是有吸引力的，因?yàn)樗梢愿菀组喿x。 更多的網(wǎng)站正在變得敏感，更多的人訪問他們的智能手機(jī)上的網(wǎng)站。 這些微小的屏幕可以平均2-3英寸寬，所以很好地支持具有清晰可辨的頁面文本的移動(dòng)訪問者。從頭開始設(shè)計(jì)網(wǎng)站不是一件容易的事。 這個(gè)過程包括很多抽象的想法，如主題，風(fēng)格和組成。 但排版是一個(gè)更有形的主題，有更多的有形的解決方案。希望這些趨勢可以被設(shè)計(jì)師正在尋找改善他們的網(wǎng)站界面的良好使用。
下一篇：建設(shè)網(wǎng)站設(shè)計(jì)：怎樣創(chuàng)建有特色的營銷型網(wǎng)站？
上一篇：設(shè)計(jì)網(wǎng)站制作真的需要跟上設(shè)計(jì)趨勢嗎？
文章標(biāo)簽：
網(wǎng)頁排版
文章評(píng)論：