設計師和美工之間的合作的幾個訣竅
隨著網(wǎng)頁設計領域的開放,越來越多的設計人員技術(shù)知識非常有限,開發(fā)一個網(wǎng)站似乎成了一件非??膳碌氖虑?。特別是初次與某個美工合作時更是困難重重。這篇文章將給大家提供一些合作的基本竅門,幫助你與美工完美協(xié)作。這里假設大家使用Photoshop,不過不管你使用什么設計工具,以下基本原則都適用。
1.制定一個統(tǒng)一的計劃
俗話說”計劃失敗一切失敗” ,網(wǎng)站的設計和開發(fā)也是如此。創(chuàng)建一個成功的網(wǎng)站,策略是必備的,但更為重要的是要確保美工明白你的期望。 避免這個交流不暢的一個有效方法就是在設計開始前讓美工先預覽你的設計框架。
這是一個非常重要的階段,可以問美工下面的問題: “我們的預算里可以有這個嗎?” 或者”你覺的……會成問題嗎?”
2. 提交完善的網(wǎng)頁設計模型
啟動Photoshop開始設計之前,要注意一些圖形元素。
網(wǎng)格系統(tǒng)
為了確保網(wǎng)站能與所有的解析兼容,使用960px網(wǎng)格系統(tǒng)可以避免在不同的顯示器下網(wǎng)站出現(xiàn)問題。另外,使用網(wǎng)格系統(tǒng)也將給你和美工提供參考,確保你的設計能完美地對齊。使用網(wǎng)格化布局是實現(xiàn)完美設計的最簡單最佳方法,它也為你簡化了設計流程,因為大量的猜測和調(diào)整都從工作流程中消失了。
規(guī)劃網(wǎng)站發(fā)展和變化規(guī)模
這里要注意的一點是,你的網(wǎng)站一旦上線后,其整體布局將非常難改變。無論是客戶有額外的內(nèi)容需要添加還是網(wǎng)站進入到下一個開發(fā)階段,一定要對你的網(wǎng)站將會發(fā)展到什么樣的規(guī)模有一個明確的概念。
如果要添加五個段落的文章,你的布局會受到什么樣的影響?你的導航能否允許添加更多的頁面?在開始與美工工作時,你就需要先確認好這些問題。
有序組織管理圖樣
關于PS文檔一定要組織完善這一點,有很多東西可以說。清晰并有條理地管理你的文檔,這樣美工能夠輕松地找出和分解你的設計??梢酝ㄟ^與網(wǎng)站內(nèi)容相關的命名來分類管理你的文檔。例如,你可能想將設計元素分解為頭部(header)、主要內(nèi)容區(qū)(main content area)、底部(footer)和側(cè)邊欄(sidebar)等?;蛘咭云渌壿嫹绞絹斫o你的圖形分組。
此外,一個組織有序的PS文檔,分隔各個元素時盡可能依據(jù)圖層來處理,否則美工想要單獨使用某個設計時卻發(fā)現(xiàn)它是與另一些元素融合一起的,這會讓美工相當頭疼。
這樣做看起來沒什么,但是你會發(fā)現(xiàn)它將為你省下多少寶貴的開發(fā)時間。
還要說明一下,確保給美工提供網(wǎng)站一旦上線時所有可能需要用到的圖像和鏈接設計。包括導航系統(tǒng)的不同狀態(tài) (正常狀態(tài)和游離狀態(tài))、界面按鈕,如行動召喚按鈕(Call to Action buttons )等。
3. 深入了解用戶界面功能
當設計那些有特殊效果和功能的元素時,花一點時間去找些例子和文獻資料向美工闡述清楚你的想法。
如果你呈現(xiàn)給美工的是靜態(tài)圖片沒有任何標記,美工很可能不會注意到而沒有到達你所期望的效果?;c時間去搜尋一下你要達到什么樣的效果,現(xiàn)在網(wǎng)上有很多關于各種特殊效果和功能這方面的文檔、樣例以及教程。我相信你會有很多意想不到的收獲,至少你也可以受到一點啟發(fā)。
4. 給出反饋意見
開發(fā)人員寫完設計代碼后,還需要你和客戶提出一些修改意見幫助修改。很少有人不經(jīng)過嘗試就可以成功的,現(xiàn)在你的一項任務就是整理出一個明確的修改建議。修改意見應盡可能的具體詳細,避免含糊不清。對修改的次數(shù)和版本做記錄,方便你和開發(fā)人員對版本的控制 。
總結(jié)
花時間精心管理你的文件最終被證明是值得的,作為一個設計師,如果在網(wǎng)站開發(fā)上還算是新手,應該抓住所有學習新事物的機會。有問題,你可以向程序開發(fā)人員咨詢,從自己的錯誤中吸取教訓,確保下一個項目能夠如期的完工,設計能如你所計劃的樣子。
原文: Collaboration Tips for Designers Working with Developers
本文來自:http://www.wordpress.la/collaboration-tips.html
- 目前還沒評論,等你發(fā)揮!