iT邦幫忙

ui相關文章
共有 223 則文章
鐵人賽 IT 管理 DAY 28

技術 [Day28-總結] 猴子翻過高牆!工程師也懂的設計交付之旅🔥

Figma 讓合作更緊密 藉由 Figma 即時同步,團隊成員可以共同參與,隨時跟進進度與提供回饋。一個健康的產品團隊需要設計與開發緊密協作,互相理解與回饋。合...

鐵人賽 生成式 AI DAY 14

技術 <玩轉大語言模型> 方便的套皮工具: Streamlit & Gradio

在之前的篇幅中,我們溝通模型都已經完成了,但這些其實還差一個UI,當然你可以自己寫,在將東西串過去,不過我這邊就介紹一個簡易方便的套件,就是Streamlit和...

鐵人賽 IT 管理 DAY 13

技術 [Day13-開發前期] 跟著 UI SPEC,切版不迷路🕵️

有系統的交付 UI 設計 在設計師們 UI 時,我們能夠隨時、直接的在 Figma 上看到,UI 的各種 width、padding 數值。雖然自動產生的方便歸...

鐵人賽 IT 管理 DAY 10

技術 [Day10-討論階段] 終於可以開始切版!但到底要看哪一版 final_last_finalfinal?💥

(圖片來源:DRBARTPM.COM) Mockup 的具象讓人看到更多可能 當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後,因為近一步推進到實...

鐵人賽 IT 管理 DAY 9

技術 [Day9-討論階段] 需求定版!UI Mockup 是專案啟動的訊號 📡

終於開始要幹正事 確認完所有事情後(需求、功能、邏輯),設計師會陸續交付前端工程師用來切版的 UI Mockup。Figma 能夠直接產出一個分享連結,在 UI...

鐵人賽 IT 管理 DAY 8

技術 [Day8-討論階段] 拒當通靈王!請設計師出 Demo(Prototype)吧!(進階篇)

補充說明:Prototype 是什麼 Prototype(中文稱:原型)是一種 Demo 想法的工具。能夠有效呈現概念和互動,在專案的前、後期使用最為加分。 如...

鐵人賽 IT 管理 DAY 7

技術 [Day7-討論階段] 拒當通靈王!請設計師出 Demo(Prototype)吧!

(圖片來源:純靠北工程師47c) 通靈能力是工程師必備的嗎 「通靈」這個萬年長談的議題,不管對「工程師」或「設計師」都是心中的痛。 對於工程師,設計師或 PM...

鐵人賽 IT 管理 DAY 6

技術 [Day6-討論階段] 參與草稿(Wireframe)的討論(進階篇)

