2020-12-10 分類: 網(wǎng)站建設(shè)
在做響應(yīng)式網(wǎng)頁設(shè)計時出現(xiàn)錯誤實際上是非常正常和普遍的現(xiàn)象。也許你只是想盡快完成一個設(shè)計項目,加快進度,或者可能是因為項目本身的復(fù)雜性太高,你忽略了一些問題。然而,不管錯誤是如何引起的,必須設(shè)法解決問題并修復(fù)不好的設(shè)計。
今天討論的核心是影響響應(yīng)式網(wǎng)頁設(shè)計的誤區(qū)。這些錯誤一些會使網(wǎng)站的信息無法正確傳達,另一些使人們感到困惑。這些問題可能會導(dǎo)致不可接受的、錯誤的理解,甚至讓用戶感到不適。那么,要避免影響網(wǎng)站內(nèi)容的常見設(shè)計問題有哪些?
布局設(shè)計錯誤,首當其沖的空間設(shè)計不合理。段間距和行間距是文本內(nèi)容的常見空間控制變量。雖然有些排版可能會因為太大的間隙而顯得松散,但更常見的問題是版面太緊,缺乏生氣,這可能會使設(shè)計看起來混亂和不可讀。
一般來說,對于大部分文本,行距更好是文本高度的120%到150%。對于較小的文本,考慮到移動端的用戶使用場景,這個行距可能需要改進以確保舒適的閱讀體驗。
然而,無論如何控制它,核心總是要確保閱讀體驗是愉快和舒適的。恰當流暢的排版讓人們看起來很舒服。間距太大或太小,都不合適。
另一方面,在整個頁面的布局中,行距的比例應(yīng)該保持一致,這樣可以使視覺更加統(tǒng)一,也可以加強相似和相關(guān)元素的相關(guān)性,從而增加可讀性。
所有圖片大小相同,所有文本大小相同,所有按鈕樣式相同。這樣的“一致”看起來不錯,但實際上看起來會顯得更無聊。
網(wǎng)頁中的許多元素可以是一致,但它們不能完全相同。這是兩個概念。根據(jù)不同的要求,不同位置的按鈕大小不能完全相同,但可以遵循相同的風格,設(shè)計幾個相對固定的大小比例,這樣也可以更好地控制整個視覺和體驗。
事實上,在網(wǎng)頁框架中使用圖片是更好的例子之一。不同頁面的張圖片大小相同。如果將圖片應(yīng)用到不同總體布局的其他位置,將會直接按比例縮小,元素的視覺權(quán)重將會直接降低,信息傳遞的有效性也會降低。最理想的情況是根據(jù)整個網(wǎng)頁框架布局的要求,在原始圖像的基礎(chǔ)上有針對性的切圖。
我們看到的絕大多數(shù)網(wǎng)頁都需要通過精心組織的層次結(jié)構(gòu)來呈現(xiàn)內(nèi)容。畢竟,網(wǎng)頁內(nèi)容也遵循80/20規(guī)則,20%的內(nèi)容通常有80%的重要性。這也使得網(wǎng)頁的層次結(jié)構(gòu)變得如此重要。
網(wǎng)頁中的不同內(nèi)容有不同的優(yōu)先級,其重要性可以根據(jù)設(shè)計要求或用戶要求來判斷和劃分。同時,當用戶快速瀏覽內(nèi)容時,重要的內(nèi)容應(yīng)該放在一個重要且易于瀏覽的位置。
在確定了重要性的優(yōu)先順序后,層次結(jié)構(gòu)的設(shè)計思想就可以基本確定了。張圖片、標題和其他元素是重要信息的載體,而CTA按鈕、輸入框和其他可以引導(dǎo)用戶行為的元素可以在交互層面上增強內(nèi)容的有效性。在設(shè)計網(wǎng)頁的層次結(jié)構(gòu)時,應(yīng)該系統(tǒng)地考慮所有這些問題。
網(wǎng)頁的可用性總是于易用性。我想你也有過這樣的經(jīng)歷:打開網(wǎng)頁后等了很長時間,網(wǎng)頁無法加載;單擊一個沒有相應(yīng)反饋的按鈕;我想在網(wǎng)頁后面找到所有者的聯(lián)系信息,但是在“關(guān)于我們”上找不到任何東西。
所有這些基礎(chǔ)工作都需要設(shè)計師用心去做。為了確保網(wǎng)頁基本功能的順利使用和正確反饋,這些基本可用性問題經(jīng)常出現(xiàn)在搜索框、導(dǎo)航、頁腳甚至業(yè)務(wù)邏輯中。
在網(wǎng)頁中,不同類型的元素涉及不同類型的內(nèi)容,甚至文本和圖片經(jīng)常是鏈接的,或者涉及特定的功能或交互,用戶對這些功能有所期待??捎玫陌粹o、鏈接和其他基本功能確保了信息和功能的完整性。只有這樣,用戶才能信任網(wǎng)頁本身。
網(wǎng)頁上的文案需要反復(fù)推敲。
許多網(wǎng)頁在使用文案時不夠簡潔,用戶很容易在瀏覽過程中迷失方向。人們集中注意力的時間總是有限的,所以在交互和用戶界面中盡量使用清晰和的描述性語言來直接指導(dǎo)用戶并清楚地解釋交互結(jié)果。
簡潔明了的語言文案是維持用戶興趣和促進互動的驅(qū)動力。
插圖太多,太多,設(shè)計趨勢太多,當普通的設(shè)計創(chuàng)意和效果堆積在網(wǎng)頁上時,很容易沖淡網(wǎng)頁中真正重要的內(nèi)容。不尋常的顏色,奇怪的動畫,巨大的圖片,這些真正引人注目的元素應(yīng)該有針對性和有計劃地使用。它們確實是提高興趣和吸引用戶注意力的重要手段,但也需要謹慎使用。
當你想使用特定的設(shè)計元素并采用流行的設(shè)計趨勢或技術(shù)時,選擇一個想法并盡可能地優(yōu)先考慮。大多數(shù)時候,一種設(shè)計趨勢比三種趨勢的疊加更有用。
如果這些問題出現(xiàn)在你的設(shè)計中,請不要擔心。解決方法并不復(fù)雜,通常也不需要通過復(fù)雜的重新設(shè)計來完善,只需要進行適當?shù)恼{(diào)整。
文章題目:響應(yīng)式網(wǎng)頁設(shè)計時經(jīng)常出現(xiàn)哪些設(shè)計誤區(qū)
文章分享:http://m.rwnh.cn/news/92881.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、面包屑導(dǎo)航、定制開發(fā)、做網(wǎng)站、網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化
聲明:本網(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)
猜你還喜歡下面的內(nèi)容