ux
實作客製化 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。 來開始吧！ [...]
利用 UIViewPropertyAnimator 製作進階動畫 為 App 增強使用者體驗！
動畫很酷，它們是 iOS Human Interface Guidelines（介面設計指南）的重要組成部分。動畫可以幫助開發者吸引使用者注意重要的事情，或者替 App 添加一些樂趣。 在 iOS 中，有幾個方法可以實作動畫，最常見到的可能就是 UIView.animate(withDuration:animations:)。你亦可以使用 [...]
iOS App 介面設計教學：如何制作表格和集合視圖的組合介面
在 iPhone 和 iPad 的很多 app 裏面，我們都會看到許多用表格視圖和集合視圖制作起來的介面，大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者，你也會在快捷指令中心、Medium [...]
實作無限分頁滾動視圖 (Scroll View) 為使用者帶來更完美的體驗和設計
所有 App 的成功，都取決於使用者是否常用這個 App（使用者留存率高 High User Retention），而成功的使用者體驗 (UX) 和界面設計對留存率就非常重要了！在設計 App 的時候，我們需要確保使用者可以利用最小限度而直覺的操作，來達到他們的目的；而且，這操作最好是一個吸引又有趣的過程。這次的教學就是希望利用客製化 [...]
輕鬆實作 Table View 動畫效果 為 App 大幅提升用戶體驗！
本文將會教你如何為 Table View Cell 添加自定義顯示動畫，提升 App 的用戶體驗 (User Experience)。 問題敘述 動畫效果是提升用戶體驗的關鍵因素。我猜你在當前專案中至少使用一個 Table View，考慮到 Table View 在 iOS App 中被廣泛運用，開發引人注目的加載動畫，將可顯著提升 [...]
UI 設計求職攻略：現職 UI 設計師經驗分享 解答新手的常見問題
前言 這幾年由於網路、科技的蓬勃發展，UI 設計師這個職位真的越來越熱門了，各種不同類型的產業（甚至傳產要轉型）都需要相關人才的投入；但偏偏目前學校傳授這門領域的科系並不多，在科技快速迭代與變化的今天，學校所學的知識與觀念常常和業界的需求有所落差，許多剛畢業或是想轉行的朋友對於真實的產業運作一知半解，也不清楚該如何開始。因此今天整理了幾個常被問到、關於 [...]