為什麼Erin設計的網站會有質感？

首先，質感是什麼？質感是很多設計細節調整的加總。

設計師發現設計瑕疵

一個專業的設計師，會很快 地看到設計上的瑕疵，例如：背景不夠乾淨、顏色對比不夠、字體樣式不利閱讀、設計元素之間沒有一個像素不差地對齊、連結類物件（按鈕、超連結等等）顏色不 一致、元素沒有100%置中等等… 只要是受過專業訓練或經驗豐富的設計師，應該都可以很快發現以上的問題，進而提出解決的建議。

前端程式開發工程師幫忙「解決」設計瑕疵

難道是像PhotoShop一樣，把物件直接移來移去就好了嗎？
當然不是…
有些項目，可以透過模板主題提供的設定介面來修改，但通常仍有非常多的項目，無法透過簡單的設定來達成，只好藉由前端工程師的輔助，以HTML,CSS,JavaScript,和基礎的PHP程式來修改。

一般設計師與前端開發工程師之間的合作

在我過去工作的經驗中，不難發現，身旁的專業設計師，通常都是感性派，視覺設計能力都非常好，沒話說！
同時，身旁的前端程式開發師，寫程式的人，通常比較理性派，分析邏輯能力好，也沒話說！
但是，就我身旁看過的例子來說，設計師通常很不喜歡也不太會寫程式… 程式設計師，通常也不太具有設計能力。
因此一般來說，在公司裡面，這兩種人之間的溝通能力和專業能力一樣重要，他們若是都有『很好的個性願意彼此有效率的溝通』、『透過長期合作培養默契』，那經由『來回的修改』，就可以達到設計師所要求的「質感」。這些要素缺少任何一項，質感就會差那麼一點點…

一個設計師與前端開發工程師的集合

我自己本身從教育與工作的經歷中，很快的其實就發現了上面的問題，所以在我進入職場的第二年（大約快10年前），我就已經默默決定想做個能同時兼具設計能力與前 端程式開發的人。現在，我也不敢說自己是設計和前端開發都100分，也許各有個70分，但也對有效率的提升網頁質感這件事，非常的有幫助！減少了兩個人之間的溝通，避免掉溝通不良的變數，減少了溝通的時間。

舉個例子來說：常常有設計師得來回的跟工程師說，請幫我把按鈕往上移3個像素、請幫我把選單和LOGO置中對齊，請幫我把每個文字段落間加多10個像素的距離等等… 好多好多要調整的地方，設計師用說的，工程師不一定懂，可能要加上畫出來，等大家都彼此了解意思，工程師一改好，設計師可能又發現哪裡沒改對…工程師再修改… 這時，一個會設計也會修改的人早就都完成了…

這裡也提供大家一些小技巧，我在設計＋前端程式開發的過程中，常常會利用的工具像是Firefox的Firebug, Web Developer Toolbar, Browser Ruler, Browser Color Picker. 透過這些工具，我可以很快的找到我要的顏色代碼、看是否有完全對齊、再利用Firebug直接修改HTML和CSS，一邊改一邊直接看到網頁修改後的樣子，最後看起來都滿意之後，才把要需要修改的程式一一改進WordPress的主題模板裡。

這些是我每次幫業主套版之後，會在每一頁不斷重複的工作，先審查哪裡有設計瑕疵、哪裡可以提升質感、直接利用工具修改和預覽程式碼、改到主題模板裡… 最後，才是我認為比較有質感的網站。

只要能做出質感，兩種方式都好

其實，就像我前面說的，若是能集合兩個100分的設計師與前端工程師，完美的溝通與搭配下，做出來的質感一定會比Erin還更好！我相信我自己還是有很大的進步空間的！最終，還是回到，您比較喜歡哪個設計團隊的設計感與價錢的考量等等。

Erin在美國十幾年的網頁設計經驗，造就了國際化的視野，喜歡設計簡單、乾淨、舒服、好用的網站。假如您也喜歡，非常歡迎您與我們聯絡。但假如您喜歡比較多網頁插圖、裝飾、偏日系風格，那也許我們就不是那麼適合您。

不論您是在尋找設計團隊、自己學習製作網站，希望這些內容對大家有幫助，祝大家找到適合您們的設計團隊，學習之路順利！有什麼問題都歡迎您與我們聯絡！