ui design
利用尺寸類別 (Size Classes) 建構自適應佈局 靈活為不同螢幕尺寸做開發
以前，建構用於 iOS 的使用者介面非常容易，因為只有一種 iPhone 尺寸。但隨著時代的演進，我們現在會遇到許多不同 iPhone 的螢幕尺寸以及方向。 試想像一下，當我們要把在佈局顯示於不同尺寸的螢幕上，要如何對佈局進行調整？ 為了達到這個目的，我們必須針對每個視圖元素，開發各自的條件 [...]
在 Google Maps 上繪製曲線 (Curved Lines) 風格新穎又省錢！
你知道嗎？當你在 Google Maps 使用 Google Directions APIs 繪製從位置 A 到位置 B 的路線時，費用非常高昂。 目前有些公司將真實路線轉換為像 Uber 那樣的直線，或者像 Deliveree 那樣的曲線。 因此，我認為本篇文章對以下讀者有所幫助： 想要畫出新風格的路線 不想付錢到 [...]
利用 SwiftUI 控件 讓你更彈性地設計專屬你的按鈕！
按鈕可以啟動 App 的特定動作，可以客製化背景，也可以加入標題或圖示。這個系統針對大部分使用狀況，提供了一些預先設計好的按鈕樣式。你也可以完全客製自己的按鈕。 － Apple 官方文件 我相信我不需要再解釋按鈕的用途，這是一個非常基本的 UI 控制元件，你在所有的 [...]
使用 IBDesignable 與 IBInspectable 製作更美觀的 UI 元件
一些開發者不喜歡使用介面建構器 (Interface Builder) 來建構 App UI。一切都可以使用程式來撰寫，即使是 UI 也不例外。我個人比較喜歡混合 Storyboard 與程式來佈局 App。 不過如果要教導初學者使如何建構 App，介面建構器比較能夠無痛上手。使用介面建構器來設計 [...]
iOS App 介面設計教學：如何制作表格和集合視圖的組合介面
在 iPhone 和 iPad 的很多 app 裏面，我們都會看到許多用表格視圖和集合視圖制作起來的介面，大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者，你也會在快捷指令中心、Medium [...]
UI 設計求職攻略：現職 UI 設計師經驗分享 解答新手的常見問題
前言 這幾年由於網路、科技的蓬勃發展，UI 設計師這個職位真的越來越熱門了，各種不同類型的產業（甚至傳產要轉型）都需要相關人才的投入；但偏偏目前學校傳授這門領域的科系並不多，在科技快速迭代與變化的今天，學校所學的知識與觀念常常和業界的需求有所落差，許多剛畢業或是想轉行的朋友對於真實的產業運作一知半解，也不清楚該如何開始。因此今天整理了幾個常被問到、關於 [...]
沒有設計背景都可以做 UI 設計 ？ 三個提升 UI 能力的方法！
此篇文章適合：想轉行做 UI 設計 ，但 UI 經驗少、想累積/ 提升 UI 能力的設計師。如果你已經累積了許多 UI 實戰經驗，也很歡迎你與我們分享。 會有這篇，是因為有人請教我如何提升 UI 設計能力。提問者在學校有一點點使用者研究經驗，想要提升更多 UI 實戰經驗、累積作品集。這裏不談 [...]