之前我們?cè)?jīng)有分享過(guò)常見的外貿(mào)網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤分享，不知道大家是否還有印象呢？現(xiàn)在的外貿(mào)網(wǎng)頁(yè)設(shè)計(jì)者可以參考的資源很多，也有更好的工具可以輔助設(shè)計(jì)，如今網(wǎng)頁(yè)設(shè)計(jì)師的水平普遍不會(huì)犯下過(guò)去十年前常見的錯(cuò)誤，例如字體的濫用或是圖片解析度不足、圖片過(guò)大等濫用情形，現(xiàn)在都已經(jīng)很少見了。

現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)變得更為簡(jiǎn)單、輕松嗎？其實(shí)這也未必，因?yàn)楝F(xiàn)在的外貿(mào)設(shè)計(jì)網(wǎng)站多以響應(yīng)式網(wǎng)站的方式進(jìn)行，要顧慮的不僅是外貿(mào)網(wǎng)站看起來(lái)要豐富、要內(nèi)容，還要顧及是否可以于智慧手機(jī)平板上正常運(yùn)作？是否能夠達(dá)到ThinkWithGoogle針對(duì)外貿(mào)網(wǎng)站優(yōu)化的要求，使用者的界面是否合乎用戶需求？

如果你是一位前端設(shè)計(jì)師，那么你應(yīng)該要注意的是設(shè)計(jì)品質(zhì)的提升，避免犯下視覺設(shè)計(jì)上的錯(cuò)誤。以下分享來(lái)自迅外網(wǎng)絡(luò)針對(duì)網(wǎng)頁(yè)設(shè)計(jì)工作者經(jīng)常犯下的錯(cuò)誤做出了整理，十分值得您借鏡參考。

視覺缺少物理區(qū)隔

通常設(shè)計(jì)師會(huì)用對(duì)比色彩，將不同內(nèi)容區(qū)隔以物理的色彩方式區(qū)隔起來(lái)。

留白間隙不一

內(nèi)文文字與內(nèi)容區(qū)塊的間隔尺寸不一，網(wǎng)頁(yè)看起來(lái)就會(huì)凌亂，內(nèi)容與區(qū)塊的間隔高度應(yīng)當(dāng)一致，技術(shù)上應(yīng)該并不困難。

區(qū)隔太小物法區(qū)隔不易發(fā)揮作用

即使有了物理色彩區(qū)隔，區(qū)隔空間不足也很容易彼此干擾。不同的內(nèi)容區(qū)隔，彼此至少有120px的間隔尺寸。

背景與文字的對(duì)比不佳

背景底圖搭配文字是當(dāng)首頁(yè)設(shè)計(jì)主流，一般會(huì)將背景加上黑色遮罩搭配亮色文字，就有不錯(cuò)的效果，但要如何讓頁(yè)面看起來(lái)舒適，仍須細(xì)心調(diào)整。

同一頁(yè)面太多設(shè)計(jì)屬性

一個(gè)頁(yè)面的設(shè)計(jì)風(fēng)格(Style)過(guò)多，或使用多重字體，容易讓頁(yè)面看起來(lái)專業(yè)度不足，導(dǎo)致視覺疲勞，應(yīng)當(dāng)妥善控制。

色彩區(qū)隔過(guò)窄

避免讓一個(gè)色彩區(qū)隔看起來(lái)過(guò)于狹窄，要將標(biāo)題跟內(nèi)文視為同一個(gè)區(qū)塊，避免將標(biāo)題與內(nèi)文做出顏色區(qū)塊。

欄位文字過(guò)多

首頁(yè)的欄位以圖片搭配簡(jiǎn)易的說(shuō)明即可，過(guò)多的說(shuō)明文字使首頁(yè)看起來(lái)?yè)頂D不堪，產(chǎn)品的規(guī)格、描述等適合用于內(nèi)頁(yè)而非首頁(yè)。

居中文自說(shuō)明過(guò)多

居中的文字(Center)宜精簡(jiǎn)不宜過(guò)多，必要的話，居中的文字可以透過(guò)物理區(qū)隔，將較長(zhǎng)的文字切隔成多段有利閱讀。

文字蓋過(guò)了重要的形象圖片

用戶可以接受文字蓋住(Overlay)主圖，但如果主圖是想要傳達(dá)的重要項(xiàng)目，那么你應(yīng)該幫文字轉(zhuǎn)個(gè)彎，讓主圖可以好好發(fā)揮他的價(jià)值。

視覺層級(jí)錯(cuò)誤

以文字來(lái)說(shuō)，主標(biāo)要比標(biāo)題大，標(biāo)題要比內(nèi)文大，有了階層用戶可以找到訊息的重點(diǎn)，傳遞訊息更有效率，也更易于閱讀內(nèi)容。

其實(shí)來(lái)源的外貿(mào)網(wǎng)站還有更多設(shè)計(jì)常見錯(cuò)誤，礙于篇幅的限制我們就不多說(shuō)了，歡迎大家至來(lái)源的迅外網(wǎng)絡(luò)閱讀與學(xué)習(xí)

分享名稱：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的常見設(shè)計(jì)問(wèn)題
分享網(wǎng)址：http://m.rwnh.cn/news37/217587.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、品牌網(wǎng)站設(shè)計(jì)、云服務(wù)器、虛擬主機(jī)、域名注冊(cè)、外貿(mào)建站

廣告

聲明：本網(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)