ux design
Figma 教學：讓技術開發人員都能輕鬆實作畫面設計
全端開發者是否應該具備 UI/UX 設計的技能呢？這是十分有爭議性的問題，畢竟全端開發者技能沒有明確的定義。不過無可否認的是，在整個開發週期當中，UI/UX 設計是非常關鍵的一部分。幸好，UI/UX 設計工具加速了畫面設計 (Screen design) 的開發速度，並縮短了設計審查的時間，讓生產力大大提升。 身為一個技術開發人員，我渴望能夠探索 [...]
實作客製化 Apple Shortcuts 圖示系統 打造出色的使用者體驗
簡介 在本篇教學中，我將會分享如何創造一個在許多 App 中常見的圖示創建系統。我相當喜歡 Apple 的捷徑 (Shortcuts) App，所以一直都很想瞭解他們是如何創造這些東西，讓使用者可以為一個列表客製化圖示，而不是單純地選取一個已經完成的圖示。 當然，我已經先上網找了許多文章，但都沒有獲得任何相關資訊。所以，我決定自己動手做！ [...]
使用 IBDesignable 與 IBInspectable 製作更美觀的 UI 元件
一些開發者不喜歡使用介面建構器 (Interface Builder) 來建構 App UI。一切都可以使用程式來撰寫，即使是 UI 也不例外。我個人比較喜歡混合 Storyboard 與程式來佈局 App。 不過如果要教導初學者使如何建構 App，介面建構器比較能夠無痛上手。使用介面建構器來設計 [...]
讓 iPad App 支援 Apple Pencil 2 大大增強使用者體驗！
在 2018 年 10 月，Apple 推出了全新的 iPad Pro 和 Apple Pencil 2.0。不同於上一代的 Apple Pencil，這次官方還為開發者提供了一些有趣的 API 應用方式，以增強 App 的功能與使用者體驗 (User Experience)。在本篇教學中，我將讓你了解如何讓你的 App 支援 Apple Pencil。 來開始吧！ [...]
iOS App 介面設計教學：如何制作表格和集合視圖的組合介面
在 iPhone 和 iPad 的很多 app 裏面，我們都會看到許多用表格視圖和集合視圖制作起來的介面，大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者，你也會在快捷指令中心、Medium [...]
輕鬆實作 Table View 動畫效果 為 App 大幅提升用戶體驗！
本文將會教你如何為 Table View Cell 添加自定義顯示動畫，提升 App 的用戶體驗 (User Experience)。 問題敘述 動畫效果是提升用戶體驗的關鍵因素。我猜你在當前專案中至少使用一個 Table View，考慮到 Table View 在 iOS App 中被廣泛運用，開發引人注目的加載動畫，將可顯著提升 [...]
沒有設計背景都可以做 UI 設計 ？ 三個提升 UI 能力的方法！
此篇文章適合：想轉行做 UI 設計 ，但 UI 經驗少、想累積/ 提升 UI 能力的設計師。如果你已經累積了許多 UI 實戰經驗，也很歡迎你與我們分享。 會有這篇，是因為有人請教我如何提升 UI 設計能力。提問者在學校有一點點使用者研究經驗，想要提升更多 UI 實戰經驗、累積作品集。這裏不談 [...]