方格精選

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

更新於 2020/07/09閱讀時間約 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:kyledesign312@gmail.com 詢問。
第一篇介面設計相關文章,就先以分享資源為主。日後會再陸續分享自己在介面設計中打滾當邊緣人的心得和資源分享,如果覺得喜歡可以按下愛心,將這篇文章分享給需要的朋友。
為什麼會看到廣告
avatar-img
187會員
35內容數
以分享自己的設計經驗為主。經歷創意行銷公司、外商到新創軟體公司。同時分享正職以外的時間如何接案增加收入並管理自己的時間精進專業能力
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
阿揪西放送的老朋友們應該知道,今年我剛結束了一段大齡留學生活。這段時間偶爾有網友私訊詢問學校申請、開銷和準備流程等問題,我也樂於分享各種細節。其中常提到的建議之一就是:開通一個便捷的網銀帳戶。
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
UI UX設計是什麼?設計新手還在擔心搞不懂這個問題嗎?快跟著我們一起從頭開始掌握UI UX設計原理、關鍵要素和核心原則!一步步教你學會UI和UX設計步驟和重點技巧,用軟體工具來高效完成UI UX設計工作!想又快又好地做完UI UX設計?別錯過我們的全面教程!
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經
Thumbnail
【高雄】軟裝設計推薦-【好書推薦】軟裝設計師的 8 本口袋書單 近幾年軟裝設計師一職在台灣非常夯,也因為房價居高不下,讓「重軟裝,輕裝修」的概念興起,如果你也對軟裝設計有興趣,本篇Channel Deco伽宜諾居家風格不私藏 𝟖 本口袋書單,帶你建立最全面的軟裝知識! 誰適合閱讀?
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
阿揪西放送的老朋友們應該知道,今年我剛結束了一段大齡留學生活。這段時間偶爾有網友私訊詢問學校申請、開銷和準備流程等問題,我也樂於分享各種細節。其中常提到的建議之一就是:開通一個便捷的網銀帳戶。
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
UI UX設計是什麼?設計新手還在擔心搞不懂這個問題嗎?快跟著我們一起從頭開始掌握UI UX設計原理、關鍵要素和核心原則!一步步教你學會UI和UX設計步驟和重點技巧,用軟體工具來高效完成UI UX設計工作!想又快又好地做完UI UX設計?別錯過我們的全面教程!
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經
Thumbnail
【高雄】軟裝設計推薦-【好書推薦】軟裝設計師的 8 本口袋書單 近幾年軟裝設計師一職在台灣非常夯,也因為房價居高不下,讓「重軟裝,輕裝修」的概念興起,如果你也對軟裝設計有興趣,本篇Channel Deco伽宜諾居家風格不私藏 𝟖 本口袋書單,帶你建立最全面的軟裝知識! 誰適合閱讀?