iT邦幫忙

ui設計相關文章
共有 25 則文章
鐵人賽 自我挑戰組 DAY 25

技術 【Day 25】鐵人賽 25 天回顧

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

鐵人賽 自我挑戰組 DAY 24

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

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

鐵人賽 自我挑戰組 DAY 23

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

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 自我挑戰組 DAY 21

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

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

鐵人賽 自我挑戰組 DAY 20

技術 【Day 20】原子設計:模板 ( RWD 響應式排版 )

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

鐵人賽 自我挑戰組 DAY 19

技術 【Day 19】原子設計:模板 ( Landing Page 著陸頁 )

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

鐵人賽 自我挑戰組 DAY 18

技術 【Day 18】原子設計:模板 Templates

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

鐵人賽 自我挑戰組 DAY 17

技術 【Day 17】原子設計:組織 ( Section 常見版型 )

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

鐵人賽 自我挑戰組 DAY 16

技術 【Day 16】原子設計:組織 ( 頁首、頁尾 )

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

鐵人賽 自我挑戰組 DAY 15

技術 【Day 15】鐵人賽 15 天回顧

進行 UI 設計入門學習第 15 天,慢慢的可以透過結構性思維去觀察事情。 以下重點回顧感受較深刻的章節: 【Day 01】什麼是 UI 設計 使用者介面,目...

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 自我挑戰組 DAY 8

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 5

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

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

鐵人賽 自我挑戰組 DAY 4

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 自我挑戰組 DAY 1

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

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

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

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

徵才 資通電腦【Android / iOS 開發人員】徵才中~ 歡迎你加入!!

工作內容 1.負責 iOS 與 Android APP 軟體之分析、設計、程式撰寫與上架。 2.UI 介面美工設計 3.規劃執行軟體架構,並控管軟體設計進度。...