在高端網(wǎng)站建設(shè)中,一些設(shè)計錯誤可能會破壞你的網(wǎng)站內(nèi)容,導(dǎo)致用戶放棄您的網(wǎng)站,或失去對你提供的信息的信任。如果不修正他們可能很難追回用戶,不用感到困惑,今天的每一個建議都是從實(shí)踐之中吸取教訓(xùn)而得,希望大家可以多多參考。
1、混亂的排版
最大的排版問題在于空間。行間距、導(dǎo)言或文本塊之間的空格量是常見的違規(guī)項(xiàng)。雖然有時會看到很多空間,但更常見的問題是文本沒有足夠的呼吸空間,讓設(shè)計看起來混亂,難以閱讀。對于大多數(shù)的復(fù)雜文本塊 - 考慮正文的段落 - 網(wǎng)絡(luò)的公共線間距約為文字大小的150%至120%。使用較小的文本,例如在移動設(shè)備上閱讀的,您甚至可以增加一點(diǎn)點(diǎn)額外的行間距來確??勺x性。排版的訣竅在于快樂這種媒介,你要讓文字容易閱讀,并且自然的流動,不會使眼睛感到疲勞。距離太遠(yuǎn)或者太近的文本同樣會產(chǎn)生閱讀困難的問題。當(dāng)談到文本塊時,請遵循一致的規(guī)則。對于打包在一起的相關(guān)元素,請考慮使用相同的行間距規(guī)則。這樣一來,一切都會有一致的感覺,表明元素是相關(guān)的,也增加了可讀性。
2、所有元素大小相同
所有照片的大小相同,所有文字的大小相同,所有按鈕的大小相同,雖然一致性是好的,但千篇一律只會帶來枯燥。將每種元素的不同大小類型和比例選項(xiàng)進(jìn)行混合。 這樣,你可以保持一致性,同時也有助于吸引眼球并創(chuàng)造視覺關(guān)注。你可以做的最好的事情之一就是在框架內(nèi)考慮圖片的尺寸, 每個頁面上的主標(biāo)題可能會有相同的大小,但是如何將圖片放在框架中可以采用不同的方式??s小圖像,讓圖片看起來更小,有更少的視覺重量; 或者使用裁剪使對象看起來越來越近,越來越大。不改變實(shí)際尺寸 、 或是你的網(wǎng)站樣式或模板 ,但其實(shí)已經(jīng)創(chuàng)造了不同大小的東西。
3、忘記層次結(jié)構(gòu)
用戶瀏覽網(wǎng)站是希望找到或做某事。你需要用不同的層次結(jié)構(gòu)和元素來幫助用戶更加簡單地實(shí)現(xiàn)這個目的。設(shè)計中最大的部分應(yīng)該是最重要的,縮小那些不太重要的項(xiàng)目。同時, 對信息進(jìn)行排列和分組,使用戶可以輕松閱讀并理解。然后,為了一致性,將你的層次結(jié)構(gòu)轉(zhuǎn)換為一組規(guī)則。 這樣一來,標(biāo)題總是看起來像標(biāo)題,按鈕遵循相同的布局,大小和交互規(guī)則。 所有這些小事情將使整個集合更容易讓用戶參與。
4、忽視基礎(chǔ)建設(shè)
有多少次瀏覽一個網(wǎng)站,點(diǎn)擊一個鏈接,然后什么也沒有發(fā)生? 抑或是找一個電子郵件地址或聯(lián)系表單只是為了找一個人?不要忘記在設(shè)計中照顧所有的輔助元素,并確保它們被填寫,容易找到和內(nèi)容準(zhǔn)確。密切注意導(dǎo)航,搜索欄和頁腳。重要的還包括這些部分——更新鏈接和信息。 用戶期望這些元素具有某種類型的作用,如果不存在,用戶可能會容易受挫。 它們還為高端網(wǎng)站建設(shè)提供合法性 ——破碎的鏈接或沒有聯(lián)系信息可能導(dǎo)致用戶的不信任。
5、文字過于繁瑣
編輯您的文本,將其放在一邊,然后再次進(jìn)行編輯。許多網(wǎng)站的問題是他們使用太多的文本來解釋簡單的事情。 語言應(yīng)該是清晰簡潔的,因?yàn)橛脩舻淖⒁饬κ呛芏虝旱摹?/span>在設(shè)計中要使用活躍的,描述性詞語與用戶進(jìn)行最佳交談。 為可操作的內(nèi)容要提供明確的說明,準(zhǔn)確地告訴用戶該做什么以及接下來會發(fā)生什么。這種清晰的書面形式將有助于讓用戶感興趣瀏覽文本。
6、分辨率差
應(yīng)避免任何質(zhì)量差的圖片,許多用戶正在高分辨率設(shè)備上瀏覽您的設(shè)計,平板電腦的屏幕將會顯示每個像素的細(xì)節(jié), 分辨率差的圖像會殺死任何設(shè)計。改進(jìn)的訣竅是反思你對文件大小和壓縮的了解。 雖然這些事情是非常重要的,但規(guī)則有所改變, 更大的文件變得越來越標(biāo)準(zhǔn),大多數(shù)互聯(lián)網(wǎng)也可以連續(xù)處理負(fù)載。事實(shí)上是這樣的:如果您不能使用清晰的圖像,就不要使用圖像。 視覺上的第一感覺會影響用戶對你的印象, 一個糟糕的形象表明,你不在乎,不可信,或者不知道要首先考慮圖片質(zhì)量。事實(shí)上,你不會希望用戶在瀏覽你的網(wǎng)站時會這么想。
7、太多的技巧
過多的插圖,過多的照片,陰影樣式或者跳躍太遠(yuǎn)的圖標(biāo),這一些常見的設(shè)計技巧,都會分散用戶對信息的注意力。 任何以視覺原因存在的設(shè)計技術(shù)都可以被認(rèn)為是一個技巧 - 不尋常的顏色,動畫,奇怪的照片組合和插圖都是。它們可以成為幫助創(chuàng)造興趣和參與的有效工具。但僅僅當(dāng)你謹(jǐn)慎使用這些技巧時,對一個對象使用設(shè)計技巧可以讓你的設(shè)計區(qū)與眾不同,并盡量不要過度使用。 例如,一幅很好的插圖可以是一個很好的工具,但是如果插圖被切碎,并且在設(shè)計時放過多的部分,它可能會分散用戶的注意力。 一個“大技巧”比不計其數(shù)的小技巧更有效。
總而言之,如果大家在高端網(wǎng)站建設(shè)中犯了這些設(shè)計錯誤之一,不要?dú)怵H。 每個人都會犯錯, 及時糾正,確保網(wǎng)站設(shè)計是安全的就可以。其實(shí)也不需要通過重新設(shè)計來糾正這些錯誤, 調(diào)整一些設(shè)計元素就足以清理和簡化常見的設(shè)計錯誤。希望大家能夠順利打造出一個完善強(qiáng)大的網(wǎng)站!