編輯嚴選

自學介面設計及Sketch資源分享

閱讀時間約 5 分鐘
這篇文章會分享我平常關注的設計資訊來源以及淺談當初是如何自學Sketch,把自己當初從平面設計轉到介面設計時所收集的一些資源分享在這篇文章中,提供給初學及入門的人參考。
孤獨的自學者

介面設計神器:Sketch

如果有學過Adobe相關的軟體,要入門Sketch我覺得基本上是很好跨過去的門檻,一些基礎的概念或是快捷鍵其實大同小異。
  1. 官網將Sketch軟體下載,碰到的問題可以在官方文件找到答案。如果你是一個軟體新手,從這份文件裡面其實按造他的分類,是能夠一步一步的理解Sketch。(當然Sketch最大的缺點就是只有支援Mac。)英文苦手可以透過這個中文化網站查看教學,但因為整個軟體都是英文,所以從英文學習可以減少翻譯上的問題。
  2. 介面設計火紅一陣子的 UI Design Challenge,當你申請後,每天都會寄一個主題到你的信箱,持續100天,這時候的重點在於熟悉軟體和對介面設計的敏感度,還不用特地的去思考流程之類的心法,尤其在如果你也是上班族每天回家之後時間不多的情況下。
  3. 不停地練習、不停地練習,與此同時參考以下幾個網站內的設計風格,理解目前趨勢以及各個大神的作品:DribbbleBehance。如果真的卡關沒想法,可以從 Collect UI 參考其他人的設計。
  4. 如果在這期間中碰到了Sketch問題,可透過介面設計的社團(如:Taiwan UI/UX Designers)或是優設網來尋找解答,尤其優設網內有很多實用技巧和實戰經驗分享,當然也歡迎在這邊留言或是我的Facebook詢問。

不停地閱讀和思考提升介面設計心法

UI Challenge 不用到100天,大約到三分之一甚至是一半時,我相信你對軟體的熟悉度就會有一定的基礎了,這時候可以開始進階到介面設計的內功部分。以下介紹我平時是從哪邊吸取日月精華。
可取得設計最新資訊的 Chrome外掛 “Muzli
  1. Muzli:這個由Invision團隊所開發的Chrome外掛,可以讓你每次打開新分頁都會出現所有精選熱門的設計資訊網站上的最新消息,你也可以自訂要顯示哪些,小小的缺點是只能篩選他自己幫你準備好的網站,但他們所準備的網站基本上已經都是設計大站了。
  2. 優設網:剛剛已經分享過的優設網,上面有非常多豐富的設計資訊和素材分享,完全就是一本設計葵花寶典,只要打開網站,稍後閱讀的文章就會新增一大堆。
  3. AAPD:剛開始接觸介面設計的時候一直覺得台灣幾乎沒有資源,能看到收集資源的網站也非常少,雖然AAPD現在是Medium上的出版專題,但已經是我認為在台灣可以得到很多資訊和好文章的平台了,期待有一天會成為台灣UIUX的最大資訊平台。
  4. 創誌:各種專業實戰文,偏向使用者研究的文章居多,有時候比較偏生硬。
  5. Taiwan UI/UX Designers 臉書社團:比較多是可以看到一些介面設計相關的活動或是職缺。有時候可以看到別人的發文和大神們的回答可以長知識。
  6. UX四神湯:同樣也是Medium上面的出版專題,很特別的是她們是由四個目前都在海外工作的設計師分享自身經驗,可以看到不同國家的做事方式和執行經驗。
  7. 嫁給RD的UI Designer:這是我很早期就在追蹤的介面設計前輩的部落格,很多實用的介面設計攻略,可以在這邊提升很多等級,以致她後來開介面設計課時我有去上過,我個人是蠻推薦的,以一個完全不懂的人,到他的課程裡可以學到很多介面設計該有的Mindset。
  8. Feedly:這就不是設計知識的資源了,但這是我個人收集各大網站的RSS訂閱氣,介面很清爽,可以輕鬆把各大網站都在這邊管理訂閱,可以一次看到每天最新的設計文章。而且還有App可以使用,在通勤時的閱讀好夥伴!
資訊收集平台:Feedly

系統性地學習

