作者aceone ()
看板Web_Design
標題Re: [問題] 請問"網頁美工"在做什麼@@?
時間Sun Sep 30 15:00:53 2007
前陣子接了個jsp網頁的美化case...
一邊灌tomcat一邊研究jve時，我也有相同的疑問，
因為...我是網頁美工<囧>
一般對網頁美工跟程式的界定不明顯吧，
我個人的認知大概是這樣：
A.只做平面的網頁美工
工作範圍幾乎只在美工軟體內，在PS裡把圖檔切片→輸出成"網頁"，
用WYSIWYG軟體設連結之類的，常做出擁有亂七八糟原始碼的靜態網站。
也有只做版型設計的，負責做分好layer的PSD檔。
B.XHTML+CSS的網頁美工
包含平面的部分，但是做好版型之後是用手工打造XHTML+CSS，
整個作好再拿給程式塞程式碼，可能懂一點點javascript，
也可以套用、修改寫好的動態效果，
如前陣子很紅的lightbox，或利用DW CS3內建的Spry組件。
這個等級的也可以做架站軟體的套版，或對已經塞好程式的網站做美化。
C.真‧程式設計的網頁美工
了解許多網頁程式，如PHP、JSP、ASP，
在做網頁設計時也會做前端互動效果，如Ajax特效，
比較誇張的就連樣板都幫你拆好，配合的程式設計可能只需要做後端的部分。
(嗯，這我比較不確定，因為還沒踏入程式設計的思考領域XD)
A、B、C三種跟程式配合的方式不同。
以B來說，可以做好網頁再拿給程設，也可以等網站寫好再套版。
但大部分的程式設計都會等美工先把頁面做出來，
否則先寫好網頁也不免會介入美工部分。
(譬如說，已經分割好的table，只能在td裡設計背景影像...囧)
其實我比較建議，先美工後程式，
因為程式也許可以有能力把很亂的原始碼整理好，
純視覺設計出身的美工去美化已經做好的網站會比較辛苦，
設計也會比較缺少發揮的空間。
※引述《kewl (痴)》之銘言：
: ( 原文恕刪 )
: 其實我也有類似的問題，
: 關於做網站設計我雖不算老手，但也算自我摸索了一段時間了
: 由於沒有什麼正規的訓練或是課程教學，
: 都是看書自學，很多專有名詞雖然看的懂，但也不知道理解的正不正確
: 前陣子，板上密集的討論了 CSS + DIV 還有 Table 排版
: 美工跟程式設計的人各有看法，也各有人支持
: 但是我真的不是很懂美工真正在網頁設計裡面的 "工作時間" 是什麼時候呢
: 是在程式設計之前 ? 之後 ? 還是交錯進行呢 ?
: 雖說網頁設計現在都把程式跟版面分開來設計
: 這點我知道，我目前手邊也在進行一個網站的設計
: 是動態網頁，程式跟 CSS 也是分開寫，
: 但是是先把 DIV 用 CSS 排好版型
: 然後邊做程式編寫，邊看有哪邊的 CSS 需要做調整，
: 甚至有時候因為效果需求需要用到一些動態的效果，比方說用 javascript 去控制 css
: 來產生一些滑動選單之類的，
: 可是這樣一來，美工到底要如何才真的可以跟程式分開兩個不同的人來進行
: 由於我一直以來都是自己包辦，所以對這部分不太了解
: 但是目前的網站設計程式量很龐大，實在有些吃不消
: 想試著分開做，卻又不知道這中間要如何切割
: 想趁此一問，希望版上眾多前輩高手不吝指導，謝謝 :)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.71.192.161
※ 編輯: aceone 來自: 219.71.192.161 (09/30 15:08)
1F：→ TonyQ:C已經做到UI層了 , 應該是沒切到這麼深入才是... 09/30 15:15
2F：→ aceone:所以說是真‧程式設計，可以說是程設包辦美工的意思啦 09/30 15:18
3F：推 kewl:多謝兩位的說明啦，收穫斐淺 :) 09/30 15:32
4F：→ kewl:不過真有 "C" 這類的純美工嗎 感覺那樣已有能力自己cover 09/30 15:34
5F：→ kewl:整個網站了 09/30 15:35
6F：→ aceone:我想應該有吧，不是不少程設都有在兼美工嗎? 09/30 15:50
7F：→ aceone:不過版面美觀程度可能是A>B>C :P 09/30 15:52
8F：推 takumi412:我現在是B/C之間, 視覺的要求我覺得還是要By Case看, 09/30 16:20
9F：→ takumi412:不見A就一定好看, C就一定很工程樣...兩者的災難我都看 09/30 16:21
10F：→ takumi412:過啊.....(煙) 09/30 16:22
11F：→ aceone:噗~樓上也說的是，不過看原始碼大概就會猜的出來A、B、C 09/30 16:45
12F：推 takumi412:這倒是, 絕大部分的A, 其原始碼都是很程式化的, 這也是 09/30 18:16
13F：→ takumi412:我存在的價值, 既要能程式化, 也要保留住視覺的苦心~ 09/30 18:17
14F：→ takumi412: 很難程式化 09/30 18:18
15F：→ aceone:t大講的沒錯啦，現在的環境只會做靜態的好像會混不下去... 10/01 02:49
16F：→ aceone:但是美工涉足程式，也會壓縮到做純視覺設計的時間吧，要兼 10/01 02:50
17F：→ aceone:顧的話，兩邊功力都要很強才不會累的要死啊... 10/01 02:53