iT邦幫忙

ui相關文章
共有 211 則文章
鐵人賽 Mobile Development DAY 11
Flutter App 開發實戰 系列 第 11

技術 來做個儲值頁面吧 [DAY 11]

這個專案會有需要讓使用者進行儲值的動作,所以我們就要來設計一個選擇儲值金額的頁面,頁面上需要顯示目前的餘額、4種金額可以選取和前往付款的按鈕,今天我們會先從 U...

鐵人賽 Mobile Development DAY 8

技術 iOS Developer Learning Android. Lesson 08 - ConstraintLayout (運用AutoLayout的思維安排Android畫面)

大家都說ConstraintLayout真是棒為什麼呢?主要看到的論述都是可以讓layuot更扁平化,進而提高效能,點我看看Google怎麼說。再來就是可以把它...

鐵人賽 Mobile Development DAY 6

技術 iOS Developer Learning Android. Lesson 06 - 如何製作畫面 (羨慕SwiftUI的Preview嗎?)

今天來跟各位介紹一下前端(廣義的)最重要的部分,也就是UI,俗稱的刻畫面。也就是我們工程師如何在設計師的刁難要求之下,完成想要呈現給User的樣子。其中最大的工...

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

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

技術 [觀念] 前端與UI事件

今天發文章是基於 android Intent轉跳問題 這一篇有感而發. 簡單說好了,不管是 Web,單機程式,手機程式 都會有前端跟後端,前端就是我們所謂的U...

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

技術 挑戰 Daily UI! Day_30-Pricing && 完稿囉~

最開心也是最傷心的一天 真的很開心自己能夠撐30天發文QQ如果減肥也可以就好了呢其實這三十天也證明了我的毅力還是很夠的,但我不懂為甚麼體重一直下不來(ㄍ 不過很...

鐵人賽 Modern Web DAY 30
Daily UI : 開發者版 系列 第 30

技術 Vuetify:Google YoutubeMusic › Advanced Implementation

https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節,需透過 JS 處理會更好,...

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

技術 挑戰 Daily UI! Day_29-Map

快樂的度過了期中考呢QQ 除了數位系統的成績有夠怕QQ其他都9X安全度過辣RRR (:3 ⌒゙)數位系統設計我不懂為甚麼會考那麼低RRRRRRRRRR雖然才占總...

鐵人賽 Modern Web DAY 29
Daily UI : 開發者版 系列 第 29

技術 Vuetify:Google YoutubeMusic › Static Layout

https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...

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

技術 挑戰 Daily UI! Day_28-Contact Us

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

鐵人賽 Modern Web DAY 28
Daily UI : 開發者版 系列 第 28

技術 Vuetify:Google Contact

https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...

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

技術 挑戰 Daily UI! Day_27-Dropdown

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

鐵人賽 Modern Web DAY 7

技術 MarkMan - 高效的設計稿標註與測量工具

MarkMan – 馬克鰻是一款方便又高效的標註工具,可以節省設計師在設計稿上添加和修改標註的時間,簡單又易用的介面和工具,很快就能上手,除了設計師可以使用,工...

鐵人賽 Modern Web DAY 27
Daily UI : 開發者版 系列 第 27

技術 Vuetify:Google Domain

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...

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

技術 挑戰 Daily UI! Day_26-Subscribe

台大 == 人生贏家 這是今天得到的結論qq不意外就是看到題目就...不會寫(´・ω・`)各種演算法+資料結構qq我把題目整個看完之後就陣亡了我的隊友還是很努力...

鐵人賽 Modern Web DAY 26
Daily UI : 開發者版 系列 第 26

技術 Vuetify:Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼,今天專門介紹 Vue-port...

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

技術 挑戰 Daily UI! Day_25-TV App

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

鐵人賽 Modern Web DAY 25
Daily UI : 開發者版 系列 第 25

技術 Vuetify:Google News › Static Layout

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...

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

技術 挑戰 Daily UI! Day_24-Boarding Pass

明天要去台北測試了QQ 沒錯,我明天要去台北測試電腦,後天要比賽RRRRRR聽學長說題目是全新的那種,完全沒有範例或考古題仔細想想逢O根本沒有教很難很難的演算法...

鐵人賽 Modern Web DAY 24
Daily UI : 開發者版 系列 第 24

技術 Vuetify:Google Cardboard

https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...

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

技術 挑戰 Daily UI! Day_23-Onboarding

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

鐵人賽 自我挑戰組 DAY 27
Android API超初學!! 系列 第 27

技術 [番外篇] [Day 27] iOS Human Interface (6) APP icon設計 (cont.)

今天一樣是講APP icon設計,蘋果官網還提供哪些建議呢?一起來看吧! 昨天講的icon是大icon,也就是代表APP的icon;今天要講的是小icon,是出...

鐵人賽 Modern Web DAY 23
Daily UI : 開發者版 系列 第 23

技術 Vuetify:Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣,今...

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

技術 挑戰 Daily UI! Day_22-Search

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

鐵人賽 自我挑戰組 DAY 26
Android API超初學!! 系列 第 26

技術 [番外篇] [Day 26] iOS Human Interface (5) APP icon設計

Icon絕對是APP的第一門面,重要性可想而知。對於icon,蘋果官網也有一些建議:(若非特別標記,本文的icon圖片皆來自蘋果官網) 簡單 使用簡易且而準確代...

鐵人賽 Modern Web DAY 22
Daily UI : 開發者版 系列 第 22

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...

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

技術 挑戰 Daily UI! Day_21-Monitoring Dashboard

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

鐵人賽 自我挑戰組 DAY 25
Android API超初學!! 系列 第 25

技術 [番外篇] [Day 25] iOS Human Interface (4) 圖片解析度

研究了幾天Android activity之後,來換換口味,繼續之前沒讀完的iOS Human Interface。令人開心的番外篇開始囉! 今天來讀關於按鈕與...

鐵人賽 Modern Web DAY 21
Daily UI : 開發者版 系列 第 21

技術 Vuetify:Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難?難就難在如何以既有的 Vuetif...

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

技術 挑戰 Daily UI! Day_20-Location Tracker

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