iT邦幫忙

ui相關文章
共有 230 則文章
鐵人賽 Modern Web DAY 13

技術 【設計+切版30天實作】|Day13 - [設計進階挑戰] 把原本Plans的背景圖形改成特殊形狀

設計大綱 昨天設計的「方案」區塊的背景設計是單純一個長方形+背景顏色+陰影。今天想來做點不一樣的,所以來寫個「進階挑戰」。這一個挑戰主要打算修改「方案的背景框」...

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Software Development DAY 6

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

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

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

技術 挑戰 Daily UI! Day_06-User Profile

美好的假日結束了( ˘・з・) 今天難得度過了非常廢的假日,晚上都在瘋狂的補今天該做的事情哈哈哈不過吃到了很多好吃的東西,都要感謝我的男碰友(*´∀`)~♥ U...

鐵人賽 Modern Web DAY 21

技術 【設計+切版30天實作】|Day21 - PainPoints - 怎麼切出標題底下的highlight 裝飾?

大綱 昨天完成header的部分了,所以接下來就會進入main的部分,今天要完成的是「PainPoints」的區塊。(如下圖) 數據收集 標題的樣式 F...

鐵人賽 Software Development DAY 1

技術 ui 框架説明

我比較熟悉的ui是qt的,但是框架類似,下面就分幾步講解,我是如何在一個自動化項目中使用UI的:首先新建一個ui項目,項目的ui設計的部分,應該是交由ui設計或...

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

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

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Modern Web DAY 12

技術 【設計+切版30天實作】|Day12 - 怎麼讓使用者選中您想要他選的Plans設計?

設計大綱 今天要來設計「方案」,外面的網站通常會有3個方案供使用者選擇。另外如果要吸引使用者註冊的話,那通常會有一個是「免費試用」方案讓使用者試用,從而引導使用...

鐵人賽 Modern Web DAY 6

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

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

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

技術 挑戰 Daily UI! Day_20-Location Tracker

趕圖人生 拖延症就4我辣(╯°Д°)╯ ┻━┻今天一整個睡超飽還有極致的趕圖過後終於有時間寫這個了QQ一看到今天的主題要畫地圖,覺得有點崩潰QQ怒打開Googl...

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

技術 挑戰 Daily UI! Day_05-App Icon

廢言 今天下午被召喚去上離散,頭一次聽了兩個小時的證明。數學歸納法什麼的最討厭了嗚嗚嗚(#不過我很努力不滑手機、不睡覺撐了三個小時,也算是一種成就吧(? App...

鐵人賽 自我挑戰組 DAY 11

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

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

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

技術 挑戰 Daily UI! Day_28-Contact Us

好像又再重蹈覆轍了(°ཀ°) 一考完試、休息一下又要繼續趕圖惹orz目前大概還要50多張的圖片QQ尤其是禮拜一到禮拜三,到家大概都九點多十點惹最近真的都忙到沒辦...

鐵人賽 Modern Web DAY 8

技術 【設計+切版30天實作】|Day8 - 看起來簡單但不單調的steps設計

設計大綱 稱讚完平台的優點後,接下來的區塊就要向使用者介紹使用的流程,但因為現代人都很懶得看很冗長的「說明書」,所以使用流程會採用簡約的方式去做介紹。 因為上面...

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

技術 挑戰 Daily UI! Day_15-On/Off Switch

電子學爆炸囉QQ 果不其然的,我在及格邊緣QQ最悽慘就是這次小考占了總成績的20%,接下來我只剩下三次考試。分別是期中30%、小考2 20%、期末30%,如果我...

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

技術 挑戰 Daily UI! Day_18-Analytics Chart

差點就忘記了qq 昨天團隊產生了噩耗,就是挑戰失敗了QQ不過沒關係,我還是會努力生文章然後十一點的時候才想到今天我還沒發文哈哈哈 話說明天要去MOPCON-邊緣...

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

技術 挑戰 Daily UI! Day_010-Social Share

終於快要放假惹(゚∀。) 沒想到這個禮拜就這麼結束了~不過下禮拜開始就要期中考了啊嗚嗚嗚嗚嗚QQ雖然資料結構考得還不錯吧(?不過對於離散還是有點怕怕的QQ而且我...

鐵人賽 Modern Web DAY 6

技術 【設計+切版30天實作】|Day6 - 設計出背景上又有背景的吸睛小廣告

設計大綱 上一個區塊設計了使用者的「痛點」,因此接下來的區塊想要做一個「平台的小廣告」,讓使用者了解到我們這個平台可以幫助他們解決問題。由於上一個區塊並不是滿版...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27 最後的 UI 打磨(字體、間距、對齊、設計一致性)

[v] 可視寬度左右邊的padding [v] 設計理念的 btn 顏色跑掉,btn 字體大小參考文件:https://vuetifyjs.com/...

鐵人賽 Mobile Development DAY 27

技術 Dungeon Mizarka 027

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

鐵人賽 Modern Web DAY 4

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

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

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

技術 挑戰 Daily UI! Day_19-Leaderboard

MOPCON一日遊結束~ 還好這次去不是邊緣人,遇到了未來SITCON合作的大大們QQ不過還是聽不懂啦哈哈哈_(┐「ε:)_不過這次有聽到Akane大大的演講就...

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

技術 挑戰 Daily UI! Day_12-Single Product

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

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

技術 挑戰 Daily UI! Day_16-Pop-Up / Overlay

Happy Halloween! 難得是萬聖節(每次都會不小心跟聖誕節搞混XD),好想吃糖糖啊(?今天也是社長大大的生日,我在這邊祝你生日快樂ヽ(∀゚ )人(゚...

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

技術 挑戰 Daily UI! Day_13-Direct Messaging

各位晚安QQ 今天依舊是爆炸的狀態,全身上下一起痛、一起轟炸。明天又要考期中考,不知道能不能發揮以往的實力,希望是可以QQ最近有點擔心設計這方面的事情。總覺得設...

鐵人賽 Modern Web DAY 7

技術 【設計+切版30天實作】|Day7 - 設計出無外框式的三欄式pros區塊

設計大綱 上一個區塊賣完小廣告後,今天馬上就給它塞個平台的優點進來,這樣可以讓使用者有「感同身受」的感覺,同時也能讓他們覺得「哇!好像真的很棒唷!」。 「優點」...

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

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

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

技術 挑戰 Daily UI! Day_23-Onboarding

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

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

技術 挑戰 Daily UI! Day_08-404 Error

404 Error 您所查找的頁面不存在,請查明後再撥(# (對不起我錯棚了XDD今天的主題就是上面的404 Error。光是這個網頁就有很大的學問了,我們可以...