2015年10月18日星期日

網頁設計中的數學運用



  一、確定頁面寬度

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

  第一步已經完成了,我們進入第二步。

  二、劃分區域

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

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

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

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

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



博主好站推薦:氬焊機,陽極處理,團體制服,團體制服

没有评论:

发表评论