補充說明:Wireframe 是什麼 前一篇提到一個概念「Wireframe」(中文稱:線框圖)是一種常見的設計溝通工具。由 UX 設計師產出(若無專業分工,有...

鐵人賽 IT 管理 DAY 3

技術 [Day3-介紹] 我是工程師,我不需要學設計軟體吧

Figma 是誰 Figma 是一套線上設計軟體,具有即時協作的特性,在 COVID 疫情後普遍被採用。 除了設計師能夠用 Figma 產出 UI(介面)外,隨...

鐵人賽 Mobile Development DAY 5
我的 Android 工具箱 系列 第 5

技術 Day 5 - [UI] 05-Android碎片化難題-避免跑版的技巧

情境 Android 手機,廠商多、機型多、長寬比例也各式各樣,確保 UI 在不同裝置上的一致性是一大挑戰。本文將介紹兩個避免 UI 跑版的重要概念。 Demo...

鐵人賽 Mobile Development DAY 3
我的 Android 工具箱 系列 第 3

技術 Day 3 - [UI] 03-UI設計師不在家-用滴管工具取得色碼

情境 當團隊的設計師不在,你沒有 Figma 或 Zeplin 等方便的工具,只有一張 設計圖.png,要如何取得設計圖上的色碼,順利完成今天的開發任務呢? 這...

技術 新手指南:快速掌握UI/UX設計及實用工具推薦

在當今這個數位化的時代,UI/UX設計的重要性日益凸顯,它不僅關乎產品的視覺呈現,更影響著用戶體驗的質量。因此,許多設計新手都積極尋找能快速上手並提升設計效率的...

鐵人賽 Mobile Development DAY 8
ios前端開發學習 系列 第 8

技術 【Day08】如何拉取UI介面 (二) (以調色盤為例)

接著我們來介紹一些UI元件吧! ​ UIView : 功能:UIView 是 iOS 中所有視圖元件的基本類型。它可以容納其他視圖和控件,也可以用來自定義...

鐵人賽 Mobile Development DAY 7
ios前端開發學習 系列 第 7

技術 【Day07】如何拉取UI介面 (ㄧ) (以調色盤為例)

大家可以看到我在模擬的機型上面放上很多UI元件,但大家可以用放鬆的心情來看待,因為剛開始學習UI介面不一定要一步就到位,在做出功能的同時,大家可以靠自身的創意...

技術 Kafka UI Filter 客製化 以JsonArray舉例

Kafka UI 是一個open source的 kafka UI 介面工具.主要是可以讓你查看Kakfa內各topic狀態、partition內資料訊息內容....

鐵人賽 Modern Web DAY 29

技術 Postman challenge Day 28 - UI testing

今天主題 今天的主題是UI testing,討論的是當Postman請求的對象不是API,而是網頁的話,可以針對回傳的內容做哪些測試,舉凡效能(performa...

鐵人賽 Mobile Development DAY 22

技術 Day 22 - UI 設計

理論上 UI 要在開發前就設計好,不過我一開始是想到什麼就加什麼功能,完全沒在管設計。 直到 Figma 9月中被 Adobe 併購,這消息出來後才意識到 UI...

鐵人賽 Software Development DAY 29

技術 第 29 天:Compose 多平台差異

雖然 Jetpack Compose 可以從 Android 近乎無痛的用於 Desktop 開發,但實務上 Mobile 平台和 Desktop 環境還是有許...

鐵人賽 Software Development DAY 22

技術 第 22 天:佈景主題

Compose 除了在架構上有很高的彈性外,在外觀上也給開發者很大的自由。由於 Jetpack Compose 是先針對 Android 作業系統而設計的,因此...

鐵人賽 Software Development DAY 21

技術 第 21 天:狀態管理

說到底,其實所有應用程式的背後都跟資料有關。而 UI 的功能,就是將資料「呈現」給使用者看,或是讓使用者可以「操作」資料。所以 UI 往往不只是「靜態」的畫面,...

鐵人賽 Software Development DAY 20

技術 第 20 天:解析 Modifier

在研究 Compose 元件時,讀者應該有發現,每個元件都有 modifier 這個參數,有時要改變元件的外觀或行為時,就得透過這個參數。但到底 Modifie...

鐵人賽 Software Development DAY 19

技術 第 19 天:Desktop 特有元件之 Notification

還記得即時通訊軟體(Instant Message,簡稱 IM)出現後,為了在收到訊息時有視覺上的提示,Desktop 上開始出現 Notification U...

鐵人賽 Software Development DAY 18

技術 第 18 天:Desktop 特有元件之 Tray

在實作 Desktop App 時,有一種很特別的 UI 是 Tray,也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡,方便使用者可以...

鐵人賽 Software Development DAY 17

技術 第 17 天:Desktop 特有元件之 Tooltip

研究了這麼多 Compose 元件,基本上這些元件不論是在外觀、行為和程式碼上,都與 Android 上相同。不過,畢竟 Desktop 環境跟 Mobile...

鐵人賽 Modern Web DAY 10

技術 Day 10 【生活觀察】買飯都有障礙...還是回家通靈好了

今天要講一個點餐障礙讓人感到挫折的悲情故事... 午餐幾乎是上班族間討論度最高的一餐,上班族未解之謎之一就是:午餐吃什麼?(喂~!) 在我公司附近的某家店面,...

鐵人賽 Software Development DAY 16

技術 第 16 天:排版元件之 Surface、Box 與 Spacer

在排版 UI 時,有時會想要把元件群組、彼此堆疊,或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡,有些排版元件的功能就是協助我們更快的做出...

鐵人賽 Software Development DAY 15

技術 第 15 天:排版元件之 Column、Row

雖然看了這麼多元件,但在實作 UI 時,通常會組合多個元件,為了讓 UI 清楚、易懂、好看,如何排版元件就變得很重要了!若讀者曾自行把多個元件放在 Window...

鐵人賽 Software Development DAY 14

技術 第 14 天:常用 UI 元件之表單元件

在寫 UI 的時候,除了顯示內容給使用者看的元件以外,接收使用者輸入的表單元件也很常見。在前面的筆記裡,已經整理過如 TextFiel、Button 等表單元件...

鐵人賽 Software Development DAY 13

技術 第 13 天:常用 UI 元件之 Button

在與使用者互動的元件裡,Button 佔了很大的比重,用途也很廣泛。今天的耕讀筆記,就來綜覽一下 Compose 提供的 Button 元件,了解這系列的元件各...

鐵人賽 Modern Web DAY 6

技術 Day 06 【生活觀察】到底是左轉還是右轉??使用者不會告訴你的實話

不曉得正在閱讀文章的你,上班通勤都是用什麼方式呢?公車?捷運?走路!?(等等,太讓人羨慕了吧!)還是騎車或開車呢? 如果你和我一樣非大眾運輸的話,肯定經常在馬...