之前我們曾經(jīng)有分享過常見的外貿(mào)網(wǎng)站建設(shè)網(wǎng)頁設(shè)計錯誤分享，不知道大家是否還有印象呢？現(xiàn)在的外貿(mào)網(wǎng)頁設(shè)計者可以參考的資源很多，也有更好的工具可以輔助設(shè)計，如今網(wǎng)頁設(shè)計師的水平普遍不會犯下過去十年前常見的錯誤，例如字體的濫用或是圖片解析度不足、圖片過大等濫用情形，現(xiàn)在都已經(jīng)很少見了。
現(xiàn)代的網(wǎng)頁設(shè)計變得更為簡單、輕松嗎？其實這也未必，因為現(xiàn)在的外貿(mào)設(shè)計網(wǎng)站多以響應(yīng)式網(wǎng)站的方式進行，要顧慮的不僅是外貿(mào)網(wǎng)站看起來要豐富、要內(nèi)容，還要顧及是否可以于智慧手機平板上正常運作？是否能夠達到ThinkWithGoogle針對外貿(mào)網(wǎng)站優(yōu)化的要求，使用者的界面是否合乎用戶需求？
如果你是一位前端設(shè)計師，那么你應(yīng)該要注意的是設(shè)計品質(zhì)的提升，避免犯下視覺設(shè)計上的錯誤。以下分享來自迅外網(wǎng)絡(luò)針對網(wǎng)頁設(shè)計工作者經(jīng)常犯下的錯誤做出了整理，十分值得您借鏡參考。
視覺缺少物理區(qū)隔
通常設(shè)計師會用對比色彩，將不同內(nèi)容區(qū)隔以物理的色彩方式區(qū)隔起來。
留白間隙不一
內(nèi)文文字與內(nèi)容區(qū)塊的間隔尺寸不一，網(wǎng)頁看起來就會凌亂，內(nèi)容與區(qū)塊的間隔高度應(yīng)當一致，技術(shù)上應(yīng)該并不困難。
區(qū)隔太小物法區(qū)隔不易發(fā)揮作用
即使有了物理色彩區(qū)隔，區(qū)隔空間不足也很容易彼此干擾。不同的內(nèi)容區(qū)隔，彼此至少有120px的間隔尺寸。
背景與文字的對比不佳
背景底圖搭配文字是當首頁設(shè)計主流，一般會將背景加上黑色遮罩搭配亮色文字，就有不錯的效果，但要如何讓頁面看起來舒適，仍須細心調(diào)整。
同一頁面太多設(shè)計屬性
一個頁面的設(shè)計風格(Style)過多，或使用多重字體，容易讓頁面看起來專業(yè)度不足，導致視覺疲勞，應(yīng)當妥善控制。
色彩區(qū)隔過窄
避免讓一個色彩區(qū)隔看起來過于狹窄，要將標題跟內(nèi)文視為同一個區(qū)塊，避免將標題與內(nèi)文做出顏色區(qū)塊。
欄位文字過多
首頁的欄位以圖片搭配簡易的說明即可，過多的說明文字使首頁看起來擁擠不堪，產(chǎn)品的規(guī)格、描述等適合用于內(nèi)頁而非首頁。
居中文自說明過多
居中的文字(Center)宜精簡不宜過多，必要的話，居中的文字可以透過物理區(qū)隔，將較長的文字切隔成多段有利閱讀。
文字蓋過了重要的形象圖片
用戶可以接受文字蓋住(Overlay)主圖，但如果主圖是想要傳達的重要項目，那么你應(yīng)該幫文字轉(zhuǎn)個彎，讓主圖可以好好發(fā)揮他的價值。
視覺層級錯誤
以文字來說，主標要比標題大，標題要比內(nèi)文大，有了階層用戶可以找到訊息的重點，傳遞訊息更有效率，也更易于閱讀內(nèi)容。
歡迎訪問更多網(wǎng)站推廣,網(wǎng)絡(luò)營銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
