2014-10-14 分類: 網(wǎng)站建設(shè)
不合理的排版設(shè)計(jì)出問題,首當(dāng)其沖的空間設(shè)計(jì)不合理。段間距和行間距是文本內(nèi)容常見的空間控制變量,雖然有的排版會(huì)因?yàn)殚g隙過大而顯得松散,但是更常見的問題其實(shí)是排布布局過于緊密,缺乏呼吸感,這可能會(huì)讓設(shè)計(jì)看起來混亂,可讀性低下。一般而言,對于大段的文本內(nèi)容,行間距最好是文字高度的120%到150%。對于較小的文本,考慮到移動(dòng)端的用戶使用場景,這個(gè)行間距可能還得在提高一些,這樣才能確保舒適的閱讀體驗(yàn)。但是,不論是怎樣控制,核心始終在于確保閱讀體驗(yàn)是愉悅而恰到好處的。擁有恰當(dāng)而富有流動(dòng)性的排版,視覺上才會(huì)令人舒適。間距太大太小都不合適。另一方面,整個(gè)頁面排版的行間距的比例要保持一致,這樣能讓視覺上更加統(tǒng)一,也能夠強(qiáng)化同類、相關(guān)元素的關(guān)聯(lián)性,增加可讀性。
所有元素尺寸一樣所有的圖片尺寸都一樣,所有的文本都一樣大小,所有的按鈕都一樣的樣式,這樣的“一致”看起來不錯(cuò),但是實(shí)際上會(huì)顯得更加無聊。網(wǎng)頁中的許多元素可以一致,但是不能完全一樣,這是兩個(gè)概念?;诓煌男枨螅煌奈恢玫陌粹o尺寸是不能完全一樣的,但是它們可以沿用相同的樣式,并且設(shè)計(jì)幾個(gè)相對固定的尺寸比例,這樣也可以更好的控制整個(gè)視覺和體驗(yàn)。其實(shí)這當(dāng)中,圖片在網(wǎng)頁框架中的使用就是一個(gè)最好的實(shí)例。不同頁面的首圖尺寸是一樣,其中的圖片如果要應(yīng)用到不同整個(gè)布局其他的位置的時(shí)候,直接按比例縮小,其中的元素視覺重量會(huì)直接降低,信息傳達(dá)的有效性也隨之降低。最理想的狀況,是根據(jù)整個(gè)網(wǎng)頁框架布局的需求,基于原圖有針對性地進(jìn)行切圖。
忽略層次我們所看到的絕大多數(shù)的網(wǎng)頁是需要通過精心組織的層次結(jié)構(gòu)來呈現(xiàn)內(nèi)容的,畢竟網(wǎng)頁內(nèi)容也是遵循 80/20法則的,20%的內(nèi)容常常能夠擁有80%的重要性。這也使得網(wǎng)頁的層次結(jié)構(gòu)如此的重要。網(wǎng)頁中不同的內(nèi)容是有輕重緩急的,而這種重要性不論是基于設(shè)計(jì)的需求還是用戶的需求,都是能夠進(jìn)行判斷和劃分的。與此同時(shí),用戶在快速瀏覽內(nèi)容的時(shí)候,重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于掃視查看的位置。在我們之前的《F式布局》的文章當(dāng)中,對此有詳細(xì)的陳述。在確定了重要性優(yōu)先級之后,層次結(jié)構(gòu)的設(shè)計(jì)思路就可以基本確定了。首圖、標(biāo)題等元素是承載重要信息的載體,而能夠引導(dǎo)用戶行為的CTA按鈕、輸入框等元素,則能在交互的層面上,強(qiáng)化內(nèi)容的效力。所有的這些東西,在設(shè)計(jì)網(wǎng)頁的層次結(jié)構(gòu)的時(shí)候,應(yīng)該系統(tǒng)的考慮。
忽視基礎(chǔ)功能網(wǎng)頁的可用性始終是擺在易用性之前的。我想你也有過這樣的經(jīng)驗(yàn):打開網(wǎng)頁之后經(jīng)過漫長的等待而網(wǎng)頁無法加載;點(diǎn)擊一個(gè)按鈕而沒有相應(yīng)的反饋;想找到網(wǎng)頁背后所有者的聯(lián)系方式,但是在AboutUs的頁面中一無所獲。這些基礎(chǔ)的工作都需要設(shè)計(jì)師用心做好。確保網(wǎng)頁的基礎(chǔ)功能都能夠順暢的使用,正確的反饋,而這些基本的可用性問題,常常出現(xiàn)在搜索框、導(dǎo)航、頁腳甚至業(yè)務(wù)邏輯當(dāng)中。在網(wǎng)頁當(dāng)中,不同類型的元素涉及到不同類型的內(nèi)容,即使文本和圖片也常常帶有鏈接,或者牽涉到特定的功能或者交互,而用戶對于這些功能是有預(yù)期的??捎玫陌粹o、鏈接等基礎(chǔ)功能,確保了信息的完整性和功能的完整性,只有這樣,用戶才能信任網(wǎng)頁本身。
不夠簡練的文案網(wǎng)頁中的文案是需要反復(fù)推敲的。創(chuàng)新互聯(lián)始終認(rèn)為思維是最為重要的,大多成功的企業(yè)家都是思維上敢于投資和嘗試,窮人用有限的時(shí)間換取低價(jià)的回報(bào),而富人則是花高價(jià)購買有限時(shí)間,而針對目前一些對seo一知半解的人來說,迫切的想學(xué)好SEO技術(shù),但是又害怕遇到坑的培訓(xùn)機(jī)構(gòu),或者是價(jià)格太貴害怕花錢,總是想先去網(wǎng)上看一些教程學(xué)習(xí)。
當(dāng)前標(biāo)題:網(wǎng)頁內(nèi)容怎么排版會(huì)影響流量轉(zhuǎn)化?
鏈接分享:http://redsoil1982.com.cn/news/30413.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、外貿(mào)建站、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容