您可以將許多元素融入到您的
網(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、使文本字體
襯線字體的文字是絕對美麗的。較大的印刷應(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è)絕對無縫的方式登錄你的網(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。
4、微觀和宏觀的印刷術(shù)是重要的
微型印刷術(shù)涉及與可讀性有關(guān)的排版的細(xì)節(jié)。例如,間距是一個(gè)關(guān)注相關(guān)的微印刷,如縮放,和對比度。您所做的調(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ì)有可讀性麻煩,由于字體顏色和背景顏色的問題是使用高的對比色有,黑色和白色。不幸的是,這是一些非常無聊的設(shè)計(jì)。不要害怕使用顏色。事實(shí)上,不要害怕使用的顏色組合,看起來好像他們會(huì)工作。有時(shí),只需一個(gè)或兩個(gè)色調(diào)較輕或較深的是你所需要做的。然后,你的字體從可讀完全可辨,真的很酷。
8、考慮一下你的文本看起來像是放大的
不管他們用拇指和食指或點(diǎn)擊縮放按鈕,人們會(huì)讓你的文字更大。有時(shí),他們這樣做是為了適應(yīng)一個(gè)較小的屏幕。這將是偉大的,如果每個(gè)人都能夠查看你的文本的意圖,但與嬰兒潮一代往往需要一些額外的幫助看文本,這是根本不可能。如果擴(kuò)大使用一個(gè)字體,請小心點(diǎn)。
結(jié)論
網(wǎng)站欄目:這些網(wǎng)頁設(shè)計(jì)排版規(guī)則,設(shè)計(jì)師都應(yīng)該知道
URL網(wǎng)址:http://jinyejixie.com/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)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)