iT邦幫忙

DAY 5
3

從零開始開發Web應用程式系列 第 5

Web應用程式設計-視覺設計

在進入程式設計階段前,除了html css javascritp之外,就是有關於視覺設計的部分,當然css可以達成部分的作用,但是更深入的必須依靠專業的設計工具,如photoshop fireworks flash等,現在都已整合到adobe的cs5中了.
主要是網頁的底圖、logo的設計、圖片的製作或美化等,這些都不是工能面的部分,因為即使視覺上差的網站,並不代表他的效能或安全性就有問題,那些牽涉到程式設計、權限控管、資料庫存取的議題,是後面的單元才要敘述的,此部分只有談到網站或系統的外觀、和client端的基本互動,另外falsh的部分,是增加的和使用者互動的經驗,呈現出更生動活潑的效果,也有很多時機是拿來做為類似遊戲的效果,或設計成互動式的問卷功能,也可以用在網頁上的banner,讓網站生動一些,但過大的flash會讓網頁呈現時過慢,而client端必須要安裝adobe的flash player,才可觀看,另外flash不僅止於作網頁的美化,因為她是可以和資料庫互動的,因此也有整個網站都用flash作的,或是呈現互動式的線圖、圖表等.
當然上面說到動態網頁的問題,常有使用者以為網頁上flash或有動態圖檔,如gif,簡單的說就是有會動的圖,那就是動態的網頁,其實那不是動態網頁,所謂動態是只有和資料庫互動,而非只單純的呈現給使用者固定的資料,使用者可輸入資料、查詢資料、產生報表、統計資料、運算資料,而這些資料是經由靜態的網頁,執行動作後,如按下按鈕,將頁面上的資料往後端送,以便讓儲存體可以將資料保存下來,當然送的過程中,或者應該說輸入的過程中,就會有資訊安全和效能的問題要考慮,這是另外的議題.
當然視覺設計的技術有很多,上面列出的只是常用的,若想要自己能接案子做,這部分多少都要會,當然可以買相關的書籍練習或研究,練習幾次就多少會一些了,因為往往一個小案子或網站,發案金額可能本來就不高,但若是美工設計方面一點都不知道,而將只要牽涉美工的部分,又都轉包出去,那一個小案子根本就沒利潤而言了,也聽說很多接案的人,都變成多了這項成本,變成賠錢在做了,其實那都是美畫一些圖片,做個banner,網頁的底圖,並非非常複雜的構圖,photoshop fireworks只要會基本的功能都足足有餘了.
另外端看想不想學而已,並非要有先入為主的觀念,就是美工一定不會程式設計,做成式設計的人一定是美工白吃,這都是一般性的法則或觀念,並非就一定真是如此,之所以會這樣分,只是單純的專業分工的問題,但是當想做個自己接案子做的人,成本考量下,當然就不會去分了,因為無論程式設計、視覺設計,都是設計,重點在設計和練習,話說回來,程式設計的結果本來就是一件藝術品,一個專案,本來也就是可以當成是要完成一件藝術品來看.


上一篇
Web應用程式開發-Html Meta
下一篇
Web應用程式開發-Http Status Code
系列文
從零開始開發Web應用程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
krarm
iT邦好手 1 級 ‧ 2011-10-02 08:58:04

markshu提到:
,但是更深入的必須依靠專業的設計工具,如photoshop fireworks flash等,現在都已整合到adobe的cs5中了.
主要是網頁的底圖、logo的設計、圖片的製作或美化等,這些都不是工能面的部分,因為即使視覺上差的網站,並不代表他的效能或安全性就有問題,那些牽涉到...(恕刪)

真的要學的東西太多了

我要留言

立即登入留言