程式設計師對美工的5大經典牢騷

love_hot_girl發表於2020-04-07
程式設計師
就像貓和狗、該隱和亞伯一樣，程式設計師和美工也是對死對頭。 程式設計師和美工就像來自不同星球的兩種完全不同的人，他們腦袋所關心的事情也完全不同。 程式設計師希望網站執行起來完美，而美工希望網站看起來漂亮。 這次，我們將站在程式設計師的角度看看：程式設計師對美工的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裡建模板不一樣，網站開發不是在一個所見即所得的環境下完成的，相反，程式設計師是通過指定值來決定尺寸、顏色、版式等。

解決方案

這突出顯示了“設計”和“開發”的不同之處。即使美工使用預先設定網格的模板，程式設計師還是不太滿意。讓美工建立一個比較可行的風格指示，顯得尤為重要。這個風格指示就作為美工設計的藍圖以減少雙方的困惑。

特別牢騷: “我不需要美工來告訴我怎麼程式設計！”

有的美工希望程式設計師按照他的方式來做事，也不管這種方式是否可取。

問題

美工來告訴程式設計師該如何如何寫程式碼就跟程式設計師教美工如何設計一樣，讓人覺得難受。但是美工和程式設計師之間的界限還是很小的，有時候一個人包攬了兩個角色。

如果你一定要清楚地界定一個專案的責任者，那麼任何對你決定的猜疑都會讓你無法忍受。 別人可以使用的技術在你看來就不行，而讓你解釋決定又會佔用你寶貴的時間，那麼你就是要美工完全信任你的決定。

解決方案

聽聽美工的看法，你可能無法想得非常周到。我就有好多次是在與美工討論後，美工提出了我沒有想到的解決方案。 無論如何要記住你和美工的共同目的是儘可能創作最好的產品。保持一個開放的心態和冷靜的頭腦，是不會錯的。

相關文章