iT邦幫忙

ui相關文章
共有 211 則文章
鐵人賽 Software Development DAY 13

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

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

鐵人賽 Modern Web DAY 12
挑戰 Daily UI! 系列 第 12

技術 挑戰 Daily UI! Day_12-Single Product

陣亡中 最近溫差真的很大,大家要記得早晚多穿點衣服,不要像我一樣中標了QQ最慘的就是生理期也來,一起對我的身體轟炸,可惜明天不能好好休息啊啊啊啊啊。・゚・(つд...

鐵人賽 Mobile Development DAY 22

技術 Day 22 - UI 設計

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

鐵人賽 Modern Web DAY 25
挑戰 Daily UI! 系列 第 25

技術 挑戰 Daily UI! Day_25-TV App

怕爆qq 目前人正在高鐵上qq今天一早不小心睡過頭,又花了$350買北上的高鐵票(メ ゚皿゚)メ不過很開心跟朋友一起吃早餐(`・ω・´)還有跟另一個朋友逛街哈哈...

鐵人賽 Modern Web DAY 21
挑戰 Daily UI! 系列 第 21

技術 挑戰 Daily UI! Day_21-Monitoring Dashboard

明天要考期中考了QQ 今天很努力的正在趕撲克牌的稿子,但是還是畫不完哈哈哈哈我決定剩下的時間還是乖乖念書好了不然爆炸我就會哭了嗚嗚嗚。・゚・(つд`゚)・゚・...

鐵人賽 自我挑戰組 DAY 11

技術 【Day11】Sketch篇 : Smart Layout 終篇

前面幾篇我們提到Smart Layout的小技巧和後續小延伸,可以大概思考一下其實如果再結合普通配置的Symbols,其實可以延伸的還滿多的喔~ 像我在專案中就...

鐵人賽 Modern Web DAY 23
挑戰 Daily UI! 系列 第 23

技術 挑戰 Daily UI! Day_23-Onboarding

期中考結束啦~ 昨天很努力地搞著今天早上資結的作業QQ可惜目前只有過到第二筆測資,不過只剩下最後一個了,希望這幾天能夠把它解決! 還有還有密碼學還好有乖乖念書_...

鐵人賽 Software Development DAY 6

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

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

鐵人賽 Modern Web DAY 4

技術 Day 4 - 原型 (3): 主頁的元件組合

前言 今天就把剛完成的元件組合成一個頁面吧。 框架 (Frame) 我先以桌面顯示器為目標, 建立一個桌面的框架作為頁面的外殼, 其解析度為1440x1024。...

鐵人賽 Software Development DAY 20

技術 第 20 天:解析 Modifier

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Mobile Development DAY 27

技術 Dungeon Mizarka 027

持續調整UI。今天加了不少動態的呈現效果,利用Tween的方法將原先靜態的UI調整後,看起來不像之前這麼死板。但呈現上若不是用影片,圖片是很難看出它動態呈現的細...

技術 #Day03 開始啦!成為戰士的那一刻

嗨呦~大家好我是Jasmine (。・ω・。)ノ 接續昨天,今天來告訴各位我的曲折離奇血淚辛酸冒險故事,話不多說那我們開始啦~ 時間回到我去Monospace報...

鐵人賽 Modern Web DAY 6

技術 Day 6 - 原型 (5): 帖子頁的元件組合

前言 利用剛設計好的帖子頁元件, 組合成帖子頁。 元件組合 建立一個屬於帖子頁的frame 先在Pages/Blog中, 按一下主頁的frame, 再按快捷...

鐵人賽 Modern Web DAY 17
挑戰 Daily UI! 系列 第 17

技術 挑戰 Daily UI! Day_17-Email Receipt

我快陣亡了QQ 今天很努力地連續監考三個小時,不包括前面的正課(也是在考試QQ)還有實習課。突然覺得很充實(?)也超級累光是改考卷就覺得很崩潰orz連個只有一種...

鐵人賽 Modern Web DAY 23

技術 【設計+切版30天實作】|Day23 - Pros區塊 - 看似無邊框的三欄式卡片,到底要對準哪條欄位?

前面完成了小廣告區塊,今天來完成「平台好處 - pros」的區塊。 數據收集 card標題的樣式 Font-weight:Bold Font-siz...

鐵人賽 Software Development DAY 18

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

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

鐵人賽 Modern Web DAY 22
挑戰 Daily UI! 系列 第 22

技術 挑戰 Daily UI! Day_22-Search

快脫離期中考月囉~ 沒有聽錯,就是期中考月qq今天很快速地通過了早上的數位邏輯,下午狂嗑電子學(?)之後才發現原來都是考古題的部分啊(ˇωˇ人)而且總分120,...

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Modern Web DAY 14
挑戰 Daily UI! 系列 第 14

技術 挑戰 Daily UI! Day_14-Countdown Timer

今天是個離散爆炸的日子 一定是感冒到腦子都燒壞了,結果累加搞到變乘號然後題目一直看錯,還忘記化簡估計是,大爆炸了嗚嗚嗚希望期末能夠再瘋狂的拉分啊ヾ(;゚;Д;゚...

鐵人賽 Software Development DAY 15

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

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

鐵人賽 Modern Web DAY 5

技術 Day 5 - 原型 (4): 帖子頁元件

前言 今天要完成帖子頁的元件設計。 帖子頁的元件 帖子 基本上可以用回主頁的帖子元件, 這裡只是少了READ MORE, 還有把內容全部顯示出來。 回覆...

鐵人賽 Mobile Development DAY 25

技術 Dungeon Mizarka 025

今天難得有足夠的時間可在Dungeon的專案進行調整,本來是想將時間花在整理行為的部份,但一直覺得目前的UI需要先行進入到下個階段,最後還是把時間投入到UI的修...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Software Development DAY 21

技術 第 21 天:狀態管理

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

鐵人賽 Software Development DAY 17

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

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

鐵人賽 Software Development DAY 16

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

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

鐵人賽 Software Development DAY 19

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

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

鐵人賽 Software Development DAY 22

技術 第 22 天:佈景主題

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

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

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

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