iT邦幫忙

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 自我挑戰組 DAY 5

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

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

鐵人賽 自我挑戰組 DAY 8

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

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

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 自我挑戰組 DAY 1

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 自我挑戰組 DAY 21

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

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

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

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

鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 自我挑戰組 DAY 23

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

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

鐵人賽 自我挑戰組 DAY 20

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

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

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 IT管理 DAY 25
大共享時代系列 系列 第 25

技術 大共享時代系列_024_可協同 UI 設計的軟體

客戶:我的需求不多,就一點點...設計師:(已預知接下來無窮盡的...浩瀚宇宙) 多人可同時協同設計的好處? 讓設計的流程透過協作的方式變得更透明容易,及時性...

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 自我挑戰組 DAY 24

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

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

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 自我挑戰組 DAY 16

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

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

鐵人賽 自我挑戰組 DAY 19

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

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

鐵人賽 自我挑戰組 DAY 25

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

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

Windows.AI 系列 第 2

技術 2.AI的崛起:機器學習與深度學習在UI設計中的應用

隨著人工智慧(AI)技術的日新月異,特別是機器學習與深度學習的快速發展,UI設計領域正經歷著一場深刻的革命。AI的引入,不僅僅是對傳統UI設計的補充,更是對其的...

鐵人賽 Mobile Development DAY 3

技術 Basic30天學會行動App-第3章

第3章: 設計App介面 認識UI設計工具 在行動應用程式開發中,用戶介面 (UI) 的設計至關重要。它直接影響用戶的操作體驗和對應用程式的第一印象。B4X 提...

Windows.AI 系列 第 4

技術 4.虛擬與增強現實:擴展現實技術在UI設計中的潛力

隨著科技的進步,虛擬現實(Virtual Reality, VR)與增強現實(Augmented Reality, AR)技術逐漸成為現代科技的前沿技術之一。這...