網(wǎng)站設(shè)計,要能充分吸引訪問者的注意力,讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將成都網(wǎng)站設(shè)計師所設(shè)計出來的設(shè)計稿,按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。
1、忘記層次結(jié)構(gòu)
用戶瀏覽網(wǎng)站是希望找到或做某事。你需要用不同的層次結(jié)構(gòu)和元素來幫助用戶更加簡單地實現(xiàn)這個目的。
設(shè)計中放的大的部分應(yīng)該是最重要的,縮小那些不太重要的項目。同時, 對信息進(jìn)行排列和分組,使用戶可以輕松閱讀并理解。
然后,為了一致性,將你的層次結(jié)構(gòu)轉(zhuǎn)換為一組規(guī)則。 這樣一來,標(biāo)題總是看起來像標(biāo)題,按鈕遵循相同的布局,大小和交互規(guī)則。 所有這些小事情將使整個集合更容易讓用戶參與。
2、所有元素大小相同
所有照片的尺寸相同。 所有文字的大小和顏色都一樣。 所有按鈕的大小和顏色也都一樣。 雖然一致性是好的,但千篇一律的元素只會帶來刻板和單調(diào)。
如果你想保持一致性,同時也吸引眼球并創(chuàng)造視覺沖擊,你可以將每種元素的不同大小類型和比例選項進(jìn)行混合搭配。
你可以做的最好的事情之一就是在框架內(nèi)考慮圖片的尺寸。 每個頁面上的主標(biāo)題可能會有相同的大小,但是如何將圖片放在框架中可以采用不同的方式。縮小圖像,讓圖片看起來更小,有更少的視覺重量; 或者使用裁剪使對象看起來越來越近,越來越大。不改變實際尺寸 、 或是你的網(wǎng)站樣式或模板 ,但其實你已經(jīng)創(chuàng)造了不同大小的東西。
3、混亂的排版
大的排版問題在于空間。行間距、導(dǎo)言或文本塊之間的空格量是常見的違規(guī)項。雖然有時你會看到很多空間,但更常見的問題是文本沒有足夠的呼吸空間,讓設(shè)計看起來混亂,難以閱讀。
對于大多數(shù)的復(fù)雜文本塊 - 考慮正文的段落 - 網(wǎng)絡(luò)的公共線間距約為文字大小的150%至120%。使用較小的文本,例如在移動設(shè)備上閱讀的,您甚至可以增加一點點額外的行間距來確保可讀性。
排版的訣竅在于快樂這種媒介,你要讓文字容易閱讀,并且自然的流動,不會使眼睛感到疲勞。距離太遠(yuǎn)或者太近的文本同樣會產(chǎn)生閱讀困難的問題。
當(dāng)談到文本塊時,請遵循一致的規(guī)則。對于打包在一起的相關(guān)元素,請考慮使用相同的行間距規(guī)則。這樣一來,一切都會有一致的感覺,表明元素是相關(guān)的,也增加了可讀性。
網(wǎng)頁題目:幾個因素可能會毀掉你的網(wǎng)站設(shè)計
新聞來源:http://m.rwnh.cn/news/13859.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)