以上的學習算是一個很零碎的方式,資訊和教學文章散落各地,無法像一本教學書,或是教學課程提供有系統性地教學。如果你是一個需要有人督促,或是更需較有規劃的方式學習的話,以下也提供幾個學習管道。
  1. Hahow:台灣現在的線上課程指標網站,上面除了介面設計還有各式各樣能夠在網路上學習的專業技能,主要都以非常基礎的課程為主,缺點是只要不夠有毅力,很容易課沒上完就忘了這件事
  2. UXabc:專業專業再專業的介面設計學習機構,能夠帶領你穩紮穩打的學習介面設計的內外功,課程優秀之外教室環境還很舒服,如果有預算,很推薦可以到這裡學習。他們的Medium也會不定時的發布設計文章供大家補血。
  3. 嫁給RD的UI Designer:如同我上面所介紹的,課程內容可以提升自己在介面設計上的心法,而不淪為軟體技工,但課程內容不定時發布,可能需要自行去追蹤最新消息。
  4. 我自己:厚起臉皮毛遂自薦,其實我平常都有在接家教的一對一教學課程,算起來好像也教過不少,Sketch、illustrator及html, css。有些人會好奇為什麼這麼多免費資源還會家教,以我目前教過的學生告訴我的有幾個答案,一是靠自己自學不夠堅定,二是需要有人幫忙規劃,最後則是直接有導師可一同討論和解答減少時間成本。如果有興趣歡迎 Email:[email protected] 詢問。
第一篇介面設計相關文章,就先以分享資源為主。日後會再陸續分享自己在介面設計中打滾當邊緣人的心得和資源分享,如果覺得喜歡可以按下愛心,將這篇文章分享給需要的朋友。
為什麼會看到廣告
175會員
34內容數
以分享自己的設計經驗為主。經歷創意行銷公司、外商到新創軟體公司。同時分享正職以外的時間如何接案增加收入並管理自己的時間精進專業能力
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
Thumbnail
2024-06-21
91
好設計,4個法則就夠了:頂尖設計師教你學平面設計,一次精通字型、色彩、版面編排的超實用原則──長銷20年超經典設計書,Amazon「藝術設計類」風雲暢銷榜── 建構設計邏輯 × 培養設計思維 × 學習設計觀察 × 精進設計技巧 將概念變成設計,將構圖變成訊息 掌握4大法則,人人都可鍛鍊自己的設計基本功! ★平面設計師 廖韡 精選設計範例,演繹4大法則設計美學★
Thumbnail
2021-04-02
4
「自學排版設計」需要買書嗎?這世界上無所不在的設計。要自學版面設計,書不是必要,「知道自己要做出什麼東西」才是絕對必要的東西,而「認識軟體」只是這個必要的其中一項而已。
Thumbnail
2020-12-10
12
網頁設計可以自學嗎?一直以來對於電腦的程式設計都很感興趣 雖然不是本科系 但前陣子突然想開始自學看看 但發現⋯根本行不通啊!!! 剛好朋友想架設新的網站 我就自告奮勇想說給我試試看 想說可以幫他設計一些簡單的網頁設計 簡單排排版之類的 結果發現我太菜了學的都很基礎 做出來的東西根本不能端上檯面 但這種事情一回生二回熟嗎
2020-11-13
4
介面設計師與視覺設計師應該如何分工協作?【介面設計師與視覺設計師應該如何分工協作?】 你知道介面設計師與視覺設計師,在共同負責一個專案的時候,都是如何協作的嗎? 即使同樣都是為產品外觀所把關的設計師,但所負責的部分卻是大不相同喔!🧐 想知道介面設計與視覺設計互相合作的眉眉角角?趕快點進文章來看看吧!
Thumbnail
2020-06-01
5
迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
Thumbnail
2024-06-21
91
好設計,4個法則就夠了:頂尖設計師教你學平面設計,一次精通字型、色彩、版面編排的超實用原則──長銷20年超經典設計書,Amazon「藝術設計類」風雲暢銷榜── 建構設計邏輯 × 培養設計思維 × 學習設計觀察 × 精進設計技巧 將概念變成設計,將構圖變成訊息 掌握4大法則,人人都可鍛鍊自己的設計基本功! ★平面設計師 廖韡 精選設計範例,演繹4大法則設計美學★
Thumbnail
2021-04-02
4
「自學排版設計」需要買書嗎?這世界上無所不在的設計。要自學版面設計,書不是必要,「知道自己要做出什麼東西」才是絕對必要的東西,而「認識軟體」只是這個必要的其中一項而已。
Thumbnail
2020-12-10
12
網頁設計可以自學嗎?一直以來對於電腦的程式設計都很感興趣 雖然不是本科系 但前陣子突然想開始自學看看 但發現⋯根本行不通啊!!! 剛好朋友想架設新的網站 我就自告奮勇想說給我試試看 想說可以幫他設計一些簡單的網頁設計 簡單排排版之類的 結果發現我太菜了學的都很基礎 做出來的東西根本不能端上檯面 但這種事情一回生二回熟嗎
2020-11-13
4
介面設計師與視覺設計師應該如何分工協作?【介面設計師與視覺設計師應該如何分工協作?】 你知道介面設計師與視覺設計師,在共同負責一個專案的時候,都是如何協作的嗎? 即使同樣都是為產品外觀所把關的設計師,但所負責的部分卻是大不相同喔!🧐 想知道介面設計與視覺設計互相合作的眉眉角角?趕快點進文章來看看吧!
Thumbnail
2020-06-01
5