Web_Design 板


LINE

前阵子接了个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







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:WOW站内搜寻

TOP