版式是網路世界中非常重要的設計元素。儘管您不需要對排版有透徹的了解,但在使用網路資源時有必要考慮某些因素,例如行動裝置的普及。掌握排版的基本知識將幫助您創建簡單的導航網站,為用戶提供清晰易懂的訊息。
儘管在這方面沒有規則,並且選擇字體是一門需要大量練習才能掌握的藝術,但我們可以為您提供一些可遵循的準則,以提高您為網頁設計選擇的版式的可讀性。
選擇合適的尺寸
選擇合適的尺寸
將來源放置在適當的大小對於維護層次結構並且不影響您想要傳達的訊息的可讀性是必要的。如果它很大,可能會出現層次結構問題和正確的視覺閱讀,另一方面,如果它很小,則不容易閱讀 土耳其 手机号 因此可能會讓讀者感到沮喪。如果您的資訊不容易解讀,許多客戶甚至會離開網站,甚至不會造訪其他部分。如果在網站的其他部分而不是主部分中發現難以辨認的文本,他們也可能會離開網站,這完全取決於他們正在尋找的資訊類型。因此,不僅要寫得簡短、簡單,還要選擇可讀的字體並選擇合適的大小。
一般來說,文字正文的分數應為 12 至 16 像素。此標準尺寸會根據您選擇的字體而變化,例如,根據情況,字體可能需要更小或更大的尺寸。您還應該考慮該文本正文是否可以作為標題的支持,在這種情況下,您可能需要更大的尺寸。
考慮字元之間的空格
字元之間適當的間距可以提高可讀性。您使用的大多數字體可能不會出現此問題,因為印刷者擁有在字體中實現足夠間距的經驗。但是,如果您發現某些可讀性問題,也許您可以嘗試增加字元之間的間距。您會注意到顯著的改善。
考慮每行文字之間的間距也很重要。它必鬚根據字母大小合適。通常,這個空間比字體大小大2到5倍。在 Photoshop 等程式中,值會自動關聯,但可以輕鬆修改。如果您發現與此間距相關的預設大小對可讀性沒有幫助,您可以根據需要進行修改。這沒有什麼公式,只要你仔細觀察,站在使用者的立場。
文本中也應用了層次結構
身為設計師,你已經是視覺設計的專家了。您知道層次結構有助於實現正確的視覺閱讀,這在每個設計中都是必不可少的。您應該知道,實現層次結構的方法有很多,但在文字中,更常見的是按大小突出顯示它們。您也可以為標題選擇不同的字體,最好是更明顯且具有粗棒的字體。
實現層次結構的另一種方法是透過顏色或格式。例如,如果您想在標題中突出顯示某個單詞,則可以將其以斜體、粗體顯示,或者可以對要突出顯示的單字套用另一種顏色。無論您選擇哪種方法,請確保將其保留在整個頁面上,也就是說,如果您決定通過使用斜體突出顯示標題中的某個單詞,建議對要突出顯示的其他單詞應用相同的規則由應用程序開發公司在您的網站上。
利用網格
利用網格
在進行佈局時,您可能會使用假想的網格來確定列的寬度,這樣您就可以更好地建立網站的每個頁面。此網格不僅用於確定列寬,還可以幫助您確定功能表列、滑桿甚至版式的大小。網格可以讓您更準確地對齊所有元素(包括文字)。反過來,這可以創造一種整體感覺,也可以使文本更具可讀性。如果文字段落對齊,則可讀性會更好。
至於文字段落,也必須考慮字元數。這不是考慮不同螢幕的問題,因為隨著行動裝置的使用,尺寸變化很大。但文字行的字元數越多,流暢閱讀就越困難。如果行仍然很小,也會發生同樣的情況,這是一個問題,因為用戶必須向下滾動才能完成訊息的閱讀。假設訊息應該快速到達並且應該易於立即理解。
選擇合適的配色方案
在這方面,不僅文字的顏色起作用,背景顏色也起作用。兩種顏色之間的對比應該很明顯,但是,您應該避免選擇非常鮮豔的顏色,因為這可能會讓您的訪客感到厭煩。有時,選擇的顏色對比度不太好,會導致可讀性問題。在其他情況下,選擇的顏色確實能產生良好的對比度,雖然它本身不構成可讀性問題,但使用者不能長時間暴露在這種顏色組合下,因為他們的視力更容易疲勞。