Play all audios:
🤔為什麼要寫這篇小記？ 上一篇分享了《UI 設計入門：畫出有程式邏輯的設計稿》Mockup作業的網頁版，詳情可看下方文章。 BLOG 24 — 【UI設計練習】使用ADOBE XD 自己繪製一頁式網頁設計MOCKUP 🤔為什麼要寫這篇小記？ medium.com 這篇文章將分享相同設計在平板、手機版上的練習成果，同時附上設計標註檔 (Design Spec)與練習心得。
身為一個天生對美感沒什麼Sense的PM，在經過此次的練習與作業的來回修正後，我發現自己的成果竟然還不錯！或許可以給同樣非設計專業、但想要學習UI設計的人一些經驗分享。 🤔設計成果 ▶︎ 平板 (768 X 1024) ▶︎ 手機板 (360 X 640) ▶︎ 設計標註檔 Adobe XD 設計標註檔：《無菜單咖啡店一頁式網頁設計》 🤔作業心得
在做此次作業時，有以下三點心得： * 好的UI設計需要注重非常多的細節，例如分子和分子之間盡量要保持4或8px的倍數。 * 學習時不要急著往下個章節跳，課程的作業都是有連貫性的，先把前面章節的作業完成後再繼續往後學習。 * 對於美學的認知，學習課程之前是霧裏看花，學習後可以用有系統的方式(ex.
原子設計)來思考：「為什麼他/她會這樣設計？」。有助於自己在思考產品畫面設計時能更有Sense。 最後在這邊說說我自己學習上的一點體悟。 有許多的人曾經問我說，你又沒有要當設計師，為什麼要學習這門UI設計課程？相同的話如果也可以套用到程式課程、產品營運課程、行銷課程…等。
這些話看似很有道理，但都是在阻礙你進步的無心之語。現在許多工作中都要求「要有同理心」，因此許多人都好奇同理心到底怎麼培養。 這個問題的答案對我來說很單純，但看在外人的眼裡可能覺得不可思議。我的想法是： > _對於不懂的東西，去學學看就知道了。_ > > _要從做中去學、去失敗、去體驗，因為這樣才是最快去了解一件事情的方法。_
我們也許不是靠這個專長餬口，但我們可以從學習中的失敗去了解：「原來這個專長的難處在這裡呀！」 這些學習上的困窘，實際上就是理解他人困難之處的捷徑。 我是朱騏，一個渴求新知、熱愛學習的產品經理。也是一個喜歡研究各種生產力工具、熱愛將專案管理知識應用在魔術學習上的魔術愛好者。如果有任何疑問、想聽的主題，歡迎留言給我
📒你會看到這篇文章是因為我在進行365天寫作挑戰，詳情可參考《365天寫作挑戰第二季，關於寫作的新想法》。如果想給我一點鼓勵，請給我 1–10 個拍手； 如果覺得文章對你有幫助，請給我 10–40 個拍手； 如果你覺得文章寫的不錯，請給我40+ 個拍手讓我知道 👏🏻如果有任何想閱讀的主題請留言分享給我。 最後，謝謝你的閱讀！喜歡我的文章，可以點擊下方「Follow」我～|
LinkedIn @ Chi Chu 歡迎交流