[UI容易犯的錯誤]如何成為高級 UI 設計師,高級 UI 設計師一眼可以看出你的破綻,UI自學必看

記得我剛踏入 UI 設計這行的時候，也常容易犯錯很多小細節，而且我覺得做為UI真的除了配合設計美感之外,也要了解圖層的結構和圖檔的命名以及網頁和手機規範等等都是非常重要的，加上我覺得做為網頁UI的圖層架構不會像遊戲設計的那麼華麗與複雜，所以在很多UI介面上，遊戲的UI技術會較高許多，也漂亮許多更無法被人家容易抄襲和模仿，在這些初學者剛進入UI設計師的路程,我有一些經驗要講:

1.UI 容易犯的錯誤-忘記打包文件

UI容易犯的錯誤最常發生就是通常我在打包文件,我會給一張完稿圖(設計示意圖),完整尺標標線圖,其他切完的圖(png.jpg….等等)
很多設計師,都會遺漏這個icon要切圖，又或者是在做hover時忘記把變化的icon也忘記切出來，導致會一點設計得前端還要幫你處理圖片，這個我就有遇過以前公司的前端抱怨，因為公司的前端非常厲害，會設計又會寫代碼，但是因為他的UI老是遺漏效果的圖片掉東掉
西，導致於他每次都要自己變成美工弄圖片的私下抱怨，所以作品交出去前，一定要再三檢查有沒有遺漏，當然前端其實也義務跟UI提要求的，但是因為UI妹妹年紀太青怕被念哭跑，所以前端默默的…..變美工了。

2.UI 容易犯的錯誤-PSD檔案的圖層結構亂七八糟，看不懂圖層結構命名亂七八糟

沒錯!這點真的讓我覺得，如果要看一個是不是很高階UI，通常面試作品我會先看他的原始檔案PSD圖層整理
因為我覺得不管圖片做得多美，但是如果圖層亂到連自己都找不到，甚至會整理自己圖片順序，命名很整齊有規範和群組結構，不管是幾年前的檔案拿出來改，
都還是可以一目了然圖層結構，切圖的時候也不會切得亂七八糟。
456
做圖的時候一定要保持要有命名習慣

以前我也會下載國外的UI模板，來研究國外的人怎麼做設計命名，非常易懂，因為國外都使用英文我覺得真的很方便，切圖命名可以很快轉換為前端使用的圖片規範，但是我們使用中文的話，(順便學英文)也是可以把群組寫文中文，其他圖片可以寫小寫英文，也方便。
切圖命名，盡量不要覺得麻煩改圖層黨名，在圖層數量較少的時候可以使用直接選擇工具來選擇圖層，但是一旦做網頁版圖層很多，甚至500-600多層，要找到一個特定圖層可能就會變得困難了，對每一個圖層進行精確命名可以有效防止混亂，說真的我很討厭看到UI容易犯的錯誤UI還命名“圖層1 副本”或是矩形 1.2.3之類這種”哀…看到這種命名圖層真的要把你踢出去了。必竟如果之後是做到大遊戲的專案，這樣的命名真的會找死!!!!找到隔天都找不到的!!!
圖片做完要有習慣群組分類或是標記顏色等等，這樣找網頁的區塊就可以直接找到馬上改。

3.UI 容易犯的錯誤-智能參考線與輔助線對齊,字體或是圖標大小才會整齊

56789
對齊的基本方法就是使用參考線做設計，對齊網格，對齊每一個像素，因為一個像素還是會影響整體美觀
有些人做的圖看起來就是哪裡不對，就是因為不整齊的一個小小錯誤，就會影響全部，善用於對齊功能，還有字體在設定大小時，在做手稿的時候就要有規範定義出來，之前有檢查到一個UI的圖檢查到1PX顏色不一樣我就退回去，請看我的圖解說明，一像素的差別，甚至我覺得很多高端的UI也會犯錯，我有遇過一個很高端的大陸設計師，他不只在知名店商工作還自己開公司，他說，連這一像素都是很重要的，你以為縮小就看不出來嗎，當你放大做到每個像素都是要求高規格的，那麼你的圖就會很完美很漂亮，因為我很要求連1PX都無法放過的高規格，所以我們做圖一定要放大放大大看放大檢察!!!

4.UI 容易犯的錯誤-刪除不必要的圖層

說到外行人，他們總是看到輸出jpg檔案是多麼光鮮亮麗，但是碰到我這個檢察官，看到PSD檔案覺得下地獄
UI容易犯的錯誤：我有時候看到命名亂七八糟，又一推空白圖，真的覺得這個人一定超懶，又不細心，因為總是會看到部分UI會有一些怪圖層在上面，用不到的圖層，或是破碎圖片(修圖一半不知道是要幹嘛的?甚至還有整張圖片的臉是破掉的…….)沒用掉也沒刪除，而且多餘圖層會讓文件檔案變大許多，導致打開速度變慢。

5.UI 容易犯的錯誤-不要亂拉圖片,導致變型或是失真

能夠以矢量圖是最好的，並且在變形操作時保持其比例
請按Command + T (MAC)或是CRTL+T (Ctrl T,Free Transform in Photoshop) 出現了變型框框後按住Shft一起拉，避免出現變形，甚至建議不是矢量圖的話不要過度放大到置失真。

以上這幾點是我覺得滿重要的幾點要注意，給新手UI的建議，在菜也要裝高手UI不會犯的錯!!!!