圖形排版是我們網頁設計中的常見主題。所有設計師都具有一定水平的圖形排版。我們幾乎每天都會在工作中進行排版。排版似乎很容易實現,但這就是方法。但是與許多中級設計師一起進行設計時,沒有規則,而忽略了很多版式細節。下面專業的建站公司整理了一些值得注意的細節和排版技術。
一、文字顏色的選取
遵循白皮書和黑色文本的原則。深色和文本之間的對比度不足。將淺色字體用于文本背景通??梢蕴岣呖勺x性。字體太細和背景透明性高的問題是要與文本合并的背景。有這樣的問題。根據您的目標進行調整。
二、內容應該具可讀性
頁面上的文本是重要的信息來源,因此確??勺x性是文本布局中的首要考慮因素。有幾個因素會影響文本的可讀性。但是,在許多問題中,流暢的讀取和布局可確??勺x性。根據性別控制長度,單詞間距,行間距,段落和排版文本的對齊方式,可以有效地提高可讀性。
三、正確字體的選擇
選擇不適合您的頁面設計風格的字體會感覺“違背”,改變頁面的氣質并影響信息的傳遞。根據頁面的樣式,選擇適合您的氣質的字體,例如粗字體,粗字體,細字體,高冷字體。如右圖所示,角度字體和圖像的匹配給人以開拓和時尚的感覺。
四、字體類型不宜過多
網頁設計除了選擇適當的樣式字體之外,您還需要控制字體類型的數量。通常,單個頁面上的字體類型數量不應超過3。字體類型過多,很難合并頁面樣式,并且很容易看到上述字體與頁面樣式不匹配。字體類型的數量不需要在這三種類型中進行控制,但是太多的字體類型會失去控制,并且很容易造成視覺干擾。
五、對齊方式
文本均勻排列,并且閱讀非常順暢。多種排序會使頁面混亂。除了保持文本之間的統一對齊外,還應盡可能使文本兩端對齊,這會影響頁面的清潔度。
六、行距的把控
行距是行距。行距通常根據字體大小而變化。默認的行距通常比擁擠的字體大一些。對于文本,將行高設置為字體大小的1.6到1.8倍更為方便,如果布局緊湊,則可以將其適當地設置為1.2到1.5倍。
七、字間距的控制
在初學者排版中,有時我選擇壓縮字符間距以控制文本的長度,因為文本內容太長且布局受到限制。實際上,這是一個容易忽略的錯誤,因為過于擁擠的單詞間距使文本的可讀性降低。
八、內容字數得控制
如果一行文本包含太多單詞,則文本內容很難閱讀。原因是,一行太長會導致閱讀時難以折斷,另一條原因是每行中的單詞過多會輕易導致閱讀疲勞。因此,合理的行長和字數使用戶可以輕松地在行之間移動。否則,這是閱讀的負擔。
九、圖文環繞
從外行的角度理解印刷的親密性是,當我與你親近時,我們的關系就很親密。圖形布局中間隙的大小是影響親密感的主要因素。左側圖片中非常一致的間距會使人們感到困惑,不清楚每個標題,文本和圖片之間的關系,這嚴重影響了用戶的閱讀體驗。在右圖中,根據親密性原則將相關標題文本圖片按時間間隔分組,以一目了然地清晰顯示圖片中各元素之間的關系。
十、巧妙使用空白過渡
通常,網站設計/的主要任務是創建視覺焦點以吸引用戶的注意力??瞻卓臻g使用戶可以盡快找到所需的信息,并改善用戶體驗。但是,隨機空白不是空白,因此在創建空白時必須注意元素之間的連續性。如左圖所示,剩余空間很大,但是元素之間沒有太多連續性,因此無法區分主要和次要對象,并且分散了用戶的注意力。對齊并調整右側圖片中的間距,以使頁面具有視覺焦點,而同一頁面保留為空白,從而使其看起來更具調整性。
1、凡本網注明“來源:***(非盈科互動)”的作品,均轉載自其它媒體,轉載目的在于傳遞更多的信息,并不代表本網贊同其觀點和對其真實性負責。
2、如因作品內容、版權和其它問題需要同本網聯系的,請在30日內進行。
為了更好的發揮盈科互動新聞資訊平臺價值,促進諸位自身發展以及業務拓展,更好地為企業及個人提供服務,盈科互動誠征各類稿件,歡迎實力來稿。
地址:武漢市解放大道1328號中原大廈1806室
E-mail:wuhan1806@163.com;QQ:6686935