IT技術(shu)互(hu)動交流平台

大发电玩官网

作者︰whl  來源(yuan)︰網(wang)絡整(zheng)理  發布日期︰2020-02-26 08:56:00
  相信很多網(wang)站(zhan)主在對網(wang)站(zhan)進行(xing)優化的過程(cheng)中都有關注過網(wang)頁(ye)內(na)容(rong)的設計,但是很多網(wang)站(zhan)主經常會遺忘一(yi)些關鍵點,導(dao)致(zhi)網(wang)頁(ye)內(na)容(rong)誤區的產生,這些誤區很大程(cheng)度上xi)醞wang)頁(ye)內(na)容(rong)造成了影響,導(dao)致(zhi)信息無法(fa)及時且正確的進行(xing)發送(song),面對這樣的情況,我們應該如何(he)去避免呢(ne)?

  1、不合理的排版

  排版設計出問題,首當其沖(chong)的空間設計不合理。段間距和行(xing)間距是文本內(na)容(rong)常見的空間控(kong)制(zhi)變量,雖然有的排版會因為間隙(xi)過大而顯得松散,但是更(geng)常見的問題其實是排布布局過于緊(jin)密,缺乏(fa)呼吸感,這可能會讓設計看起(qi)來混亂,可讀性(xing)低下。

  一(yi)般而言,對于大段的文本內(na)容(rong),行(xing)間距最好是文字zhi)叨鵲20%到(dao)150%。對于較小的文本,考(kao)慮到(dao)移(yi)動端的用戶(hu)使用mao)【jing),這個行(xing)間距可能還得在提高一(yi)些,這樣 才(cai)能確保(bao)舒適的閱讀體(ti)驗。

  但是,不論(lun)是怎樣控(kong)制(zhi),核(he)心始終在于確保(bao)閱讀體(ti)驗是愉(yu)悅(yue)而恰(qia)到(dao)好處(chu)的。擁有恰(qia)當而富有流動性(xing)的排版,視覺(jue)上才(cai)會令人(ren)舒適。間距太大太小都不合適。

  另一(yi)方面,整(zheng)個頁(ye)面排版的行(xing)間距的比例要保(bao)持一(yi)致(zhi),這樣能讓視覺(jue)上xi)油騁yi),也能夠(gou)強化同類、相關元素的關聯性(xing),增加可讀性(xing)。

