圖形排版是我們網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)主題。所有設(shè)計(jì)師都具有一定水平的圖形排版。我們幾乎每天都會(huì)在工作中進(jìn)行排版。排版似乎很容易實(shí)現(xiàn),但這就是方法。但是與許多中級(jí)設(shè)計(jì)師一起進(jìn)行設(shè)計(jì)時(shí),沒(méi)有規(guī)則,而忽略了很多版式細(xì)節(jié)。下面專(zhuān)業(yè)的建站公司整理了一些值得注意的細(xì)節(jié)和排版技術(shù)。
一、文字顏色的選取
遵循白皮書(shū)和黑色文本的原則。深色和文本之間的對(duì)比度不足。將淺色字體用于文本背景通常可以提高可讀性。字體太細(xì)和背景透明性高的問(wèn)題是要與文本合并的背景。有這樣的問(wèn)題。根據(jù)您的目標(biāo)進(jìn)行調(diào)整。
二、內(nèi)容應(yīng)該具可讀性
頁(yè)面上的文本是重要的信息來(lái)源,因此確??勺x性是文本布局中的首要考慮因素。有幾個(gè)因素會(huì)影響文本的可讀性。但是,在許多問(wèn)題中,流暢的讀取和布局可確保可讀性。根據(jù)性別控制長(zhǎng)度,單詞間距,行間距,段落和排版文本的對(duì)齊方式,可以有效地提高可讀性。
三、正確字體的選擇
選擇不適合您的頁(yè)面設(shè)計(jì)風(fēng)格的字體會(huì)感覺(jué)“違背”,改變頁(yè)面的氣質(zhì)并影響信息的傳遞。根據(jù)頁(yè)面的樣式,選擇適合您的氣質(zhì)的字體,例如粗字體,粗字體,細(xì)字體,高冷字體。如右圖所示,角度字體和圖像的匹配給人以開(kāi)拓和時(shí)尚的感覺(jué)。
四、字體類(lèi)型不宜過(guò)多
網(wǎng)頁(yè)設(shè)計(jì)除了選擇適當(dāng)?shù)臉邮阶煮w之外,您還需要控制字體類(lèi)型的數(shù)量。通常,單個(gè)頁(yè)面上的字體類(lèi)型數(shù)量不應(yīng)超過(guò)3。字體類(lèi)型過(guò)多,很難合并頁(yè)面樣式,并且很容易看到上述字體與頁(yè)面樣式不匹配。字體類(lèi)型的數(shù)量不需要在這三種類(lèi)型中進(jìn)行控制,但是太多的字體類(lèi)型會(huì)失去控制,并且很容易造成視覺(jué)干擾。
五、對(duì)齊方式
文本均勻排列,并且閱讀非常順暢。多種排序會(huì)使頁(yè)面混亂。除了保持文本之間的統(tǒng)一對(duì)齊外,還應(yīng)盡可能使文本兩端對(duì)齊,這會(huì)影響頁(yè)面的清潔度。
六、行距的把控
行距是行距。行距通常根據(jù)字體大小而變化。默認(rèn)的行距通常比擁擠的字體大一些。對(duì)于文本,將行高設(shè)置為字體大小的1.6到1.8倍更為方便,如果布局緊湊,則可以將其適當(dāng)?shù)卦O(shè)置為1.2到1.5倍。
七、字間距的控制
在初學(xué)者排版中,有時(shí)我選擇壓縮字符間距以控制文本的長(zhǎng)度,因?yàn)槲谋緝?nèi)容太長(zhǎng)且布局受到限制。實(shí)際上,這是一個(gè)容易忽略的錯(cuò)誤,因?yàn)檫^(guò)于擁擠的單詞間距使文本的可讀性降低。
八、內(nèi)容字?jǐn)?shù)得控制
如果一行文本包含太多單詞,則文本內(nèi)容很難閱讀。原因是,一行太長(zhǎng)會(huì)導(dǎo)致閱讀時(shí)難以折斷,另一條原因是每行中的單詞過(guò)多會(huì)輕易導(dǎo)致閱讀疲勞。因此,合理的行長(zhǎng)和字?jǐn)?shù)使用戶(hù)可以輕松地在行之間移動(dòng)。否則,這是閱讀的負(fù)擔(dān)。
九、圖文環(huán)繞
從外行的角度理解印刷的親密性是,當(dāng)我與你親近時(shí),我們的關(guān)系就很親密。圖形布局中間隙的大小是影響親密感的主要因素。左側(cè)圖片中非常一致的間距會(huì)使人們感到困惑,不清楚每個(gè)標(biāo)題,文本和圖片之間的關(guān)系,這嚴(yán)重影響了用戶(hù)的閱讀體驗(yàn)。在右圖中,根據(jù)親密性原則將相關(guān)標(biāo)題文本圖片按時(shí)間間隔分組,以一目了然地清晰顯示圖片中各元素之間的關(guān)系。
十、巧妙使用空白過(guò)渡
通常,網(wǎng)站設(shè)計(jì)/的主要任務(wù)是創(chuàng)建視覺(jué)焦點(diǎn)以吸引用戶(hù)的注意力。空白空間使用戶(hù)可以盡快找到所需的信息,并改善用戶(hù)體驗(yàn)。但是,隨機(jī)空白不是空白,因此在創(chuàng)建空白時(shí)必須注意元素之間的連續(xù)性。如左圖所示,剩余空間很大,但是元素之間沒(méi)有太多連續(xù)性,因此無(wú)法區(qū)分主要和次要對(duì)象,并且分散了用戶(hù)的注意力。對(duì)齊并調(diào)整右側(cè)圖片中的間距,以使頁(yè)面具有視覺(jué)焦點(diǎn),而同一頁(yè)面保留為空白,從而使其看起來(lái)更具調(diào)整性。
1、凡本網(wǎng)注明“來(lái)源:***(非盈科互動(dòng))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多的信息,并不代表本網(wǎng)贊同其觀點(diǎn)和對(duì)其真實(shí)性負(fù)責(zé)。
2、如因作品內(nèi)容、版權(quán)和其它問(wèn)題需要同本網(wǎng)聯(lián)系的,請(qǐng)?jiān)?0日內(nèi)進(jìn)行。
為了更好的發(fā)揮盈科互動(dòng)新聞資訊平臺(tái)價(jià)值,促進(jìn)諸位自身發(fā)展以及業(yè)務(wù)拓展,更好地為企業(yè)及個(gè)人提供服務(wù),盈科互動(dòng)誠(chéng)征各類(lèi)稿件,歡迎實(shí)力來(lái)稿。
[2023-12-06]網(wǎng)站制作是如何實(shí)現(xiàn)精準(zhǔn)營(yíng)銷(xiāo)和提高營(yíng)銷(xiāo)效果的?...
[2023-12-06]網(wǎng)站制作是如何提高客戶(hù)服務(wù)水平和客戶(hù)滿(mǎn)意度的?...
[2023-12-06]網(wǎng)頁(yè)開(kāi)發(fā)是如何提高企業(yè)競(jìng)爭(zhēng)力的?...
[2023-12-06]武漢做網(wǎng)站帶你詳細(xì)了解網(wǎng)頁(yè)開(kāi)發(fā)對(duì)企業(yè)的重要性...
[2023-12-03]武漢網(wǎng)頁(yè)設(shè)計(jì)公司常用的混合布局是什么?有哪些優(yōu)勢(shì)?...
在線(xiàn)
客服
技術(shù)在線(xiàn)服務(wù)時(shí)間:9:00-20:00
電話(huà)
咨詢(xún)
027-8275-6772
7*24小時(shí)客服熱線(xiàn)
136-2726-6633
項(xiàng)目經(jīng)理手機(jī)
微信
咨詢(xún)