這些網(wǎng)頁設(shè)計排版規(guī)則，設(shè)計師都應(yīng)該知道
2015-10-07 分類： 網(wǎng)站建設(shè)
您可以將許多元素融入到您的網(wǎng)頁設(shè)計中，并保持您的訪問者的關(guān)注。這些包括圖像，視頻，甚至聲音。然而，幾乎每一個網(wǎng)站的最重要的部分是訪問者閱讀的內(nèi)容，以獲得他們所閱讀的信息。
如果你想使信息更容易閱讀，視覺上更有趣，并為該文本添加到一個網(wǎng)站的整體設(shè)計，你必須了解印刷排版。這是制作既實(shí)用又美觀的文字的藝術(shù)和技巧。如果你想學(xué)會使用印刷術(shù)，看看這幾個規(guī)則，每一個設(shè)計師都應(yīng)該牢記在心。
1、使文本字體
襯線字體的文字是絕對美麗的。較大的印刷應(yīng)用，如標(biāo)題、標(biāo)題和副標(biāo)題。不幸的是，在屏幕上，襯線沒有規(guī)模時，較小的顯示內(nèi)容如文本塊。襯線，看起來不錯，在一個更大的尺寸，使文字難以閱讀時，字體變小。因此，明智的做法是把襯線大文本和依靠可讀性可能是一個問題。更好的是，整潔干凈，光滑，SANS字體和節(jié)省印刷字體的現(xiàn)代外觀。
2、在設(shè)計過程中早期考慮智能引號和其他符號
你已經(jīng)訪問了一個網(wǎng)站，某些符號將無法正確顯示。有時，他們被一個問題或一個奇怪的字符串替換。其他時候，他們根本就不在那里。這通常是在微軟的單詞或另一個軟件包中創(chuàng)建的文本移植到一個網(wǎng)頁上的結(jié)果。它也很常見的歐元符號，雙字節(jié)字符，和其他符號。為了避免這個問題在你的最終設(shè)計中，你有幾個選項(xiàng)。首先，你可以修改你的內(nèi)容，以擺脫這些符號。如果你愿意將這些符號轉(zhuǎn)換成自然語言的話，這是很正常的。你也可以使用HTML來確保符號的正確顯示，而不是僅僅依靠復(fù)制和粘貼。無論你決定什么，一定要在你可以測試的每一個瀏覽器的網(wǎng)頁上。什么可能解決一個問題，在一個瀏覽器中的符號可能沒有有效的在另一個。
3、高級CSS技巧是非常重要的
如果你有了好的CSS技巧，你的訪問者能夠通過一個絕對無縫的方式登錄你的網(wǎng)站頁面。如果你創(chuàng)建了你的樣式表是正確的，說到排版，你甚至可以有同一頁的多個版本仍然保持連續(xù)性好。當(dāng)然，你不需要用很多的詭計。好的CSS可以幫助你避免。為什么一貫的印刷術(shù)是如此的必要呢？使用CSS保持一致的字體給你的網(wǎng)站一個專業(yè)的、銳利的目光。相反，你只需要使用適當(dāng)?shù)臉邮奖?。如果你真的決定，在一個特定的頁面，你要打破規(guī)范，做一些不同的事情，排版為了創(chuàng)造一個影響或吸引注意力的東西，它會站出來，更感謝您使用CSS。
4、微觀和宏觀的印刷術(shù)是重要的
微型印刷術(shù)涉及與可讀性有關(guān)的排版的細(xì)節(jié)。例如，間距是一個關(guān)注相關(guān)的微印刷，如縮放，和對比度。您所做的調(diào)整，以確保一個塊的文本是可讀的任何設(shè)備或?yàn)g覽器都涉及到微排版。宏觀印刷術(shù)涉及的方式，您的選擇關(guān)于印刷術(shù)的關(guān)系到您的整體設(shè)計。它涉及到美學(xué)。好的印刷術(shù)考慮了微觀和宏觀的印刷術(shù)。你曾經(jīng)訪問過一個網(wǎng)站，使用了一個非常整潔的外觀，自定義字體，也幾乎不可能閱讀？這就是當(dāng)關(guān)注的是宏觀的印刷，但不是微印刷。
5、了解設(shè)計內(nèi)容以及設(shè)計
正如你所知道的，一個好的網(wǎng)站有流量。這部分內(nèi)容是頁面上的內(nèi)容的可讀性。我們已經(jīng)討論了如何通過像襯線的影響，我們已經(jīng)討論了如何虛擬文本不能代替真實(shí)的東西，當(dāng)它涉及到設(shè)計的后期階段。我們還沒有通過。內(nèi)容真的是王。一旦最終設(shè)計，包括內(nèi)容，都到位了，你必須閱讀網(wǎng)頁。當(dāng)你閱讀完你的設(shè)計完成后的內(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)。這只是一個引導(dǎo)游客的第一件事，你希望他們看到的下一個，等等。隨著印刷術(shù)，你可以使用大小，字體的變化，和間距，以幫助定義的層次結(jié)構(gòu)。事實(shí)上，如果你有一個頁面，不是轉(zhuǎn)換，你可能會想玩周圍的排版，看看你的任何變化將有助于引導(dǎo)游客到調(diào)用行動按鈕。
7、要有創(chuàng)意，但要謹(jǐn)慎
最簡單的方法，以確保您永遠(yuǎn)不會有可讀性麻煩，由于字體顏色和背景顏色的問題是使用高的對比色有，黑色和白色。不幸的是，這是一些非常無聊的設(shè)計。不要害怕使用顏色。事實(shí)上，不要害怕使用的顏色組合，看起來好像他們會工作。有時，只需一個或兩個色調(diào)較輕或較深的是你所需要做的。然后，你的字體從可讀完全可辨，真的很酷。
8、考慮一下你的文本看起來像是放大的
不管他們用拇指和食指或點(diǎn)擊縮放按鈕，人們會讓你的文字更大。有時，他們這樣做是為了適應(yīng)一個較小的屏幕。這將是偉大的，如果每個人都能夠查看你的文本的意圖，但與嬰兒潮一代往往需要一些額外的幫助看文本，這是根本不可能。如果擴(kuò)大使用一個字體，請小心點(diǎn)。
結(jié)論
希望，這篇文章會影響網(wǎng)頁設(shè)計師把更多的思考放到排版，也找到更有效、更創(chuàng)造性的的方法來設(shè)計他們的網(wǎng)站。更多更新網(wǎng)站建設(shè)信息請點(diǎn)擊創(chuàng)新互聯(lián)。
分享標(biāo)題：這些網(wǎng)頁設(shè)計排版規(guī)則，設(shè)計師都應(yīng)該知道
轉(zhuǎn)載注明：http://jinyejixie.com/news/32982.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站設(shè)計、小程序開發(fā)、定制開發(fā)、云服務(wù)器、用戶體驗(yàn)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- SEO人員福利！分享14個網(wǎng)站優(yōu)化的SEO技巧 2016-02-20
- 超實(shí)用！APP圖標(biāo)設(shè)計中的8大設(shè)計技巧 2015-10-06
- 最新！2016網(wǎng)頁設(shè)計趨勢搶先看 2015-10-05
- 巧用色彩為卡片設(shè)計加分 2015-10-04
- 你知道嗎？這些LOGO設(shè)計中隱藏了這些信息！ 2015-10-03
- WebGL是如何重塑Flash的 2015-01-10
- 常見的SEO優(yōu)化的謬見和誤解 2016-02-20
- 網(wǎng)頁設(shè)計遵循這些原則你將完勝對手！ 2015-10-07
- 移動APP有哪些賺錢方式？ 2015-01-10
- WordPress 4.6新版本有什么不同？ 2015-01-10
- 漲姿勢！如何設(shè)計出一個高端網(wǎng)站？ 2015-10-04
- 網(wǎng)頁設(shè)計中導(dǎo)航設(shè)計為何如此重要？ 2015-10-03
- 如何在Adobe Illustrator里做這樣一個UI設(shè)計？ 2015-10-02
- 怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計更協(xié)調(diào)？ 2015-10-02
- 熟悉印刷流程的細(xì)節(jié) 2015-01-10
- 簡單的心態(tài)變化,會讓你得到更多的客戶 2015-01-09
- 如何防止“突然的客戶端設(shè)計綜合癥” 2015-10-02
- 在一個設(shè)計工作室工作的四個技巧 2015-10-01
- 把控這些細(xì)節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！ 2015-10-01