uiux
Figma 教學：讓技術開發人員都能輕鬆實作畫面設計
全端開發者是否應該具備 UI/UX 設計的技能呢？這是十分有爭議性的問題，畢竟全端開發者技能沒有明確的定義。不過無可否認的是，在整個開發週期當中，UI/UX 設計是非常關鍵的一部分。幸好，UI/UX 設計工具加速了畫面設計 (Screen design) 的開發速度，並縮短了設計審查的時間，讓生產力大大提升。 身為一個技術開發人員，我渴望能夠探索 [...]
SwiftUI 教學：運用不同 UI 元件 輕鬆建立一個電影預告片 App
Apple 在 WWDC19 介紹了最新的開發框架，其中之一就是 SwiftUI 以及 Combine。如果你還沒有知道這個消息，簡單來說，SwiftUI 是一種新的方法，讓我們可以藉由宣告方式來創建 UI；而 Combine 是與它一起使用的，Combine 提供了宣告式 Swift API，以處理像是 UI 或是 Network 事件的值。 [...]
利用 SwiftUI 元件 大幅簡化 TabView 的管理流程！
像 Wikipedia 和 Facebook 這樣多模式 App，會使用 TabBar 介面來讓使用者從不同操作模式中切換，例如 Wikipedia 上有 History、Places、Saved、Search 四個 Tab。一般來說，我們會將 TabBar 與 UITabBarController 物件結合使用，但也可以在 App 中將它們用作獨立控件。TabBar 總是出現在螢幕最底部，並顯示一個或多個 [...]
利用尺寸類別 (Size Classes) 建構自適應佈局 靈活為不同螢幕尺寸做開發
以前，建構用於 iOS 的使用者介面非常容易，因為只有一種 iPhone 尺寸。但隨著時代的演進，我們現在會遇到許多不同 iPhone 的螢幕尺寸以及方向。 試想像一下，當我們要把在佈局顯示於不同尺寸的螢幕上，要如何對佈局進行調整？ 為了達到這個目的，我們必須針對每個視圖元素，開發各自的條件 [...]
在 Google Maps 上繪製曲線 (Curved Lines) 風格新穎又省錢！
你知道嗎？當你在 Google Maps 使用 Google Directions APIs 繪製從位置 A 到位置 B 的路線時，費用非常高昂。 目前有些公司將真實路線轉換為像 Uber 那樣的直線，或者像 Deliveree 那樣的曲線。 因此，我認為本篇文章對以下讀者有所幫助： 想要畫出新風格的路線 不想付錢到 [...]
實作客製化 Apple Shortcuts 圖示系統 打造出色的使用者體驗
簡介 在本篇教學中，我將會分享如何創造一個在許多 App 中常見的圖示創建系統。我相當喜歡 Apple 的捷徑 (Shortcuts) App，所以一直都很想瞭解他們是如何創造這些東西，讓使用者可以為一個列表客製化圖示，而不是單純地選取一個已經完成的圖示。 當然，我已經先上網找了許多文章，但都沒有獲得任何相關資訊。所以，我決定自己動手做！ [...]
iOS App 介面設計教學：如何制作表格和集合視圖的組合介面
在 iPhone 和 iPad 的很多 app 裏面，我們都會看到許多用表格視圖和集合視圖制作起來的介面，大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者，你也會在快捷指令中心、Medium [...]
沒有設計背景都可以做 UI 設計 ？ 三個提升 UI 能力的方法！
此篇文章適合：想轉行做 UI 設計 ，但 UI 經驗少、想累積/ 提升 UI 能力的設計師。如果你已經累積了許多 UI 實戰經驗，也很歡迎你與我們分享。 會有這篇，是因為有人請教我如何提升 UI 設計能力。提問者在學校有一點點使用者研究經驗，想要提升更多 UI 實戰經驗、累積作品集。這裏不談 [...]