在做響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)時(shí)出現(xiàn)錯(cuò)誤實(shí)際上是非常正常和普遍的現(xiàn)象。也許你只是想盡快完成一個(gè)設(shè)計(jì)項(xiàng)目，加快進(jìn)度，或者可能是因?yàn)轫?xiàng)目本身的復(fù)雜性太高，你忽略了一些問(wèn)題。然而，不管錯(cuò)誤是如何引起的，必須設(shè)法解決問(wèn)題并修復(fù)不好的設(shè)計(jì)。

今天討論的核心是影響響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的誤區(qū)。這些錯(cuò)誤一些會(huì)使網(wǎng)站的信息無(wú)法正確傳達(dá)，另一些使人們感到困惑。這些問(wèn)題可能會(huì)導(dǎo)致不可接受的、錯(cuò)誤的理解，甚至讓用戶感到不適。那么，要避免影響網(wǎng)站內(nèi)容的常見(jiàn)設(shè)計(jì)問(wèn)題有哪些？

01、布局不合理

布局設(shè)計(jì)錯(cuò)誤，首當(dāng)其沖的空間設(shè)計(jì)不合理。段間距和行間距是文本內(nèi)容的常見(jiàn)空間控制變量。雖然有些排版可能會(huì)因?yàn)樘蟮拈g隙而顯得松散，但更常見(jiàn)的問(wèn)題是版面太緊，缺乏生氣，這可能會(huì)使設(shè)計(jì)看起來(lái)混亂和不可讀。

一般來(lái)說(shuō)，對(duì)于大部分文本，行距更好是文本高度的120%到150%。對(duì)于較小的文本，考慮到移動(dòng)端的用戶使用場(chǎng)景，這個(gè)行距可能需要改進(jìn)以確保舒適的閱讀體驗(yàn)。

然而，無(wú)論如何控制它，核心總是要確保閱讀體驗(yàn)是愉快和舒適的。恰當(dāng)流暢的排版讓人們看起來(lái)很舒服。間距太大或太小，都不合適。

另一方面，在整個(gè)頁(yè)面的布局中，行距的比例應(yīng)該保持一致，這樣可以使視覺(jué)更加統(tǒng)一，也可以加強(qiáng)相似和相關(guān)元素的相關(guān)性，從而增加可讀性。

02、所有元素尺寸一樣

所有圖片大小相同，所有文本大小相同，所有按鈕樣式相同。這樣的“一致”看起來(lái)不錯(cuò)，但實(shí)際上看起來(lái)會(huì)顯得更無(wú)聊。

網(wǎng)頁(yè)中的許多元素可以是一致，但它們不能完全相同。這是兩個(gè)概念。根據(jù)不同的要求，不同位置的按鈕大小不能完全相同，但可以遵循相同的風(fēng)格，設(shè)計(jì)幾個(gè)相對(duì)固定的大小比例，這樣也可以更好地控制整個(gè)視覺(jué)和體驗(yàn)。

事實(shí)上，在網(wǎng)頁(yè)框架中使用圖片是更好的例子之一。不同頁(yè)面的張圖片大小相同。如果將圖片應(yīng)用到不同總體布局的其他位置，將會(huì)直接按比例縮小，元素的視覺(jué)權(quán)重將會(huì)直接降低，信息傳遞的有效性也會(huì)降低。最理想的情況是根據(jù)整個(gè)網(wǎng)頁(yè)框架布局的要求，在原始圖像的基礎(chǔ)上有針對(duì)性的切圖。

03、忽略層次

我們看到的絕大多數(shù)網(wǎng)頁(yè)都需要通過(guò)精心組織的層次結(jié)構(gòu)來(lái)呈現(xiàn)內(nèi)容。畢竟，網(wǎng)頁(yè)內(nèi)容也遵循80/20規(guī)則，20%的內(nèi)容通常有80%的重要性。這也使得網(wǎng)頁(yè)的層次結(jié)構(gòu)變得如此重要。

網(wǎng)頁(yè)中的不同內(nèi)容有不同的優(yōu)先級(jí)，其重要性可以根據(jù)設(shè)計(jì)要求或用戶要求來(lái)判斷和劃分。同時(shí)，當(dāng)用戶快速瀏覽內(nèi)容時(shí)，重要的內(nèi)容應(yīng)該放在一個(gè)重要且易于瀏覽的位置。

