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 實戰經驗、累積作品集。這裏不談 [...]