資訊

精準傳達 ? 有效溝通

從品牌網站建設到網絡營銷策劃,從策略到執(zhí)行的一站式服務

上海網站設計:淺談網頁設計規(guī)范

來源:千選科技網站建設公司 | 2019-12-25 17:57:33        瀏覽:

  上海網站設計:淺談網頁設計規(guī)范,網頁設計也叫Web UI設計,是UI設計行業(yè)中重要的一部分,也是我們UI設計師培訓中的學習重點之一,而網頁設計規(guī)范相關的知識,是每一個設計師都要牢記于心的,今天我們就來簡單的了解這些規(guī)范中的重點。
  
  首先肯定是網頁的尺寸以及布局。現在我們的屏幕技術是越來越先進,不僅外觀尺寸做的越來越大,里面的分辨率也是越來越高,所以我們在進行布局的時候首先就要考慮到讓自己的作品能夠盡可能的適應的所有型號的屏幕。而布局的話就比較靈活了,可以分為左右布局,居中布局等等,這些布局一是要考慮到適配,二是要考慮到我們網站的主題,突出網站的重點內容。比如我們看到的各種購物網站,他們的布局都有相似之處,也是猶豫網站類型所決定的。
  
  1. 屏幕分辨率寬度
  
  我們只看 PC 端,根據現在屏幕大小的分布統(tǒng)計。絕大多數屏幕的分辨率已經超過 1366*768,這是個屏幕逐漸變大的趨勢,幾年前我們還需要考慮在 1024* 768 這個非常普遍的分辨率下的顯示效果,現在基本上不需要單獨對其做處理了。這個分辨率值只是上限參考,你不可能把頁面的實際顯示內容區(qū)(或者叫安全區(qū))搞到這個值,因為在 Windows 等部分瀏覽器上,滾動條等也要占據寬度,同時過分的貼邊在設計上是不被推薦的。理解了這個我們就能清楚的知道一個基準值的參考范圍。
  
  2. 柵格與響應式設計
  
  這里需要理解一個概念,通常為了布局方便我們將內容區(qū)域劃分為12或者24格,并在柵格間增加通用間距來處理絕大多數情況下的垂直排列問題,12或24的好處是能夠被2、3、4整除,更方便來處理2:1,1:2:1等常見間距。
  
  在這里提一個比較特殊的網頁布局設計,叫做響應式布局設計。這個指的是針對不同的設備、屏幕、分辨率等,能夠讓各種網站信息在不同環(huán)境下表現一致,同時讓頁面可交互也能正常操作。比如在電腦這種比較寬的設備上我們可以用很寬的條幅來展示比較多的信息,但是對于平板或是手機上這種比較窄的設備上,就把這些變成以豎列的形式進行展示,這就是響應式網站的好處。
  
  礙于網頁設計的規(guī)范太多了,上海網站設計小編今天只介紹一些簡單的,以后會多多給大家講解的。要知道,只有牢記住各種網頁設計規(guī)范,我們才能在做作品的時候熟練上手。
九年建站經驗

多一份參考,總有益處

聯(lián)系我們,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯(lián)系

全國統(tǒng)一服務熱線:150-0197-0180 / 24小時接聽服務