隨著互聯(lián)網(wǎng)的發(fā)展,網(wǎng)站已成為了企業(yè)進(jìn)行對外宣傳的一個有效平臺,網(wǎng)站制作效果的好壞和網(wǎng)頁設(shè)計有著密切的關(guān)系。在我們的
網(wǎng)站設(shè)計中,關(guān)于圖文排版是個老生常談的話題,每一位設(shè)計師都具備一定的圖文排版能力,我們工作中幾乎天天都在排版,對于排版似乎是信手拈來,然而就是這樣的信手拈來,卻會讓不少初級、中級的設(shè)計師,忽視掉很多排版的細(xì)節(jié),做起設(shè)計來也毫無章法。在這里
成都網(wǎng)站設(shè)計公司(創(chuàng)新互聯(lián)),整理了一些在排版中值得注意的細(xì)節(jié)等技巧。
成都網(wǎng)站設(shè)計中基礎(chǔ)圖文排版解決方案
成都網(wǎng)站設(shè)計:文字與背景需要清晰區(qū)分
遵循白紙黑字的原則,在深色與文字對比度不夠,文字的背景上采用亮色的字體一般能保證可讀性,字體過細(xì)、背景透明度過高等問題,都會造成文字背景融為一體,存在諸如此類的問題都要針對性的去調(diào)整。
成都網(wǎng)站設(shè)計:保證文字的可讀性
在頁面中,文字是重要的信息來源,所以要保證其可讀性是文字排版中首要考慮的事情,影響文字可讀性的因素很多,但是在眾多問題中,流暢的閱讀排版是保障可讀性的基礎(chǔ),在排版中控制好文本的長度、字間距、行距、段落與對齊方式,就能夠有效的提高可讀性。
成都網(wǎng)站設(shè)計:選擇風(fēng)格合適的字體
選擇與頁面設(shè)計風(fēng)格不搭的字體會帶來"違和"的感覺,會改變頁面的氣質(zhì),對信息傳遞產(chǎn)生影響。要根據(jù)頁面的風(fēng)格,去選擇與之氣質(zhì)契合的字體,如粗體厚重、細(xì)體高冷。如右圖中,有棱角的字體與畫面搭配,會有先鋒跟潮流的感覺出現(xiàn)。
成都網(wǎng)站設(shè)計:控制字體類型數(shù)量
北京網(wǎng)頁設(shè)計除了選擇風(fēng)格合適的字體,也要控制字體類型數(shù)量。通常單個頁面內(nèi)字體類型數(shù)量最好不超過3種。因為字體種類太多會讓頁面風(fēng)格極其難統(tǒng)一,也容易出現(xiàn)上文所說的字體與頁面風(fēng)格不搭。雖說字體類型數(shù)量沒有非要控制在3種以內(nèi),但太多的字體類型可控性很差也容易造成視覺干擾。
成都網(wǎng)站設(shè)計:統(tǒng)一的對齊方式
統(tǒng)一的對齊會讓文字排版井然有序,閱讀起來會非常流暢。多種對齊方式,會使頁面混亂不堪。除了文本之間要保持統(tǒng)一的對齊方式之外,正文要盡量保持兩端對齊,這會關(guān)系到頁面是否整潔。
成都網(wǎng)站設(shè)計:控制行間距
行間距是行與行的間距,行間距通常伴隨著字體大小而的變化,默認(rèn)行間距會稍大于字體的大小,通常的這樣看起來會比較的擁擠。正文中,將行高設(shè)置成字號的1.6~1.8倍,將會是比較舒服的,如果版面緊張,可以適當(dāng)設(shè)成1.2~1.5倍。
成都網(wǎng)站設(shè)計:控制字間距
新手排版時,有時候會因為文本內(nèi)容過長,而版式又受限,會選擇去壓縮字符間距的方式來達(dá)到控制文本長度的目的。其實這是一個容易被忽略的錯誤,因為字間距過于擁擠會降低文字的可讀性。
成都網(wǎng)站設(shè)計:控制行長與字?jǐn)?shù)
單行文字如果包含的字?jǐn)?shù)太多,文本內(nèi)容將會很難閱讀。原因在于,一是單行太長會導(dǎo)致閱讀時難以換行,二是單行字?jǐn)?shù)太多容易造成閱讀疲勞。所以,合理的行長與字?jǐn)?shù)會使用戶在行間跳轉(zhuǎn)時比較輕松,反之則會使閱讀成為一種負(fù)擔(dān)。
成都網(wǎng)站設(shè)計:圖文排版的親密性
親密性在排版中的理解,通俗的來講就是我和你近,我們的關(guān)系就密切。圖文排版中的間隔大小,是影響親密性的主要因素。左圖中高度一致的間隔,會讓人產(chǎn)生困惑,對各個標(biāo)題、正文與圖片的關(guān)系傻傻分不清楚,嚴(yán)重影響用戶閱讀體驗。在右圖中,我們根據(jù)親密性原則,通過間距把相關(guān)的標(biāo)題正文圖片分成了一組,這樣畫面中各元素之間的關(guān)系一目了然。
成都網(wǎng)站設(shè)計:留白
通常北京網(wǎng)站設(shè)計的首要任務(wù)就是制造視覺焦點,吸引用戶的注意力。而留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗。但隨意的空白并不是留白,留白時應(yīng)該注意元素之間的連續(xù)性。如左圖,雖留出了大量的空白,但是元素之間沒有太多的連續(xù)性,造成了主次不分,反而分散用戶注意力。而右圖中,通過對齊和調(diào)整間距,使頁面有了視覺焦點,同樣是留白,就會顯得更加協(xié)調(diào)。
以上就是創(chuàng)新互聯(lián)關(guān)于“
成都網(wǎng)站設(shè)計中基礎(chǔ)圖文排版解決方案”的分享。如果你真的不太了解
網(wǎng)站建設(shè),建議找專業(yè)的人和您一起規(guī)劃網(wǎng)絡(luò)營銷和網(wǎng)站,并找一家專業(yè)的
成都網(wǎng)站建設(shè)團(tuán)隊,這樣至少你不會花太多冤枉錢,而且可以做出適合自己的企業(yè)網(wǎng)站。專業(yè)的事情找專業(yè)的人,成都網(wǎng)站設(shè)計,就選創(chuàng)新互聯(lián)。
分享名稱:成都網(wǎng)站設(shè)計中基礎(chǔ)圖文排版解決方案
本文URL:http://m.rwnh.cn/news/64153.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計、解決方案等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)