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