iT邦幫忙

DAY 2
1

作個網站吧!系列 第 2

作個網站吧!開始動手前(1)-網頁設計是甚麼?

  • 分享至 

  • xImage
  •  

在真正動手做網站前,我想記錄並釐清一些觀念,
或許不是相當完善,也希望訪客們能給予指教。
在真正動手做網站前,我想記錄並釐清一些觀念,
或許不是相當完善,也希望訪客們能給予指教。

網頁設計設計是什麼?跟平面設計有什麼不同?
對我而言,兩者最大的不同大概有以下三點:

1、靜態與動態
一個完整的網頁設計,不像平面稿一樣把檔案完稿就好,
對使用者的回饋動作,例如hover等提示動作也必須考慮進去,
讓每個物件跟網站整體風格統一。
當然平面稿的搞剛跟網頁設計有得拼⋯回想過去的半夜改稿Orz

2、便於操作與引人深省
網站最主要的目的就是把每個使用者當成第一次光臨的顧客,
想要的資訊一目了然,不用費心研究如何瀏覽;
平面設計則大多是丟出一個中心思想,給觀者觀看->停下來->思考並回饋的機會。

3、資訊流與畫布
資訊流一詞是從Even大大在今年webconf的演講上聽到的,
當下有種「對!就是這個!」的感覺xD。
資訊瀏覽方向跟閱讀左翻書籍類似的從左上而右下流動,
這無形中也決定了部份元件的排列位置,像是Logo幾乎都放在左上最顯眼的位置。
而這裡的畫布意義很廣,不論虛實來說,可以是一張紙、一個Psd檔、或者一面牆,
設計在固定的“畫布”中可以盡情發揮,給設計師較多的自由。
(但電子檔完稿時記得要做出血嘿不然印刷廠會叫你重作)

寫到這裡,突然發現做網站跟編排書籍有點像呢!
雖然紙本書不會動,但電子書總會吧!哈哈⋯

雖然載具作法各不相同,但大原則卻是一樣的:
配色、比例、細節,以及想讓作品更美好的一顆心。
作品被客戶摧殘到很可怕?這種事就先忘了吧~
更重要的是把客戶要的跟自己想的做更好的結合囉。

以上同步發表於http://azzurro.blog.aznc.cc/make_a_website_2/


上一篇
作個網站吧!序
下一篇
作個網站吧!開始動手前(2)-版面草圖
系列文
作個網站吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
SunAllen
iT邦研究生 1 級 ‧ 2013-10-03 21:23:50

沙發

筆記筆記習得不少,讚

0
小內 Caz
iT邦新手 4 級 ‧ 2013-10-06 00:33:28

tpodomoto提到:
資訊流一詞是從Even大大在今年webconf的演講上聽到的

XD
我有看到他FB有po

tpodomoto iT邦新手 4 級 ‧ 2013-10-11 23:57:11 檢舉

Even大大是神人XD!

我要留言

立即登入留言