iT邦幫忙

ui相關文章
共有 211 則文章
鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 29

技術 Postman challenge Day 28 - UI testing

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

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

技術 挑戰 Daily UI! Day_27-Dropdown

今天乖乖地用購物彌補悲傷的心情(・∀・) 今天一開心就刷了NT3400多呢(*´∀`)~♥不過噴豪多錢RRRR希望買的衣服能趕快寄到(ノ>ω<)ノ...

鐵人賽 Mobile Development DAY 4

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 04】

大家好,我是YIYI,今天我要來和大家聊聊為什麼需要規格表簡介架構圖。 為什麼需要規格表? 規格表就像是在讀書時所制定的讀書計畫表,也就是規劃未來要做的事情。有...

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

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

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

鐵人賽 Modern Web DAY 14

技術 【設計+切版30天實作】|Day14 - 簡約CTA的用處及設計的注意事項

設計大綱 設計CTA的用意一方面是讓結尾不會來得太突然,另一方面是想在網頁的最後再來一個「Call To Action」。 由於上面已經有蠻多不同樣式的設計區塊...

鐵人賽 Software Development DAY 1

技術 ui 框架説明

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

鐵人賽 Modern Web DAY 24

技術 【設計+切版30天實作】|Day24 - Steps區塊 - 如何做出漸層背景?

前面完成了「Pros」區塊,今天來完成「Steps」的區塊。 數據收集 標題的樣式 Font-weight:Medium Font-size:24p...

鐵人賽 Software Development DAY 29

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

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

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

技術 挑戰 Daily UI! Day_20-Location Tracker

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

鐵人賽 Software Development DAY 10

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

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

鐵人賽 Modern Web DAY 6

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

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

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

技術 挑戰 Daily UI! Day_19-Leaderboard

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

鐵人賽 Modern Web DAY 6

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

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

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

技術 挑戰 Daily UI! Day_010-Social Share

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

鐵人賽 Modern Web DAY 13

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

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

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

技術 挑戰 Daily UI! Day_13-Direct Messaging

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

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

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

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

鐵人賽 Modern Web DAY 8

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

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

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

技術 挑戰 Daily UI! Day_08-404 Error

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

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

技術 挑戰 Daily UI! Day_11-Flash Message

英文課終於結束了QAQ 終於上完學校新改革的英文課了QQ不知道為甚麼硬要改成微學分制,然後一學期要上五個禮拜,一次四小時。說實在話,真的很沒有意義(#`Д´)ノ...

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

技術 挑戰 Daily UI! Day_28-Contact Us

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

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

技術 挑戰 Daily UI! Day_18-Analytics Chart

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 17

技術 30天打造品牌特色電商網站 Day.19 文字的排版

字距、行距、與其他物件的距離,調整適當能讓使用者有舒服的體驗,而良好的排版能引導使用者優先接收整個畫面的重要資訊。 字與字的距離 字距:通常不太調動,不過想...

鐵人賽 Software Development DAY 9

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

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

鐵人賽 Software Development DAY 11

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

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