Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
進行 UI 設計入門學習第 15 天，慢慢的可以透過結構性思維去觀察事情。以下重點回顧感受較深刻的章節： 【Day 01】什麼是 UI 設計 使用者介面，目的...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
延續上一篇 UI/UX 設計師的「設計參考」整理方法！今天會分享一些，工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主，單純好看的視覺網...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天分享的是「網站收集頁」，主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格，或是老闆認為該客戶的產業性質，也許更適合走某種設計風格時，我們也會整理出...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Platform guidance 平台指導，子母畫面模式可讓兩個活動同時顯示在螢幕上，執行兩種不同的應用程式活動，也可以調整子母畫面的畫面尺寸...
昨天我們了解到 Platform guidance 平台指導，在應用程式中許多的操作需要權限許可，透過入門指南說明權限、或是事先詢問、在消息通知中顯示請求、透過...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Platform guidance 平台指導，Android 系統的圖示、介面導覽、通知，在圖示的章節中把圖示細分為四層元素，在每一層元素上依照...
昨天我們了解到 Platform guidance 平台指導，Android 系統的狀態欄、指紋及觸覺設計指南，在狀態欄內應顯示的圖示及功能，還有區塊的建議尺寸...
昨天我們了解到 Usability 易用性，需要根據不同國家顯示的語言方向進行排版，依照用戶的使用慣性排列出易於用戶操作的畫面，當產品支援多國語系時排版可能需要...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Usability 易用性中輔助功能，無障礙設計提供更多幫助，通過螢幕閱讀器、放大工具和助聽器等設備幫助用戶用戶可以在 "觸摸瀏覽&q...
昨天我們了解到 Material Theming 主題，提供了一套基本的主題樣式，在設計時可以觀察 Material 主題樣式的細節，甚至可以直接下載修改為符合...
自行開發若沒有設計師的提供的畫面，工程師要如何想像呢？ Material Design 對 Android 工程師來說，對 Material Design 並不...
在繪製設計精稿 ( Mockup ) 之前，先了解原子設計的五大階段，對於後續的溝通與產品建構，會更有幫助!Atomic Design 五大階段：原子 ( At...
昨天我們了解到 Machine learning 機器學習模式能提供用戶使用圖像進行搜尋及條碼掃描，看似簡單的操作步驟，在每項操作時預先想好流程中用戶可能會遇到...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
昨天我們了解到 Machine learning 機器學習模式能提供用戶更完善的人機介面指南，在操作機器中達成最好的互動體驗，物體檢測中看似簡單的即時攝影操作，...
昨天我們了解到 Communication 通訊中，快速入門流程可以幫助用戶快速熟悉應用程式，從啟動到操作特定目標的過程一一給予用戶引導。離線狀態允許用戶無需開...
昨天我們了解到 Communication 通訊中，當應用程式無法顯示項目的內容時，畫面呈現空白狀態，這時畫面可以顯示內容來告訴用戶當前狀態，或是提供其他方案讓...
IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿 本篇重...
正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...
昨天我們了解到 Communication 通訊可以使用不同方式的通知，提供用戶確認與承認，減少用戶對於已採取或將要採取動作的不確定性。除此之外還可以防止用戶犯...
iThome鐵人賽
看影片追技術
看更多
tedkuo
GG
Yvonne_Zhong
yenyichun