ui
iOS App 介面設計教學：如何制作表格和集合視圖的組合介面
在 iPhone 和 iPad 的很多 app 裏面，我們都會看到許多用表格視圖和集合視圖制作起來的介面，大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者，你也會在快捷指令中心、Medium [...]
實作無限分頁滾動視圖 (Scroll View) 為使用者帶來更完美的體驗和設計
所有 App 的成功，都取決於使用者是否常用這個 App（使用者留存率高 High User Retention），而成功的使用者體驗 (UX) 和界面設計對留存率就非常重要了！在設計 App 的時候，我們需要確保使用者可以利用最小限度而直覺的操作，來達到他們的目的；而且，這操作最好是一個吸引又有趣的過程。這次的教學就是希望利用客製化 [...]
你也可以自訂搖動還原 (Shake to Undo) 的功能？一起來拆解並實作吧！
在 iOS 上編輯內容的時候，如果要還原或重做步驟的話，通常可以透過搖動來呼叫出一個還原的警告： 這個搖動還原 (Shake to Undo) 功能在 UITextView 或者 UITextField 等文字編輯的 view 上是內建的，但大多數其他的 view 都沒有預設實作。還好，UIKit 其實已經幫我們做好了從動作偵測到顯示警告的部分，我們只需要提供第一響應者 [...]
UI Transition 教學：一起來學習 Whatsapp 也在用的 UI 轉場技巧吧！
這是 WhatsApp 從 UITabBar 轉換到 UIToolBar 的過程： 本教學的實作結果： 自從我開始開發 iOS apps 後，我就一直關注那些非常成功的 App 如何實作 UI 轉場 (UI transition) ，希望可以跟著實作在我的 App 內。 最近我正在做一個 App，它的 UICollectionView 嵌入在 UIViewController 內，而 [...]
活用 UIStackView：讓 APP 畫面佈局更方便快捷
前言 這次來談一個較無關程式碼的題目，是一個叫做 StackView 的元件，它可以提供行或列佈局的視圖，我們可以透過它輕易的定義好在 StackView 中元件的佈局，不需對於所有元件進行 AutoLayout 的約束設置，StackView 會處理大部分的工作。 因為常常會有人對這個元件有疑惑，常在使用它後卻出現一堆約束有問題的紅線，又或是設置完後顯示結果畫面不如預期的想像，碰巧最近剛好設計APP [...]
UI 設計求職攻略：現職 UI 設計師經驗分享 解答新手的常見問題
前言 這幾年由於網路、科技的蓬勃發展，UI 設計師這個職位真的越來越熱門了，各種不同類型的產業（甚至傳產要轉型）都需要相關人才的投入；但偏偏目前學校傳授這門領域的科系並不多，在科技快速迭代與變化的今天，學校所學的知識與觀念常常和業界的需求有所落差，許多剛畢業或是想轉行的朋友對於真實的產業運作一知半解，也不清楚該如何開始。因此今天整理了幾個常被問到、關於 [...]
沒有設計背景都可以做 UI 設計 ？ 三個提升 UI 能力的方法！
此篇文章適合：想轉行做 UI 設計 ，但 UI 經驗少、想累積/ 提升 UI 能力的設計師。如果你已經累積了許多 UI 實戰經驗，也很歡迎你與我們分享。 會有這篇，是因為有人請教我如何提升 UI 設計能力。提問者在學校有一點點使用者研究經驗，想要提升更多 UI 實戰經驗、累積作品集。這裏不談 [...]