技術 【Day 14】原子設計：分子 ( 表單、CRAP優化界面準則 )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 13】原子設計：分子 ( 卡片、互動視窗、警告訊息、資料表 )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 12】原子設計：分子 ( 導覽元件、折疊面板、提示工具 )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 11】原子設計：常見元件 ( Text 文字、Color 色彩、Accessibility )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 10】原子設計：常見元件 ( Radio Buttons & Checkbox、Links、Icon )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 09】原子設計：常見元件 ( Input 輸入格 )

Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...

技術 【Day 08】原子設計：常見元件 ( Buttons 按鈕 + States 物件狀態 )

在繪製設計精稿 ( Mockup ) 之前，先了解原子設計的五大階段，對於後續的溝通與產品建構，會更有幫助!Atomic Design 五大階段：原子 ( At...

技術 【Day 07】設計流程：繪製 Mockup 設計精稿之前 ( 網格系統+原子設計 )

本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...

技術 【Day 05】設計流程 (四)：Wireframe 線框圖稿

IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿 本篇重...

技術 【Day 04】設計流程 (三)：Logic Flow 操作邏輯流程

正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...

技術 【Day 02】設計流程 (一)：IA 資訊架構

正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...

技術 【Day 01】什麼是 UI 設計 ( 從 SEO 工程師到 UI )

前言 Hi，我是 Ted !進入 SEO 領域超過五年，接觸過許多產業、不同類型的客戶，眾多的專案下累積了豐富的經驗。我發現在數位行銷這一塊，要有效的協助客戶、...

達標好文 技術 介紹實用的UI製作工具

UI設計與一般平面設計不一樣，這篇文章要來介紹實用的UI製作工具，各種介紹跟分析，入門初學者尤其需要詳細閱讀，找到最適合自己的工具。 資料來源：http://g...