不管是 UI 介面還是網頁設計人員，在協同工作時一定都會遇到彼此溝通的問題。當視覺設計師將規劃好的版面交給網頁工程師完稿之後，或多或少都會發現呈現的結果與最初設計有所出入。主要的原因還是在於使用工具上的不同，視覺設計師總是使用 Photoshop 或是 Illustrator 工作，所見即所得的特性方便他們快速調整、完成工作；但最終呈現的結果還是得依賴網頁工程師在中使用標籤語法來控制板面的元件呈現的結果。
1.使用 RGB 模式以及使用像素為你的基本單位：
在 Photoshop 或是 Illustrator 中開新工作檔案時，總是會詢問你檔案格式設定，記得在這邊確認使用 RGB 色彩以及使用像素為基本單位，會讓你遭遇更少的困境，當然直接選擇軟體預設給你的設定檔也是個很不錯的主意：
2.記得去軟體基本設定裡面更改你使用的單位格式：
記得去在繪圖軟體的設定中更改你所使用的單位設定，理所當然是選擇像素 (Pixel ) 囉，另外習慣使用鍵盤方向鍵控制物件的設計師，記得也去把鍵盤漸增改成 1 px (Pixel ) 。當然、根據使用習慣跟需求，要更多也是可以的。
3.如果是使用 Illustrator 的設計師，記得將物件靠齊格點並記得輸出圖檔以預覽最終結果
雖然 Photoshop 甚至 Firework 等軟體更適合 UI 界面與網頁製作，但總是有得使用 Illustrator 的情況，這時記得得讓物件切齊像素格點，保持像素的完整，並且預覽時必須輸出圖檔才能確認圖像最終檢視的效果，因為在 Illustrator 中，我們是看不到像素與鋸齒的。
就像與平面設計的工作一樣，平面設計師必須懂得與印刷流程密切的配合、讓自己的設計作品經過印刷與輸出後更符合自己設計時的效果。網頁與 UI 設計師也必須完整的與網頁工程師溝通與合作、建立完整的觀念以及調整工作環境，將設計製作流程的各種變化因素調整到最低。
延伸閱讀：
