iT邦幫忙

ui相關文章
共有 211 則文章

技術 UI使用建議

小弟在工作上遇到一個疑問。目前工作的老闆看到項目拖曳效果的方式(jquery 的 draggable + sortable)感到喜歡。想加入管理系統的列表之中當...

鐵人賽 自我挑戰組 DAY 1

技術 【Day1】學習的動機

指南閱讀聲明:此系列文章非教學指南文,無從0開始可以學會的加持作用。 對於UI設計師而言,最重要的工具不外乎就是UI設計軟體了。但是因為有太多個UI設計軟體了,...

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

技術 Vuetify:Add To

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

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

技術 Vuetify:Crowdfunding Card

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

鐵人賽 自我挑戰組 DAY 5

技術 【Day5】Sketch篇 : Overrides是什麼神奇的小東西

我們昨天實際用 Artboards(畫布) 是 html 的環境、Symbol 是 class的連結想像,並進一步以Symobls的替換為例,不過並不是只有單純...

鐵人賽 自我挑戰組 DAY 6

技術 【Day6】Sketch篇 : Nested Symbols 一個創造經典的角色

Symbol特色 3:Nested Symbols Nested Symbols不僅是Symbol中最經典的功能,也是能將我們的設計系統活用的重要角色。 我們提...

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

技術 Vuetify:Google Cardboard

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

鐵人賽 Software Development DAY 5

技術 第 5 天:初始化專案

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

鐵人賽 Modern Web DAY 19

技術 【設計+切版30天實作】|Day19 - 切版 - Heroheader - 怎麼切出滿版heroheader?

大綱 前半段都在設計,今天開始就要進行切版了!(緊張!!!)那我們header的部分分成heroheader和navbar,今天的任務是切「Heroheader...

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

技術 挑戰 Daily UI! Day_02-Checkout!

安安 終於經歷完早上資料結構期中考的浩劫ヾ(●゜▽゜●)♡突然發現前面的章節真的好友善,看到後面的Graph還有tree,我就想開始哭了(?稍微分享一下題目類型...

鐵人賽 自我挑戰組 DAY 3

技術 【Day3】進入Sketch篇

Sketch應該是這三個軟體(Figmas、Adobe XD)中最成熟的設計工具了,但是只有mac系統可以使用的sktech,到底是怎麼持續處於領先的王者地位呢...

鐵人賽 Modern Web DAY 26

技術 【設計+切版30天實作】|Day26 - Reviews區塊 - 卡片可以因應不同用途而千變萬化

前面完成了「Carousel」區塊,今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight:Regular F...

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 自我挑戰組 DAY 4

技術 【Day4】Sketch篇 : 原來Sketch跟Html也滿像的

上一篇我們大概提到Sketch跟網頁切版的Html、css概念很像,今天我們則是先來看看Symbol的部分。 Symbol特色 1:替換 替換這個功能,就是讓我...

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

技術 挑戰 Daily UI! Day_26-Subscribe

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

鐵人賽 Mobile Development DAY 11
Flutter App 開發實戰 系列 第 11

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

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

鐵人賽 Software Development DAY 7

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

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

鐵人賽 Modern Web DAY 11

技術 【設計+切版30天實作】|Day11 - [設計進階挑戰] 如何把Reviews的呈現方式改成可滾動式的卡片呢?

設計大綱 在上一篇設計「Reviews」這個區塊時,有提到切版時可能會有「切不出來」的情況發生,所以只好把原本腦海裡想要的設計改成簡單兩行的卡片式去呈現。但是!...

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

技術 挑戰 Daily UI! Day_06-User Profile

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

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

技術 挑戰 Daily UI! Day_04-Calculator

這個禮拜泡湯了。・゚・(つд`゚)・゚・ 好不容易考完了所有考試,想說來放個假可是!!!可是!!!離散要補課啊啊啊啊啊─然後禮拜日又有私事嗚嗚嗚,覺得難過美好的...

鐵人賽 Modern Web DAY 10

技術 【設計+切版30天實作】|Day10 - 因應Bootstrap的元件去彈性設計Reviews區塊

設計大綱 原本想把Reviews做成一行六個、並且可以超出視窗,另外使用者可以用拖曳的方式去移動卡片。但看完Boostrap 5的官網,目前好像沒辦法切出超出視...

鐵人賽 Modern Web DAY 15

技術 【設計+切版30天實作】|Day15 - 來個完美的簡約風Footer結束這回合

設計大綱 Landing Page的主要色都偏深色,另外CTA也有用主要色作為背景顏色了,所以這邊的Footer就決定用淺色的Secondary-color來作...

技術 新手指南:快速掌握UI/UX設計及實用工具推薦

在當今這個數位化的時代,UI/UX設計的重要性日益凸顯,它不僅關乎產品的視覺呈現,更影響著用戶體驗的質量。因此,許多設計新手都積極尋找能快速上手並提升設計效率的...

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

技術 Vuetify:Google Fonts › Static Layout

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

鐵人賽 Modern Web DAY 5

技術 【設計+切版30天實作】|Day5 - 做出3欄式「痛點」設計

設計大綱 早安!今天來設計痛點,這邊我想要做三欄式,列出三個他們目前主要可能會遇到的問題,再加上圖片,讓使用者有感到身受的感覺。另外,因為Grid system...

鐵人賽 Modern Web DAY 22

技術 【設計+切版30天實作】|Day22 - 設計小廣告 - 背景上又有背景到底怎麼切!

前面完成了「PainPoints」,今天來完成這一塊「小廣告」的區塊。 數據收集 Content標題的樣式 Font-weight:Bold Fon...

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

技術 挑戰 Daily UI! Day_24-Boarding Pass

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

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

技術 挑戰 Daily UI! Day_05-App Icon

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

鐵人賽 Mobile Development DAY 5

技術 Dungeon Mizarka 005

UI版面配置 幾近年的FPDC遊戲,單角色的控制多以First Preson Shooter玩法為主要類型,而FPS的遊戲,手裡拿裝備,如劍、盾,是很直覺的呈現...