不知道大家在工作中有沒有遇到過這樣的情況:
在一個項目頁面設計里,有時候會不經意地將文字或者圖片左右/上下移動1px-2px而不知,從而導致設計元素間距不一致。
又或者是,一套頁面設計好後,需要修改某個字段的字號大小、某個icon的顏色,大量重複的手動化導致細節的疏忽,最後讓整個項目的樣式都不同。
有沒有一種快捷的方法,可以簡單操作幾步就把所有相似的需求都修改掉,快速產出一套完整的界面設計呢?
國內一線大廠設計師應對這種設計需求的方法是:運用組件化思維,短時間快速完成需求;這也是UI新人提高工作效率的一個設計法則;

組件化思維是通過對功能及視覺表達中元素的拆解、歸納、重組,並基於可被復用的目的,形成的規範化模塊。
它就像組成完整框架的單元體(比如按鈕、導航欄、tab欄等),具有標準規範和可復用場景的基本模塊。
像我們平時說的組件庫,就是利用組件化思維打造,方便我們在實際設計工作中統一設計規範,提升工作效率的:

▲安卓官方組件庫部分截圖
組件化設計的一大優點就是可以很好的整合項目復用元素,無論在視覺端還是開發層面,都可以按組件化進行元素調用,防止重複設計,這樣可以幫助我們節省不少時間,也可以讓設計變得更規範。
比如,同樣的一個卡片設計,可以復用在不同的位置:

組件化還可以幫助建立設計規範,比如一個項目可能需要多人協作完成,尺寸、顏色、邊距等等都需要制定一個標準,方便設計和開發協作,減少多餘的溝通成本。


其實,一套APP界面設計是由不同的組件構建而成,如果掌握了不同組件的設計方法,那麼將這些組件組合起來,一套APP的界面設計相當做出來了,而且後續的修改復用還很方便!
授人以魚不如授人以漁,想做好UI設計師,不如掌握基礎的UI設計思維和技能。
如果你也是剛入行的UI設計師,想在短時間內掌握組件化思維,提升自己的UI設計能力,為大家爭取到前谷歌系團隊UI設計師酸梅干老師的《UI入門·7天完成主流APP界面設計》打卡營,免費帶大家用7個案例學習組件化思維,最後努力產出一整套APP界面設計哦~

7天的時間,老師將會用舉一反三的技巧教大家不同組件的設計方法,如金剛區、瓷片區、電商卡片、個人主頁列表設計、動態卡片設計等,帶領剛入行的新人UI設計師從0到1跨出第一步,努力帶大家產出一套APP的界面設計作品!
只要現在報名打卡營
不僅不收任何學費
還有班主任老師為大家指導作業
↓↓↓

打卡營學習時間:2022.04.19—2022.04.25
打卡營學習內容:

你可以學習什麼內容?
1、組件化思維的學習
課程中,老師會用金剛區、瓷片區、卡片、主頁和列表、等7個案例帶大家學習組件化設計思維,舉一反三掌握UI組件設計的技巧,方便以後運用在實際工作中,提升設計效率;

2、努力帶大家產出一套APP項目設計,積累設計作品
7天的時間,老師將會用舉一反三的技巧教大家不同組件的設計方法,如金剛區、瓷片區、電商卡片、個人主頁列表設計、動態卡片設計等,帶領剛入行的新人UI設計師從0到1跨出第一步,努力帶大家產出一套APP的界面設計作品!

參加打卡營有哪些福利?
1、7天課程學習+作業練習
7天的打卡訓練,用7個練習帶你學習組件化思維,努力完成一套APP界面設計!
並且每節課課後老師會根據課程內容布置一個小作業,一課一學,一學一練,幫大家加深課程印象,掌握實操技法。
2、社群答疑服務+作業點評服務
報名打卡營之後,班主任老師會拉你進打卡營的班級群,全程享受虎課網的帶學服務!
每節課作業做完之後可以發在班級群里找助教老師點評,及時了解自己的實操能力,而且在學習過程中有任何疑問都可以直接諮詢班主任或者助教老師!


▲往期打卡營點評截圖,可放大查看
免費學習UI設計
還有答疑/點評作業服務
掃碼報名 立即參與
↓↓↓

打卡營授課老師是誰?
課程由前谷歌系團隊UI設計師酸梅干老師主講,酸梅干老師是2010年加入奧美大中華區實習,後轉戰互聯網,面向行業和項目類型較廣,擅長各類UI設計。

授課教師
酸梅干超人
原谷歌系團隊UI設計師
#前學霸君設計負責人;
#老師與奧美、中國移動、東方航空等大公司都有過合作,設計經驗豐富,專業度高;
#獨立出版書籍《寫給大家看的UI設計書》、《IPHONE玩家寶典》;
老師部分作品欣賞:






立即掃碼報名
跟着老師免費學習UI設計
↓↓↓

打卡營適合誰學?
1、想入行UI設計、但缺乏作品和行業認知的零基礎新人;
2、想學習組件化設計思維的UI設計師;
3、遇到瓶頸、想提升自己的的設計師;
注意事項
1、想聽課的同學一定要掃碼報名,也方便後續接到服務通知;
2、本套打卡營適合想學UI設計的零基礎新人,不太限制人群,只要你想學習;
3、本套課程是為大家爭取的免費學習福利,機會難得,趁早學習。
註:本文中使用的作品來源於設計師酸梅干超人,未經允許禁止使用。
課程旨在向大家培養興趣,傳授方法,本文中任何關於收入的描述非對教育、培訓的效果作出明示或者暗示的保證性承諾。