Re: [問題] 請問"網頁美工"在做什麼@@?

[aceone ()]

前陣子接了個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)
→ TonyQ:C已經做到UI層了 , 應該是沒切到這麼深入才是...
→ aceone:所以說是真‧程式設計，可以說是程設包辦美工的意思啦
推 kewl:多謝兩位的說明啦，收穫斐淺 :)
→ kewl:不過真有 "C" 這類的純美工嗎  感覺那樣已有能力自己cover
→ kewl:整個網站了
→ aceone:我想應該有吧，不是不少程設都有在兼美工嗎?
→ aceone:不過版面美觀程度可能是A>B>C :P
推 takumi412:我現在是B/C之間, 視覺的要求我覺得還是要By Case看,
→ takumi412:不見A就一定好看, C就一定很工程樣...兩者的災難我都看
→ takumi412:過啊.....(煙)
→ aceone:噗~樓上也說的是，不過看原始碼大概就會猜的出來A、B、C
推 takumi412:這倒是, 絕大部分的A, 其原始碼都是很程式化的, 這也是
→ takumi412:我存在的價值, 既要能程式化, 也要保留住視覺的苦心~
→ takumi412:                                 很難程式化
→ aceone:t大講的沒錯啦，現在的環境只會做靜態的好像會混不下去...
→ aceone:但是美工涉足程式，也會壓縮到做純視覺設計的時間吧，要兼
→ aceone:顧的話，兩邊功力都要很強才不會累的要死啊...