iT邦幫忙

ui/ux相關文章
共有 100 則文章
鐵人賽 自我挑戰組 DAY 29

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

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 自我挑戰組 DAY 27

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

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

鐵人賽 自我挑戰組 DAY 26

技術 [Day26] 溝通之術 - 設計師篇

今天是雙十連假的最後一天~也是鐵人賽接近尾聲的倒數第 5 篇~今天就來講講跟設計師的溝通之術吧! 前言 原本是個坐在位置上,每天打開 Jira 檢視今日任務,做...

鐵人賽 自我挑戰組 DAY 26

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

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

鐵人賽 自我挑戰組 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...

鐵人賽 Modern Web DAY 27

技術 Day 27. 今天不寫程式改來學知識 #5:前端RWD與圖表套件

前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。 目前js相關的前端套件非常多,使用者可以依據自己的需求進行選擇,有些為...

鐵人賽 自我挑戰組 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 30

技術 UI / UX 設計白皮書 / Material Design 導讀_Day30 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導,子母畫面模式可讓兩個活動同時顯示在螢幕上,執行兩種不同的應用程式活動,也可以調整子母畫面的畫面尺寸...

鐵人賽 Modern Web DAY 14

技術 【Day 14】從事 UI/UX 工作上,常參考的視覺網站整理(持續更新)

延續上一篇 UI/UX 設計師的「設計參考」整理方法! 今天會分享一些,工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主,單純好看的視覺...

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 自我挑戰組 DAY 29

技術 UI / UX 設計白皮書 / Material Design 導讀_Day29 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導,在應用程式中許多的操作需要權限許可,透過入門指南說明權限、或是事先詢問、在消息通知中顯示請求、透過...

鐵人賽 Modern Web DAY 13

技術 【Day 13】UI/UX 設計師的「設計參考」整理方法!

昨天分享的是「網站收集頁」,主要用途在於大範圍的尋找視覺參考網站。 當一個客戶有指定風格,或是老闆認為該客戶的產業性質,也許更適合走某種設計風格時, 我們也會整...

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 自我挑戰組 DAY 28

技術 UI / UX 設計白皮書 / Material Design 導讀_Day28 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導,Android 系統的圖示、介面導覽、通知,在圖示的章節中把圖示細分為四層元素,在每一層元素上依照...

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 自我挑戰組 DAY 27

技術 UI / UX 設計白皮書 / Material Design 導讀_Day27 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導,Android 系統的狀態欄、指紋及觸覺設計指南,在狀態欄內應顯示的圖示及功能,還有區塊的建議尺寸...

鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 自我挑戰組 DAY 26

技術 # UI / UX 設計白皮書 / Material Design 導讀_Day26 Platform guidance 平台指導

昨天我們了解到 Usability 易用性,需要根據不同國家顯示的語言方向進行排版,依照用戶的使用慣性排列出易於用戶操作的畫面,當產品支援多國語系時排版可能需要...

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 自我挑戰組 DAY 25

技術 UI / UX 設計白皮書 / Material Design 導讀_Day25 Usability 易用性

昨天我們了解到 Usability 易用性中輔助功能,無障礙設計提供更多幫助,通過螢幕閱讀器、放大工具和助聽器等設備幫助用戶用戶可以在 "觸摸瀏覽&q...