成都網(wǎng)站建設(shè):響應(yīng)式網(wǎng)站常見(jiàn)的設(shè)計(jì)錯(cuò)誤。
之前成都網(wǎng)站建設(shè)小編曾經(jīng)有分享過(guò)常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤分享,不知道大家是否還有印象呢?現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)者可以參考的資源很多,也有比較好的工具可以輔助設(shè)計(jì),如今網(wǎng)頁(yè)設(shè)計(jì)師的水平普遍不會(huì)犯下過(guò)去十年前常見(jiàn)的錯(cuò)誤,例如字體的濫用或是圖片解析度不足,圖片過(guò)大等濫用情形,現(xiàn)在都已經(jīng)很少見(jiàn)了。
現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)變得更為簡(jiǎn)單,輕松嗎?其實(shí)這也未必,因?yàn)楝F(xiàn)在的設(shè)計(jì)網(wǎng)站多以響應(yīng)式網(wǎng)站的方式進(jìn)行,要顧慮的不僅是網(wǎng)站看起來(lái)要豐富,要內(nèi)容,還要顧及是否可以于智慧手機(jī)平板上正常運(yùn)作?是否能夠達(dá)到網(wǎng)站優(yōu)化的要求,使用者的界面是否合乎用戶(hù)需求?
如果你是一位前端設(shè)計(jì)師,那么你應(yīng)該要注意的是設(shè)計(jì)品質(zhì)的提升,避免犯下視覺(jué)設(shè)計(jì)上的錯(cuò)誤。以下分享來(lái)自Tilda出版博客針對(duì)網(wǎng)頁(yè)設(shè)計(jì)工作者經(jīng)常犯下的錯(cuò)誤做出了整理,十分值得您借鏡參考。
視覺(jué)缺少物理區(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ū)隔,彼此至少有120像素的間隔尺寸。
背景與文字的對(duì)比不佳
背景底圖搭配文字是當(dāng)首頁(yè)設(shè)計(jì)主流,一般會(huì)將背景加上黑色遮罩搭配亮色文字,就有不錯(cuò)的效果,但要如何讓頁(yè)面看起來(lái)舒適,仍須細(xì)心調(diào)整。
同一頁(yè)面太多設(shè)計(jì)屬性
一個(gè)頁(yè)面的設(shè)計(jì)風(fēng)格(風(fēng)格)過(guò)多,或使用多重字體,容易讓頁(yè)面看起來(lái)專(zhuān)業(yè)度不足,導(dǎo)致視覺(jué)疲勞,應(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ò)多
居中的文字(中心)宜精簡(jiǎn)不宜過(guò)多,需要的話(huà),居中的文字可以透過(guò)物理區(qū)隔,將較長(zhǎng)的文字切隔成多段有利閱讀。
文字蓋過(guò)了重要的形象圖片
用戶(hù)可以接受文字蓋?。ǒB加)主圖,但如果主圖是想要傳達(dá)的重要項(xiàng)目,那么你應(yīng)該幫文字轉(zhuǎn)個(gè)彎,讓主圖可以好好發(fā)揮他的價(jià)值。
視覺(jué)層級(jí)錯(cuò)誤
以文字來(lái)說(shuō),主標(biāo)要比標(biāo)題大,標(biāo)題要比內(nèi)文大,有了這些用戶(hù)可以找到訊息的重點(diǎn),傳遞訊息更有效率,也更易于閱讀內(nèi)容。
其實(shí)響應(yīng)式網(wǎng)站還有更多設(shè)計(jì)常見(jiàn)錯(cuò)誤,礙于篇幅的限制我們就不多說(shuō)了,歡迎大家致電成都網(wǎng)站建設(shè)公司學(xué)習(xí)更多知識(shí),咨詢(xún)電話(huà):18894001311。
猜你喜歡
- 1深圳網(wǎng)站建設(shè)中應(yīng)當(dāng)如何來(lái)搭建高質(zhì)量外鏈呢
- 2如何掌握網(wǎng)站創(chuàng)新,提高網(wǎng)站排名-網(wǎng)站建設(shè)
- 3嘉興網(wǎng)站建設(shè)-網(wǎng)站建設(shè)應(yīng)該選擇國(guó)外還是國(guó)內(nèi)服務(wù)器
- 4導(dǎo)航在網(wǎng)站建設(shè)工作中怎么處理才妥當(dāng)
- 5如何提高網(wǎng)站的設(shè)計(jì)效果——深圳網(wǎng)站建設(shè)分享
- 6上海網(wǎng)站建設(shè)哪家更好
- 7網(wǎng)站建設(shè)對(duì)于的企業(yè)來(lái)說(shuō)有什么幫助
- 8婚慶公司網(wǎng)站建設(shè)首頁(yè)怎么做5點(diǎn)建議分享(成都網(wǎng)站建設(shè)公司)
- 9企業(yè)品牌網(wǎng)站建設(shè)中需要注意的事項(xiàng)
- 10成都網(wǎng)站建設(shè),院系網(wǎng)站如何提升特色?
聯(lián)絡(luò)方式:028-86922220
成都: 成都市青羊區(qū)太升南路288號(hào)
電話(huà):13518219792(微信同號(hào))
QQ: 631063699