亚洲aⅴ在线视频_精品国产污污网站_草久在线观看_成全电影免费高清观看_羞羞污的美女网站在线观看_日日摸夜夜摸人人嗷嗷叫_国色天香35项和28项的区别_精品国产一区二区刺激高潮_九九av高潮av喷吹_日韩无码免费一级片

網(wǎng)易出品    必出精品
0510-881001984007-999-163
客服熱線400-710-6678
×

我要網(wǎng)站建設(shè)介紹PPT,輸入郵件地址,我們把最新的PPT介紹資料發(fā)給您。



標(biāo) 題:這7種設(shè)計(jì)誤區(qū),會(huì)影響網(wǎng)頁(yè)內(nèi)容的體驗(yàn)
日 期:2017.07.27
位 置:首頁(yè)>新聞> 優(yōu)化知識(shí) >這7種設(shè)計(jì)誤區(qū),會(huì)影響網(wǎng)頁(yè)內(nèi)容的體驗(yàn)

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

一、不合理的排版

排版設(shè)計(jì)出問(wèn)題,首當(dāng)其沖的空間設(shè)計(jì)不合理。段間距和行間距是文本內(nèi)容常見(jiàn)的空間控制變量,雖然有的排版會(huì)因?yàn)殚g隙過(guò)大而顯得松散,但是更常見(jiàn)的問(wèn)題其實(shí)是排布布局過(guò)于緊密,缺乏呼吸感,這可能會(huì)讓設(shè)計(jì)看起來(lái)混亂,可讀性低下。

一般而言,對(duì)于大段的文本內(nèi)容,行間距最好是文字高度的120%到150%。對(duì)于較小的文本,考慮到移動(dòng)端的用戶使用場(chǎng)景,這個(gè)行間距可能還得在提高一些,這樣 才能確保舒適的閱讀體驗(yàn)。另一方面,整個(gè)頁(yè)面排版的行間距的比例要保持一致,這樣能讓視覺(jué)上更加統(tǒng)一,也能夠強(qiáng)化同類、相關(guān)元素的關(guān)聯(lián)性,增加可讀性。

二、所有元素尺寸一樣

所有的圖片尺寸都一樣,所有的文本都一樣大小,所有的按鈕都一樣的樣式,這樣的“一致”看起來(lái)不錯(cuò),但是實(shí)際上會(huì)顯得更加無(wú)聊。網(wǎng)頁(yè)中的許多元素可以一致,但是不能完全一樣,這是兩個(gè)概念?;诓煌男枨?,不同的位置的按鈕尺寸是不能完全一樣的,但是它們可以沿用相同的樣式,并且設(shè)計(jì)幾個(gè)相對(duì)固定的尺寸比例,這樣也可以更好的控制整個(gè)視覺(jué)和體驗(yàn)。

三、忽略層次

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

網(wǎng)頁(yè)中不同的內(nèi)容是有輕重緩急的,而這種重要性不論是基于設(shè)計(jì)的需求還是用戶的需求,都是能夠進(jìn)行判斷和劃分的。與此同時(shí),用戶在快速瀏覽內(nèi)容的時(shí)候,重要的內(nèi)容應(yīng)當(dāng)置于重要的、易于掃視查看的位置。在確定了重要性優(yōu)先級(jí)之后,層次結(jié)構(gòu)的設(shè)計(jì)思路就可以基本確定了。首圖、標(biāo)題等元素是承載重要信息的載體,而能夠引導(dǎo)用戶行為的CTA按鈕、輸入框等元素,則能在交互的層面上,強(qiáng)化內(nèi)容的效力。所有的這些東西,在設(shè)計(jì)網(wǎng)頁(yè)的層次結(jié)構(gòu)的時(shí)候,應(yīng)該系統(tǒng)的考慮。

四、忽視基礎(chǔ)功能

網(wǎng)頁(yè)的可用性始終是擺在易用性之前的。我想你也有過(guò)這樣的經(jīng)驗(yàn):打開(kāi)網(wǎng)頁(yè)之后經(jīng)過(guò)漫長(zhǎng)的等待而網(wǎng)頁(yè)無(wú)法加載;點(diǎn)擊一個(gè)按鈕而沒(méi)有相應(yīng)的反饋;想找到網(wǎng)頁(yè)背后所有者的聯(lián)系方式,但是在About Us 的頁(yè)面中一無(wú)所獲。這些基礎(chǔ)的工作都需要設(shè)計(jì)師用心做好。確保網(wǎng)頁(yè)的基礎(chǔ)功能都能夠順暢的使用,正確的反饋,而這些基本的可用性問(wèn)題,常常出現(xiàn)在搜索框、導(dǎo)航、頁(yè)腳甚至業(yè)務(wù)邏輯當(dāng)中。

五、不夠簡(jiǎn)練的文案

許多網(wǎng)頁(yè)在使用文案的時(shí)候,不夠簡(jiǎn)練,用戶很容易在瀏覽過(guò)程中迷失。人集中注意力的時(shí)間始終是有限的,所以,盡量在交互和UI中使用明確、精準(zhǔn)的描述性的語(yǔ)言,直接地指引用戶,清晰地闡明交互的結(jié)果。

六、低分辨率

清晰度不足的圖片絕對(duì)是設(shè)計(jì)的硬傷?,F(xiàn)如今的高清的屏幕無(wú)處不在,低分辨率的圖片在如今的屏幕上無(wú)所遁形。隨著網(wǎng)絡(luò)的覆蓋和帶寬的拓展,大尺寸的圖片和文件已經(jīng)慢慢成為標(biāo)準(zhǔn)了。當(dāng)你需要精準(zhǔn)地控制圖片尺寸和屏幕分辨率完全對(duì)應(yīng)起來(lái),也可以參考響應(yīng)式設(shè)計(jì),借助斷點(diǎn)來(lái)控制顯示的尺寸。

七、太多機(jī)巧

過(guò)多的插畫(huà),繁復(fù)的特效,太多的設(shè)計(jì)趨勢(shì),當(dāng)常見(jiàn)的設(shè)計(jì)機(jī)巧和效果在網(wǎng)頁(yè)上堆積起來(lái)的時(shí)候,會(huì)很容易稀釋網(wǎng)頁(yè)中真正重要內(nèi)容。不同尋常的色彩,奇特的動(dòng)畫(huà),巨幅的圖片,這些真正抓人眼球的元素應(yīng)該有針對(duì)性、有計(jì)劃地使用。

 

無(wú)錫網(wǎng)頁(yè)設(shè)計(jì)就找無(wú)錫海之睿(mbxwmtr.cn)


將文章分享到..

熱門(mén)文章

Are You Interested ?
感興趣嗎?
與我們聯(lián)系了解更多吧
有一個(gè)互聯(lián)網(wǎng)項(xiàng)目想和我們談?wù)剢??您可以填?xiě)右邊的表格,讓我們了解您的項(xiàng)目需求,這是一個(gè)良好的開(kāi)始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫(xiě)信或是打電話,讓我們聽(tīng)到你的聲音!
  • 網(wǎng)站服務(wù)熱線:400-710-6678
    郵箱服務(wù)熱線:400-799-9163
  • 電話:0510-88100198 渠道:0510-80211762
  • 地址:無(wú)錫市濱湖區(qū)蠡湖大道2018號(hào)普信copo 3棟810室
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服務(wù)

您最關(guān)注的地方

預(yù)算