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