您可以將許多元素融入到您的 WooCommerce 獨立站網頁設計中,並保持您的訪問者的關注。這些包括影像,視頻,甚至聲音。然而,幾乎每一個網站的最重要的部分是訪問者閲讀的內容,以獲得他們所閲讀的信息。
如果您想使信息更容易閲讀,視覺上更有趣,併為該文字新增到一個網站的整體設計,您必須瞭解印刷排版。這是製作既實用又美觀的文字的藝術和技巧。如果您想學會使用印刷術,看看這幾個規則,每一個設計師都應該牢記在心。
1 、使文字字型
襯線字型的文字是絕對美麗的。較大的印刷應用,如標題、標題和副標題。不幸的是,在屏幕上,襯線沒有規模時,較小的顯示內容如文字塊。襯線,看起來不錯,在一個更大的尺寸,使文字難以閲讀時,字型變小。因此,明智的做法是把襯線大文字和依靠可讀性可能是一個問題。更好的是,整潔乾淨,光滑,SANS 字型和節省印刷字型的現代外觀。
2 、在設計過程中早期考慮智慧引號和其他符號
您已經訪問了一個網站,某些符號將無法正確顯示。有時,他們被一個問題或一個奇怪的字串替換。其他時候,他們根本就不在那裏。這通常是在微軟的單詞或另一個軟件包中建立的文字移植到一個網頁上的結果。它也很常見的歐元符號,雙位元組字元,和其他符號。為了避免這個問題在您的最終設計中,您有幾個選項。首先,您可以修改您的內容,以擺脱這些符號。如果您願意將這些符號轉換成自然語言的話,這是很正常的。您也可以使用 HTML 來確保符號的正確顯示,而不是僅僅依靠複製和貼上。無論您決定什麼,一定要在您可以測試的每一個瀏覽器的網頁上。什麼可能解決一個問題,在一個瀏覽器中的符號可能沒有有效的在另一個。
3 、高階 CSS 技巧是非常重要的
如果您有了好的 CSS 技巧,您的訪問者能夠通過一個絕對無縫的方式登入您的網站頁面。如果您建立了您的樣式表是正確的,説到排版,您甚至可以有同一頁的多個版本仍然保持連續性好。當然,您不需要用很多的詭計。好的 CSS 可以幫助您避免。為什麼一貫的印刷術是如此的必要呢?使用 CSS 保持一致的字型給您的網站一個專業的、鋭利的目光。相反,您只需要使用適當的樣式表。如果您真的決定,在一個特定的頁面,您要打破規範,做一些不同的事情,排版為了創造一個影響或吸引注意力的東西,它會站出來,更感謝您使用 CSS 。
4 、微觀和巨集觀的印刷術是重要的
微型印刷術涉及與可讀性有關的排版的細節。例如,間距是一個關注相關的微印刷,如縮放,和對比度。您所做的調整,以確保一個塊的文字是可讀的任何裝置或瀏覽器都涉及到微排版。巨集觀印刷術涉及的方式,您的選擇關於印刷術的關係到您的整體設計。它涉及到美學。好的印刷術考慮了微觀和巨集觀的印刷術。您曾經訪問過一個網站,使用了一個非常整潔的外觀,自定義字型,也幾乎不可能閲讀?這就是當關注的是巨集觀的印刷,但不是微印刷。
5 、瞭解設計內容以及設計
正如您所知道的,一個好的網站有流量。這部分內容是頁面上的內容的可讀性。我們已經討論瞭如何通過像襯線的影響,我們已經討論瞭如何虛擬文字不能代替真實的東西,當它涉及到設計的後期階段。我們還沒有通過。內容真的是王。一旦最終設計,包括內容,都到位了,您必須閲讀網頁。當您閲讀完您的設計完成後的內容,您可以確定是否有空格或行中斷的問題。這些可以使內容混淆,甚至無意地改變內容的意義。使用一些排版技巧來解決這些問題,可以確保您的最終產品準確地傳達您或客户的意圖。
6 、瞭解層次結構的重要性
層次結構是您給訪問您的網站的人的路線圖。您可以使用影像、視頻、顏色和(當然)排版來建立層次結構。這只是一個引導遊客的第一件事,您希望他們看到的下一個,等等。隨著印刷術,您可以使用大小,字型的變化,和間距,以幫助定義的層次結構。事實上,如果您有一個頁面,不是轉換,您可能會想玩周圍的排版,看看您的任何變化將有助於引導遊客到呼叫行動按鈕。
7 、要有創意,但要謹慎
最簡單的方法,以確保您永遠不會有可讀性麻煩,由於字型顏色和背景顏色的問題是使用最高的對比色有,黑色和白色。不幸的是,這是一些非常無聊的設計。不要害怕使用顏色。事實上,不要害怕使用的顏色組合,看起來好像他們會工作。有時,只需一個或兩個色調較輕或較深的是您所需要做的。然後,您的字型從可讀完全可辨,真的很酷。
8 、考慮一下您的文字看起來像是放大的
不管他們用拇指和食指或點選縮放按鈕,人們會讓您的文字更大。有時,他們這樣做是為了適應一個較小的屏幕。這將是偉大的,如果每個人都能夠檢視您的文字的意圖,但與嬰兒潮一代往往需要一些額外的幫助看文字,這是根本不可能。如果擴大使用一個字型,請小心點。
結論
希望,這篇文章會影響 WooCommerce 獨立站網頁設計師把更多的思考放到排版,也找到更有效、更創造性的的方法來設計他們的網站。更多更新 WordPress 外貿獨立站網站建設信息請點選跨飛獨立站。