頁(ye)面排版

  2、所有xing) 爻嘰繅yi)樣

  所有的圖(tu)片(pian)尺寸都jia)yi)樣,所有的文本都jia)yi)樣大小,所有的按鈕都jia)yi)樣的樣式,這樣的“一(yi)致(zhi)”看起(qi)來不錯,但是實dao)噬匣嵯緣黴geng)加無聊。

  網(wang)頁(ye)中的許多元素可以一(yi)致(zhi),但是不能完(wan)全一(yi)樣,這是兩個概(gai)念(nian)。基于不同的需求,不同的位置的按鈕尺寸是不能完(wan)全一(yi)樣的,但是它(ta)們可以沿(yan)用相同的樣式,並且設計幾(ji)個相對固定的尺寸比例,這樣也可以更(geng)好的控(kong)制(zhi)整(zheng)個視覺(jue)和體(ti)驗。

  其實這當中,圖(tu)片(pian)在網(wang)頁(ye)框架中的使用就是一(yi)個最好的實例。不同頁(ye)面的首圖(tu)尺寸是一(yi)樣,其中的圖(tu)片(pian)如果要應用到(dao)不同整(zheng)個布局zhi)淥奈恢玫氖焙潁 zhi)接按比例縮小,其中的元素視覺(jue)重量會直(zhi)接降低,信息傳達(da)的有xing) xing)也隨之降低。最理想的狀況,是根據整(zheng)個網(wang)頁(ye)框架布局的需求,基于原圖(tu)有針(zhen)對性(xing)地進行(xing)切(qie)圖(tu)。

  3、忽略(lue)層次

  我們所看到(dao)的絕大多數的網(wang)頁(ye)是qie)枰   淖櫓 牟憒謂 gou)來呈現內(na)容(rong)的,畢竟(jing)網(wang)頁(ye)內(na)容(rong)也cai)親裱80/20 法(fa)則的,20%的內(na)容(rong)常常能夠(gou)擁有80%的重要性(xing)。這也cai)溝猛wang)頁(ye)的層次結構(gou)如此的重要。

  網(wang)頁(ye)中不同的內(na)容(rong)是有輕(qing)重緩急的,而這種重要性(xing)不論(lun)是基于設計的需求還是用戶(hu)的需求,都是能夠(gou)進行(xing)判(pan)斷和劃分的。與此song) 保(bao) 沒hu)在快速瀏(liu)覽內(na)容(rong)的時候,重要的內(na)容(rong)應當置于重要的、易于掃視查(cha)看的位置。在我們之前的《F式布局》的文章當中,對yuan)擻邢xiang)細(xi)的陳(chen)述。

  在確定了重要性(xing)優先級之後(hou),層次結構(gou)的設計思路就可以基本確定了。首圖(tu)、標題等元素是承xing)?匾 畔 腦靨ti),而能夠(gou)引(yin)導(dao)用戶(hu)行(xing)為的CTA按鈕、輸入框等元素,則能在交互(hu)的層面上,強化內(na)容(rong)的效力。所有的這些東西(xi),在設計網(wang)頁(ye)的層次結構(gou)的時候,應該系統的考(kao)慮qia)/p>

  4、忽視基礎功能

  網(wang)頁(ye)的可用性(xing)始終是擺在易用性(xing)之前的。我想你也有過這樣的經驗︰打開網(wang)頁(ye)之後(hou)經過漫長的等待而網(wang)頁(ye)無法(fa)加載;點擊(ji)一(yi)個按鈕而沒有相應的反饋;想找ye)dao)網(wang)頁(ye)背(bei)後(hou)所有者的聯系方式,但是在About Us 的頁(ye)面中一(yi)無所獲。

  這些基礎的工作都需要設計師(shi)用心做好。確保(bao)網(wang)頁(ye)的mu)」δ芏寄芄gou)順(shun)暢的使用,正確的反饋,而這些基本的可用性(xing)問題,常常出現在搜索(suo)框、導(dao)航、頁(ye)腳甚至業(ye)務邏(luo)輯當中。

  在網(wang)頁(ye)當中,不同類型的元素涉及到(dao)不同類型的內(na)容(rong),即使文本和圖(tu)片(pian)也常常帶有鏈接,或者牽涉到(dao)特(te)定的功能或者交互(hu),而用戶(hu)對于這些功能是有xing)?詰摹?捎玫陌磁? 唇擁然」δ埽 繁bao)了信息的完(wan)整(zheng)性(xing)和功能的完(wan)整(zheng)性(xing),只有這樣,用戶(hu)才(cai)能信任(ren)網(wang)頁(ye)本身。

  5、不夠(gou)簡練(lian)的文案

  網(wang)頁(ye)中的文案是qie)枰 錘賜魄玫摹/p>

  許多網(wang)頁(ye)在使用文案的時候,不夠(gou)簡練(lian),用戶(hu)很容(rong)易在瀏(liu)覽過程(cheng)中迷失。人(ren)集中注意力的時間始終是有限的,所以,盡(jin)量在交互(hu)和UI中使用明確、精準的描(miao)述性(xing)的語言,直(zhi)接地指(zhi)引(yin)用戶(hu),清(qing)晰地闡明交互(hu)的結果。

  清(qing)晰簡練(lian)的語言文案是維持用戶(hu)興趣、推動交互(hu)繼續的動力。

  6、低分zhi)媛/p>

  清(qing)晰度不足的圖(tu)片(pian)絕對是設計的硬傷。現如今(jin)的高清(qing)的屏幕(mu)無處(chu)不在,低分zhi)媛實耐tu)片(pian)在如今(jin)的屏幕(mu)上無所遁形。

  隨著網(wang)絡的覆蓋和帶寬的拓展,大尺寸的圖(tu)片(pian)和文件已經慢(man)慢(man)成為標準了。當你需要精準地控(kong)制(zhi)圖(tu)片(pian)尺寸和屏幕(mu)分zhi)媛釋wan)全對應起(qi)來,也可以參考(kao)響應式設計,借助(zhu)斷點來控(kong)制(zhi)顯示的尺寸。

  當然,最重要的一(yi)點在于,使用低分zhi)媛實耐tu)片(pian),還不如干脆不使用。

  7、太多機巧

  過多的插畫,繁復的特(te)效,太多的設計趨(qu)勢(shi),當bei)<納杓隻珊托?諭wang)頁(ye)上xi)鴉qi)來的時候,會很容(rong)易稀釋網(wang)頁(ye)中真正重要內(na)容(rong)。不同尋常的色(se)彩(cai),奇特(te)的動畫,巨幅(fu)的圖(tu)片(pian),這些真正抓人(ren)眼球的元素應該有針(zhen)對性(xing)、有計劃地使用。

  它(ta)們確實是提升趣味性(xing)、吸引(yin)用戶(hu)注意力的重要手段,但是同樣需要謹慎使用。

  當你想要使用特(te)定的設計元素、采用流行(xing)的設計趨(qu)勢(shi)或技巧的時候,選擇一(yi)個思路,盡(jin)量主次分明。很多時候,一(yi)個設計趨(qu)勢(shi),比三個趨(qu)勢(shi)疊起(qi)來更(geng)有用。

  結語

  以上就是今(jin)天給大家(jia)分享的關于網(wang)站(zhan)優化過程(cheng)中網(wang)頁(ye)設計可能會發生的設計誤區了,大家(jia)在進行(xing)網(wang)站(zhan)優化的過程(cheng)中出現了上面這些問題也不要太過煩惱,解決(jue)起(qi)來還是非(fei)常簡單的。如果大家(jia)yi)瓜肓私飧geng)多這方面的知識可以繼續關注本站(zhan)其他發文,小編這里(li)就不一(yi)一(yi)進行(xing)講解了。

大发电玩官网

    About IT165 - 廣告服務 - 隱(yin)私聲明 - 版權申(shen)明 - 免責(ze)條款 - 網(wang)站(zhan)地圖(tu) - 網(wang)友投稿 - 聯系方式
    本站(zhan)內(na)容(rong)來自于互(hu)聯網(wang),僅(jin)供用于網(wang)絡技術(shu)學習(xi),學習(xi)中請遵循相關法(fa)律法(fa)規
    大发电玩官网 | 下一页