iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

UI 設計入門:SEO 尬網路行銷 系列

多年 SEO 專案經驗,慢慢加入行銷思維,在職涯成長過程以及疫情影響下,觀察到客戶的需求變化 !
現階段要加強 UI 設計思維,透過 30 天自我挑戰成長,把握每一次幫助客戶的機會,創造更多的火花 !

鐵人鍊成 | 共 30 篇文章 | 27 人訂閱 訂閱系列文 RSS系列文
DAY 1

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

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

2020-09-16 ‧ 由 tedkuo 分享
DAY 2

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

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

2020-09-17 ‧ 由 tedkuo 分享
DAY 3

【Day 03】設計流程 (二):Functional Map 功能地圖

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

2020-09-18 ‧ 由 tedkuo 分享
DAY 4

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

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

2020-09-19 ‧ 由 tedkuo 分享
DAY 5

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

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

2020-09-20 ‧ 由 tedkuo 分享
DAY 6

【Day 06】設計流程環節:回顧篇

我們一起看過了在正式進入繪製之前的四個階段 ( IA 資訊架構 / Functional Map 功能地圖 / Logic Flow 邏輯流程 / Wirefr...

2020-09-21 ‧ 由 tedkuo 分享
DAY 7

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

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

2020-09-22 ‧ 由 tedkuo 分享
DAY 8

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

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

2020-09-23 ‧ 由 tedkuo 分享
DAY 9

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

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

2020-09-24 ‧ 由 tedkuo 分享
DAY 10

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

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

2020-09-25 ‧ 由 tedkuo 分享