2015年11月25日星期三

網頁設計中的數學運用


  一、確定頁面寬度

  在你設計任何一網頁設計台北個網頁之前有一些東西你是應該盡快做出決定的。其中最主要一個東西應該是頁面的寬度,我個人是比較喜歡960px作為寬度,即使用戶使用的是1024*768的分辨率,網頁也不會出現橫向移動- 當然你可以使用任何寬度。
網路行銷
  第一步已經完成口碑行銷了,我們進入第二步。

  二、劃分區域

   接下來我們要把這個960px的寬度縱向劃分為12或者16個區域,請看下方圖示。今天我會選擇12縱向區域,所以每一個縱向區域應該是60px寬,而 且每一個縱向區域的左邊和右邊都有一個10px 的空間,用數學的語言來表達就是: 12*60+24*10=960px, 總和等於我們的頁面寬度-960px。

  也許有人說這第一和第二步我幾乎天天用,還要你教-不要著急,好戲在後面 -一般設計師做完這兩步就要開始設計了,而對真正的高手而言這只是開始。

  三、確定橫向區域,請看下方圖示

  橫向區域的高度通常會比我們字體尺寸略大一點,為什麼呢?因為如果我的字體是14px,橫向區域也台北網頁設計是 14px,那你的字與字的行距會變得很小,讓人沒法正常的閱讀。字的行距對於平面設計和網頁設計有著不同的意思-由於篇幅有限會在將來的文章中繼續探討這 個話題。如果你懂前端(html & css),你可以把橫向區域當作的css中的line-height屬性。經過反復思考,我們這裡會用18px作為我們橫向區域的高度。

  四、確認這個設計中的”域”

  通過對”域”的實現會使我們的網頁布局更合理更美觀,比如通過”域”我們可以大概計算出如何擺放一些頁面中的重要元素。(切記,”域”是起輔助作網路行銷台中用,而不是唯一標准)。



博主好站推薦: 專業RP 3D列印 打樣 逆向工程就找創勤有限公司 樣品 防火漆 油性膨脹型防火泥塗料 水性膨脹型防火漆一定要找好的

没有评论:

发表评论