在確定了重要性的優(yōu)先順序后，層次結(jié)構(gòu)的設(shè)計(jì)思想就可以基本確定了。張圖片、標(biāo)題和其他元素是重要信息的載體，而CTA按鈕、輸入框和其他可以引導(dǎo)用戶行為的元素可以在交互層面上增強(qiáng)內(nèi)容的有效性。在設(shè)計(jì)網(wǎng)頁(yè)的層次結(jié)構(gòu)時(shí)，應(yīng)該系統(tǒng)地考慮所有這些問(wèn)題。

04、忽略基本功能

網(wǎng)頁(yè)的可用性總是于易用性。我想你也有過(guò)這樣的經(jīng)歷：打開(kāi)網(wǎng)頁(yè)后等了很長(zhǎng)時(shí)間，網(wǎng)頁(yè)無(wú)法加載；單擊一個(gè)沒(méi)有相應(yīng)反饋的按鈕；我想在網(wǎng)頁(yè)后面找到所有者的聯(lián)系信息，但是在“關(guān)于我們”上找不到任何東西。

所有這些基礎(chǔ)工作都需要設(shè)計(jì)師用心去做。為了確保網(wǎng)頁(yè)基本功能的順利使用和正確反饋，這些基本可用性問(wèn)題經(jīng)常出現(xiàn)在搜索框、導(dǎo)航、頁(yè)腳甚至業(yè)務(wù)邏輯中。

在網(wǎng)頁(yè)中，不同類型的元素涉及不同類型的內(nèi)容，甚至文本和圖片經(jīng)常是鏈接的，或者涉及特定的功能或交互，用戶對(duì)這些功能有所期待?？捎玫陌粹o、鏈接和其他基本功能確保了信息和功能的完整性。只有這樣，用戶才能信任網(wǎng)頁(yè)本身。

05、不簡(jiǎn)潔的文案

網(wǎng)頁(yè)上的文案需要反復(fù)推敲。

許多網(wǎng)頁(yè)在使用文案時(shí)不夠簡(jiǎn)潔，用戶很容易在瀏覽過(guò)程中迷失方向。人們集中注意力的時(shí)間總是有限的，所以在交互和用戶界面中盡量使用清晰和的描述性語(yǔ)言來(lái)直接指導(dǎo)用戶并清楚地解釋交互結(jié)果。

簡(jiǎn)潔明了的語(yǔ)言文案是維持用戶興趣和促進(jìn)互動(dòng)的驅(qū)動(dòng)力。

06、太多技巧

插圖太多，太多，設(shè)計(jì)趨勢(shì)太多，當(dāng)普通的設(shè)計(jì)創(chuàng)意和效果堆積在網(wǎng)頁(yè)上時(shí)，很容易沖淡網(wǎng)頁(yè)中真正重要的內(nèi)容。不尋常的顏色，奇怪的動(dòng)畫(huà)，巨大的圖片，這些真正引人注目的元素應(yīng)該有針對(duì)性和有計(jì)劃地使用。它們確實(shí)是提高興趣和吸引用戶注意力的重要手段，但也需要謹(jǐn)慎使用。

當(dāng)你想使用特定的設(shè)計(jì)元素并采用流行的設(shè)計(jì)趨勢(shì)或技術(shù)時(shí)，選擇一個(gè)想法并盡可能地優(yōu)先考慮。大多數(shù)時(shí)候，一種設(shè)計(jì)趨勢(shì)比三種趨勢(shì)的疊加更有用。

如果這些問(wèn)題出現(xiàn)在你的設(shè)計(jì)中，請(qǐng)不要擔(dān)心。解決方法并不復(fù)雜，通常也不需要通過(guò)復(fù)雜的重新設(shè)計(jì)來(lái)完善，只需要進(jìn)行適當(dāng)?shù)恼{(diào)整。

本文名稱：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)時(shí)經(jīng)常出現(xiàn)哪些設(shè)計(jì)誤區(qū)
文章轉(zhuǎn)載：http://www.rwnh.cn/news31/92881.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、域名注冊(cè)、企業(yè)建站、響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)