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 設計師這個職位真的越來越熱門了,各種不同類型的產業(甚至傳產要轉型)都需要相關人才的投入;但偏偏目前學校傳授這門領域的科系並不多,在科技快速迭代與變化的今天,學校所學的知識與觀念常常和業界的需求有所落差,許多剛畢業或是想轉行的朋友對於真實的產業運作一知半解,也不清楚該如何開始。因此今天整理了幾個常被問到、關於 [...]