iT邦幫忙

鐵人檔案

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

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

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

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

【Day 21】原子設計:模板 ( UI State 頁面狀態 )

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

2020-10-06 ‧ 由 tedkuo 分享
DAY 22

【Day 22】原子設計:頁面 ( Pages、Mockup )

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

2020-10-07 ‧ 由 tedkuo 分享
DAY 23

【Day 23】設計流程:與工程師協作的重要文件

本篇重點: 設計規範製作 切圖 ( Slice ) 的格式與命名 設計標註檔 1、設計規範製作 依內容詳細程度,從精簡到完整分為三種類別:介...

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

【Day 24】設計流程:原型設計的種類與技巧

本篇重點 原型設計 ( Prototype ) 種類與技巧 原型設計 ( Prototype ) 原型設計是對產品會如何運作的模擬,能在產品正式...

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

【Day 25】鐵人賽 25 天回顧

進行六角學院開設的 UI 設計入門學習第 25 天,稍微從 wireframe 下一個階段開始來做一些回顧。 【Day 07】設計流程:繪製 Mockup 設計...

2020-10-10 ‧ 由 tedkuo 分享
DAY 26

【Day 26】情境模擬:再好看也沒用 !? 設計稿被工程師說太難做不出來 QQ

接下來,會就六角學院 UI 設計入門 課程中,針對團隊合作時會碰到的情境稍作討論。 設計稿再好看也沒用 !? 工程師說太難做不出來 QQ 團隊的發揮,需要建立、...

2020-10-11 ‧ 由 tedkuo 分享
DAY 27

【Day 27】情境模擬:該如何協助設計師,提供可以執行的設計稿 !?

要注意什麼,才能更順利地提供可執行的設計稿 !? 一、參考熱門的設計框架、典範大廠的 Web 框架或工程師習慣的框架 例如:boostrap、material...

2020-10-12 ‧ 由 tedkuo 分享
DAY 28

【Day 28】情境模擬:如何溝通有互動效果的介面 !?

與工程師溝通有互動效果的介面要注意什麼 !? 互動效果相較靜態的設計稿實作時間比較久、建置成本高,需要考量不同層面的問題,像是效能、支援度等。 建議在設想時:...

2020-10-13 ‧ 由 tedkuo 分享
DAY 29

【Day 29】情境模擬:如何溝通讓工程師在乎設計細節 !? 設計師需要學前端技術面嗎 !?

工程師不在乎設計細節怎麼辦!? 設計師需要學前端技術面嗎!? 專案中如果碰到不在意間格距離、顏色色碼、按鈕大小等設計細節的工程師,我們可以試著透過以下的方式來溝...

2020-10-14 ‧ 由 tedkuo 分享
DAY 30

【Day 30】情境模擬:專案協作,我都交設計稿啦 ! Delay 跟我有關係 !?

專案協作常見問題:我都交設計稿啦 ! Delay 跟我有什麼關係 !? 專案協作中,最常碰到的問題就是"時程控管"。簡單又重要的就是,不要卡...

2020-10-15 ‧ 由 tedkuo 分享