<legend id="kzzvz"></legend>
    1. <tr id="kzzvz"></tr>

    2. <ol id="kzzvz"></ol>

      13919351614
      蘭州網絡推廣

      建站知識

      NEWS CENTER

      您所在的位置:首頁 > 觀點資訊  > 建站知識

      蘭州網站建設:響應式網站常見的設計錯誤。

      來源:www.mailogi.com         發布時間:2019-08-10

      之前蘭州網站建設小編曾經有分享過常見的網頁設計錯誤分享,不知道大家是否還有印象呢?現在的網頁設計者可以參考的資源很多,也有比較好的工具可以輔助設計,如今網頁設計師的水平普遍不會犯下過去十年前常見的錯誤,例如字體的濫用或是圖片解析度不足,圖片過大等濫用情形,現在都已經很少見了。


      現代的網頁設計變得更為簡單,輕松嗎?其實這也未必,因為現在的設計網站多以響應式網站的方式進行,要顧慮的不僅是網站看起來要豐富,要內容,還要顧及是否可以于智慧手機平板上正常運作?是否能夠達到網站優化的要求,使用者的界面是否合乎用戶需求?


      如果你是一位前端設計師,那么你應該要注意的是設計品質的提升,避免犯下視覺設計上的錯誤。以下分享來自Tilda出版博客針對網頁設計工作者經常犯下的錯誤做出了整理,十分值得您借鏡參考。


      響應式網站常見的設計錯誤


      視覺缺少物理區隔

      通常設計師會用對比色彩,將不同內容區隔以物理的色彩方式區隔起來。

       

      視覺缺少物理區隔


      留白間隙不一

      內文文字與內容區塊的間隔尺寸不一,網頁看起來就會凌亂,內容與區塊的間隔高度應當一致,技術上應該并不困難。


       留白間隙不一


      區隔太小物法區隔不易發揮作用

      即使有了物理色彩區隔,區隔空間不足也很容易彼此干擾。不同的內容區隔,彼此至少有120像素的間隔尺寸。


       區隔太小物法區隔不易發揮作用

      區隔太小物法區隔不易發揮作用


      背景與文字的對比不佳

      背景底圖搭配文字是當首頁設計主流,一般會將背景加上黑色遮罩搭配亮色文字,就有不錯的效果,但要如何讓頁面看起來舒適,仍須細心調整。


      背景與文字的對比不佳


      同一頁面太多設計屬性

      一個頁面的設計風格(風格)過多,或使用多重字體,容易讓頁面看起來專業度不足,導致視覺疲勞,應當妥善控制。


       同一頁面太多設計屬性


      色彩區隔過窄

      避免讓一個色彩區隔看起來過于狹窄,要將標題跟內文視為同一個區塊,避免將標題與內文做出顏色區塊。


      色彩區隔過窄


      欄位文字過多

      首頁的欄位以圖片搭配簡易的說明即可,過多的說明文字使首頁看起來擁擠不堪,產品的規格,描述等適合用于內頁而非首頁。


      欄位文字過多


      居中文自說明過多

      居中的文字(中心)宜精簡不宜過多,需要的話,居中的文字可以透過物理區隔,將較長的文字切隔成多段有利閱讀。

       

      居中文自說明過多


      文字蓋過了重要的形象圖片

      用戶可以接受文字蓋?。ǒB加)主圖,但如果主圖是想要傳達的重要項目,那么你應該幫文字轉個彎,讓主圖可以好好發揮他的價值。


      文字蓋過了重要的形象圖片


      視覺層級錯誤

      以文字來說,主標要比標題大,標題要比內文大,有了這些用戶可以找到訊息的重點,傳遞訊息更有效率,也更易于閱讀內容。


      其實響應式網站還有更多設計常見錯誤,礙于篇幅的限制我們就不多說了,歡迎大家致電蘭州網站建設公司學習更多知識,咨詢電話:18894001311。

      微官網二維碼
      蘭州網站建設,蘭州seo優化,網絡推廣,網絡營銷
      返回頂部