|
|
就像貓和狗、該隱和亞伯一樣，程序員和美工也是對(duì)死對(duì)頭。程序員和美工就像來自不同星球的兩種完全不同的人，他們腦袋所關(guān)心的事情也完全不同。 程序員希望網(wǎng)站運(yùn)行起來完美，而美工希望網(wǎng)站看起來漂亮。 這次，我們將站在程序員的角度看看：程序員對(duì)美工的5個(gè)經(jīng)典牢騷。
牢騷1: 為什么美工設(shè)計(jì)所有東西都喜歡用Flash？！
網(wǎng)站只需要很簡(jiǎn)單的按鈕和一些文本就行了，但是美工卻堅(jiān)持要使用flash，就算加載的時(shí)間都是原來的三倍也不管。
問題
對(duì)于有些美工來說，單純使用web技術(shù)（HTML、CSS、JavaScript）來建網(wǎng)頁的話，就好像把他的創(chuàng)新帶進(jìn)了死胡同。這些技術(shù)限制了 他們的創(chuàng)造性，不得不依靠程序員來實(shí)現(xiàn)他們的想法。Flash給了美工無限創(chuàng)作的可能，使得他們（特別是熟悉ActionScript的美工）能夠掌控最終的產(chǎn)品。美工可以用Flash來選擇任何 typography、tilt、skew元素，還可以增加動(dòng)畫和創(chuàng)造用HTML無法達(dá)到的特殊效果。
解決方案
程序員要首先問問自己：這個(gè)問題最好的技術(shù)解決方案是什么？，是單純的Web技術(shù)還是Flash。心態(tài)一定要開放，這很重要。然后決定到底哪種技術(shù)是最好的解決方案，跟美工坐下來好好溝通，就項(xiàng)目需要用到的技術(shù)和設(shè)計(jì)列份清單。比如說，研究頁面是否需要迅速加載，是否需要使用特定的字體來滿足營(yíng)銷目的，是否需要?jiǎng)赢嫷取；卮鹜赀@些問題后，你就可以很好地權(quán)衡是否需要使用 Flash。
如果可以，讓美工也了解下JavaScript框架，如Dojo和jQuery ，也是一個(gè)不錯(cuò)的主意。他們可能沒有意識(shí)到用AJAX和DHTML可以達(dá)到一些特殊效果。
牢騷2：美工到底有沒有聽說過HTML CSS啊？！
美工用Photoshop很好地完成設(shè)計(jì)，可是這和網(wǎng)站上實(shí)現(xiàn)的方式卻有很大不同。
問題
有些美工完全忽視最基本的Web技術(shù)，導(dǎo)致設(shè)計(jì)無法實(shí)現(xiàn)或相當(dāng)難在Web上實(shí)現(xiàn)，排版對(duì)圖片的依賴性過大，造成用戶體驗(yàn)欠佳。
解決方案
CSS作為網(wǎng)站設(shè)計(jì)的語言，作為參與網(wǎng)站制作的美工沒有理由不了解下CSS的基礎(chǔ)知識(shí)。就像我不知道龐大的印刷機(jī)是如何運(yùn)作的，但是我得了解套印、半色調(diào)、綠紅黃黑四種標(biāo)準(zhǔn)顏色。如果想要讓我設(shè)計(jì)的作品能達(dá)到最佳效果，我得了解印刷的基本知識(shí)。網(wǎng)頁的設(shè)計(jì)也是一樣的道理。美工無需知道服務(wù)器是如何運(yùn)作的，但是得對(duì)行高、填充、背景 圖像以及網(wǎng)站制作過程中的其他因素要有一定的了解。
牢騷3：美工給我發(fā)的PSD文件里面有5萬個(gè)未命名圖層也沒有用任何文件夾分開！
下載完50MB的PS文件后，等了五分鐘總算打開了，開始找個(gè)簡(jiǎn)單的按鈕背景，卻被這毫無順序的圖層給弄暈了。
問題
程序員需要有序地組織文檔，否則會(huì)造成程序的失效。對(duì)于美工來說，只要圖片在Photoshop窗口上看起來不錯(cuò)就可以了，但是，對(duì)于程序員來說，他是面向?qū)ο缶幊痰模a需要有邏輯性。因此，這種毫無順序的圖層對(duì)程序員來說簡(jiǎn)直就如噩夢(mèng)一般。
解決方案
其實(shí)，不單單是程序員對(duì)這些無組織的PSD文件感到頭疼。作為一個(gè)創(chuàng)意總監(jiān)，我也時(shí)常退回那些無序的PSD文件，讓美工重新組織和整理好圖層。出現(xiàn)這個(gè)問題，要盡快告訴美工，明確告知他你需要一個(gè)清楚明了的文件。如果不能跟他說（或者美工就是頑固不化），要查找對(duì)象的圖層，只需在視窗中按住Ctrl鍵并點(diǎn)擊對(duì)象就可以了，并用移動(dòng)工具移動(dòng)（快捷鍵是V）。 光標(biāo)所在的所有圖層和圖層組的背景菜單都會(huì)顯示出來。選擇你需要的圖層，如果圖層調(diào)色板是打開的，會(huì)突出顯示正確的圖層。
我強(qiáng)烈建議美工學(xué)學(xué)Photoshop的智能對(duì)象（Smart Objects）功能。它可以把對(duì)象的各個(gè)圖層（比如，包含按鈕的圖層）收集到主PS文件內(nèi)置的一個(gè)獨(dú)立文件里。 智能對(duì)象的使用也非常簡(jiǎn)單，有下面幾個(gè)優(yōu)點(diǎn)：
· 創(chuàng)建了一個(gè)面向?qū)ο蟮腜S文件，并且重復(fù)的元素都有統(tǒng)一的標(biāo)識(shí)。
· 無需圖層技術(shù)，輸出的內(nèi)容可以直接在Web上使用。
· 它減少了PSD文件中圖層的數(shù)量，因此圖層組織起來更容易。
牢騷4：美工沒有針對(duì)實(shí)際的圖形做調(diào)整！
我們使用的是內(nèi)容管理系統(tǒng)，用戶在客戶端完全控制所使用的內(nèi)容。美工設(shè)計(jì)的模板經(jīng)常標(biāo)題只能顯示一行，而文本內(nèi)容只能有一段。
美工希望模塊有個(gè)均衡的高和列寬，但是程序員又無法知道這個(gè)模塊需要填充多少內(nèi)容。
問題
在網(wǎng)站最后提交之前，使用虛擬內(nèi)容來建站，這一方法可以說是歷史悠久。但是，由于不是真正的內(nèi)容，可能會(huì)導(dǎo)致美工最終做出的設(shè)計(jì)不是很讓人滿意。
解決方案
美工設(shè)計(jì)的作品是靜態(tài)的，但是實(shí)際網(wǎng)頁的內(nèi)容是動(dòng)態(tài)的。美工需要認(rèn)識(shí)到這一點(diǎn)，并考慮到一切所有可能出現(xiàn)的情形。這也是讓美工制作靜態(tài)頁面的一個(gè)主要缺陷，畢竟內(nèi)容不是真實(shí)的。我覺得限定下顯示標(biāo)題等元素區(qū)域的高度是有必要的。這將有助于你在最后的設(shè)計(jì)中確認(rèn)它們需要占用多少空間。
牢騷5: 美工讓我來猜他作品的風(fēng)格！
美工沒做任何解釋把作品交給程序員，讓程序員自己選擇字體、行高、顏色、寬度、填充、邊框等。
問題
跟在Photoshop里建模板不一樣，網(wǎng)站開發(fā)不是在一個(gè)所見即所得的環(huán)境下完成的，相反，程序員是通過指定值來決定尺寸、顏色、版式等。
解決方案
這突出顯示了設(shè)計(jì)和開發(fā)的不同之處。即使美工使用預(yù)先設(shè)定網(wǎng)格的模板，程序員還是不太滿意。讓美工創(chuàng)建一個(gè)比較可行的風(fēng)格指示，顯得尤為重要。這個(gè)風(fēng)格指示就作為美工設(shè)計(jì)的藍(lán)圖以減少雙方的困惑。
特別牢騷: 我不需要美工來告訴我怎么編程！
有的美工希望程序員按照他的方式來做事，也不管這種方式是否可取。
問題
美工來告訴程序員該如何如何寫代碼就跟程序員教美工如何設(shè)計(jì)一樣，讓人覺得難受。但是美工和程序員之間的界限還是很小的，有時(shí)候一個(gè)人包攬了兩個(gè)角色。
如果你一定要清楚地界定一個(gè)項(xiàng)目的責(zé)任者，那么任何對(duì)你決定的猜疑都會(huì)讓你無法忍受。 別人可以使用的技術(shù)在你看來就不行，而讓你解釋決定又會(huì)占用你寶貴的時(shí)間，那么你就是要美工完全信任你的決定。
解決方案
聽聽美工的看法，你可能無法想得非常周到。我就有好多次是在與美工討論后，美工提出了我沒有想到的解決方案。無論如何要記住你和美工的共同目的是盡可能創(chuàng)作最好的產(chǎn)品。保持一個(gè)開放的心態(tài)和冷靜的頭腦，是不會(huì)錯(cuò)的。
原創(chuàng)文章如轉(zhuǎn)載，請(qǐng)注明：轉(zhuǎn)載自體驗(yàn)盒子[ http://www.uedbox.com/ ]
本文鏈接地址：http://www.uedbox.com/2010_07_09/779/programmer-art-complaints.jsp
it知識(shí)庫：程序員對(duì)美工的五大抱怨，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
