您可以將許多元素融入到您的
網(wǎng)頁設(shè)計中,并保持您的訪問者的關(guān)注。這些包括圖像,視頻,甚至聲音。然而,幾乎每一個網(wǎng)站的最重要的部分是訪問者閱讀的內(nèi)容,以獲得他們所閱讀的信息。
如果你想使信息更容易閱讀,視覺上更有趣,并為該文本添加到一個網(wǎng)站的整體設(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è)計中,你有幾個選項。首先,你可以修改你的內(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ù)臉邮奖怼H绻阏娴臎Q定,在一個特定的頁面,你要打破規(guī)范,做一些不同的事情,排版為了創(chuàng)造一個影響或吸引注意力的東西,它會站出來,更感謝您使用CSS。
4、微觀和宏觀的印刷術(shù)是重要的
微型印刷術(shù)涉及與可讀性有關(guān)的排版的細(xì)節(jié)。例如,間距是一個關(guān)注相關(guān)的微印刷,如縮放,和對比度。您所做的調(diào)整,以確保一個塊的文本是可讀的任何設(shè)備或瀏覽器都涉及到微排版。宏觀印刷術(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)討論了如何虛擬文本不能代替真實的東西,當(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)。事實上,如果你有一個頁面,不是轉(zhuǎn)換,你可能會想玩周圍的排版,看看你的任何變化將有助于引導(dǎo)游客到調(diào)用行動按鈕。
7、要有創(chuàng)意,但要謹(jǐn)慎
最簡單的方法,以確保您永遠(yuǎn)不會有可讀性麻煩,由于字體顏色和背景顏色的問題是使用高的對比色有,黑色和白色。不幸的是,這是一些非常無聊的設(shè)計。不要害怕使用顏色。事實上,不要害怕使用的顏色組合,看起來好像他們會工作。有時,只需一個或兩個色調(diào)較輕或較深的是你所需要做的。然后,你的字體從可讀完全可辨,真的很酷。
8、考慮一下你的文本看起來像是放大的
不管他們用拇指和食指或點擊縮放按鈕,人們會讓你的文字更大。有時,他們這樣做是為了適應(yīng)一個較小的屏幕。這將是偉大的,如果每個人都能夠查看你的文本的意圖,但與嬰兒潮一代往往需要一些額外的幫助看文本,這是根本不可能。如果擴(kuò)大使用一個字體,請小心點。
結(jié)論
分享標(biāo)題:這些網(wǎng)頁設(shè)計排版規(guī)則,設(shè)計師都應(yīng)該知道
轉(zhuǎn)載注明:http://redsoil1982.com.cn/news/32982.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站設(shè)計、小程序開發(fā)、定制開發(fā)、云服務(wù)器、用戶體驗
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)