iT邦幫忙

ui相關文章
共有 211 則文章

技術 新手指南:快速掌握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介面不一定要一步就到位,在做出功能的同時,大家可以靠自身的創意...

鐵人賽 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...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 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...

鐵人賽 Software Development DAY 16

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

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

鐵人賽 Software Development DAY 15

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Software Development DAY 13

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

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

鐵人賽 Software Development DAY 12

技術 第 12 天:常用 UI 元件之 Icon

在看完 Image 元件後,另一個跟它很像的元件就是 Icon,一般 Icon 大多用於標示和裝飾,可以讓 UI 看起來更美觀且精緻。今天的耕讀筆記就以 Ico...

鐵人賽 Software Development DAY 11

技術 第 11 天:常用 UI 元件之 Image

在刻 UI 時,最常使用的元件除了文字以外,也很常用「圖片」!今天的耕讀筆記就以 Image 元件為主軸,研究一下其用法及相關設定。 Image 元件 在 UI...

鐵人賽 Software Development DAY 10

技術 第 10 天:常用 UI 元件之 TextField

Text 用於顯示文字,若是要讓使用者輸入文字呢?這時就會需要表單元件 TextField。在看完跟 Text 相關的元件後,我們接著看 TextField。今...

鐵人賽 Software Development DAY 9

技術 第 9 天:常用 UI 元件之 Text

在看完 UI 外層的 Window 及 MenuBar 後,接下來持續往內看其他元件。在刻 UI 時,最常需要處理的應該就是「文字」吧?今天的耕讀筆記就以 Te...

鐵人賽 Software Development DAY 8

技術 第 8 天:常用 UI 元件之 MenuBar

若視 Window 為 UI 的最外層,那 MenuBar 應該就算是第二層吧?MenuBar 是 Desktop App 很重要的元素,一般來說整個 App...

鐵人賽 Software Development DAY 7

技術 第 7 天:常用 UI 元件之 Window

要掌握 Compose,就得了解其元件庫有哪些元件可使用,以及各元件的使用方式。因此從今天開始,耕讀筆記將綜覽常用 UI 元件,了解各元件的名稱、可傳入的參數及...

鐵人賽 Software Development DAY 6

技術 第 6 天:解析預設專案架構

在建立全新的 Compose for Desktop 專案後,我們只知道怎麼運行專案及預覽元件,對於應用程式組成及程式碼細節並不清楚。因此今天的耕讀筆記就要來閱...

鐵人賽 Software Development DAY 5

技術 第 5 天:初始化專案

安裝好 SDK、開發工具及外掛程式後,就完成了所有前置作業。耕讀筆記的第四步,就來初始化 Compose for Desktop 專案,並實際將專案運行起來。...

鐵人賽 Software Development DAY 3

技術 第 3 天:安裝 JDK

為了讓寫好的程式碼能編譯執行,在安裝好開發工具後,我們還需要安裝 SDK。由於 Compose for Desktop 是運行在 JVM 平台上,需要的 SDK...

鐵人賽 Software Development DAY 2

技術 第 2 天:安裝 IntelliJ IDEA

在學習一項新的軟體技術前,最重要的就是先建立好開發環境。一般來說開發環境包含兩塊:SDK 及開發工具(一般指 IDE)。由於我們使用的開發語言是 Kotlin,...

鐵人賽 Software Development DAY 1

技術 第 1 天:踏上探索 Compose for Desktop 的旅程

寫 UI 是精緻手工業 隨著軟體開發的演進,應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分,UI(User Interface,應用程式介面)永遠都佔據著一...

鐵人賽 自我挑戰組 DAY 3

技術 第 03 話 資料蒐集完了,那怎麼切入新領域?

那是什麼?為什麼是 UI? 當我腦海中有這兩個字的時候,沒有猶豫立即起身做到電腦前 Google,到底 UI 跟未來職涯有什麼關係?其實我知道 UI 就是使...