
布局網頁設計的欄目,調整板塊的合并和分離,各種項目都可以為游客帶來新的體驗,用網頁設計,創造新的視覺沖擊力。當涉及到設計時,我們需要考慮從設計師的角度來看文本。對網站本身的風格一致的前提下,文字必須清晰可辨,必要時,對需要匹配相同的內容的層次結構。層次結構是一個網站的整體框架,但當你進入布局的一步,也必須在頁面上建立特定的文本的相關水平。在這篇文章中,我們將解釋如何使文本與標題或網站標題相呼應,以及如何使用空白,使長段落上的視覺變得容易消化。
每一個標題都應該體現自己獨特的風格,同時也需要在頁面風格上相互補充和其他。華麗或光榮的稱號會很容易吸引人,但無論是標題風格,白色的空間是非常重要的。
Square是采用傳統的界面開始,包含了大量的圖像和文本塊。標題是一個很有趣的部分的設計,因為標題,但可以小字體變化。然而,與大小相比,標題更重要的是與其他詞的關系。注意上面的截圖中的標題和文本的行距的使用,每章的標題對視覺的獨特之處,而且可以自然地結合在一起,形成較大的標題和段落。使用一個更小的字幕文本的每個內部功能塊。這些內部標題的字體大小是相同的段落的文字和冷漠,但他們在大膽和不同的字體顏色,以突出自己。視覺上,清晰的和大膽的或下劃線的文本非常醒目比視覺焦點(只)。
標題和段落之間的間距也明確了其中的小段落屬于標題。同時,與主標題和副標題應預留足夠的空間。第二,負面空間也會影響視覺設計和布局水平。作為網頁界面設計的最佳做法,創建頁面標題,請記住以下幾:
一個視覺層次應該是通過使用空間、大小、顏色、文本樣式等元素來創建,使它變得容易閱讀。即使從監控3-5英尺遠的地方站著,應該是可見的。您還可以使用5 -第二個高斯模糊測試測試,檢查層次結構。保持每一個小標題在它的第一個孩子的段落。在一個更尖銳的標題更快速、清楚地交流思想。
就文本留白這個話題,其實就基于如何圍繞常用的段落設計的問題。牢固,可靠,幾乎無處不在,段落是每一個網站的內容戰略的支柱。但是,內容如何置入是取決于內容的風格而言的。舉個例子,一個在線的新聞雜志會比一個小的園藝博客使用更多的不同種類的段落。段落的內容量,內容長度和詳細程度在進行排版設計時都需要被考慮。試著用足夠大的文字設計,使文字哪怕跟屏幕相距3英尺遠也是可讀易讀的。文字大小是同空白空間是非常相似的,通常大的比小的好。但是,在實踐中仍然需要適度和因地制宜。
如果文本尺寸過大,那么它會是占用更多的屏幕空間,需要更多的卷軸。但是,如果它太小也可能是不可讀的,當游覽者的目光從一行跳躍到另一行的時候,他們會覺得很難找到一種垂直的閱讀節奏。兩個要牢記的重要事情是段落邊距和行高(每行之間的空間)。文本在段落的大小決定了這兩個值,因為空白取決于大小。
行使設計權利的網絡博客平臺就是一種處理媒介,其中的文字是清晰的,可讀的并且相互之間有足夠的空間距離。正如博客中的段落設計向我們展示的,行高必須足夠大,這樣連接的下一行才不會讓人覺得過剩。根據Web Design Trends 2016 ebook推薦,這里有一些簡單上手的規則可以遵循:避免使該行高度大于文本的常規行高度;使用em font unit字體單位非常適合在所有瀏覽器建立統一字體大小;行高度經常是比字體大一點點;嘗試用1EM的字體大小和1.5em-1.75em的行高組合。
處理段落間距可能會非常棘手,但它是一個非常重要的課題,特別是對文字為主的網站來說。底部段落邊距,應該比文本的常規行大得多。底部段邊距應該足夠大,這樣就可以直觀地確定一個段落已經結束。一旦文字的大小被確定,找出合適的行高和間距就比較容易了,搭配組合就能發揮更大的價值。這樣做的目的在于闡釋清楚和搭建結構,每一個新的段落都應該是顯而易見的,沒有任何疑問的。達到這種效果的關鍵在于對每個文本塊之前比例空間的把握。正如前面提到的,如果空的太多往往比空的不夠來的安全。盡可能的避免使用過多的空間,或者你也可以盡量使內容密度變得小一點。保持頁面中有足夠的內容,并且保證所有的內容都是有趣的,不在多在于精,使其具有一種壓倒性。
文字本身的內容如果不合適,會同時對整體組合和小的元素產生負面影響。所以文字排版時,內容為王。頁面中的段落邊距可能需要比在側邊欄中的段落更大。標題鏈接需要設置的看起來微胖線條流暢,但在頁腳的鏈接就需要減少填充,盡量整潔。但是記住,排版設計本身并沒有什么固定的規定,只有實踐才是最好的方法。同樣要記住的是,排版必須跟著自身的風格結構(例如網頁結構)來設計,大量的實踐將是提高你的眼界和經驗的最佳方式,它可以使你切實了解如何在特定的web空間中進行設置排版,做出最合適的設計。當涉及到空間設計,請記住,空間首先是一個設計工具,其次才是一種美學素養。空間創造層次關系,定義層次結構,并強調內容。
想看更多精彩的網頁設計基礎知識文章,可點擊直接跳轉。