iT邦幫忙

ui相關文章
共有 230 則文章
鐵人賽 Modern Web DAY 1
挑戰 Daily UI! 系列 第 1

技術 挑戰 Daily UI! Day_01-Hello, Mamuri!

前言 其實我是來玩的一開始也很猶豫要不要參賽,畢竟我會的東西很雜,而且又不深入,總覺得出來混好像也不夠格(つд⊂)不過如果能讓我持續一個習慣30天的話,感覺似乎...

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 自我挑戰組 DAY 5

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

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

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

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

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

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

技術 挑戰 Daily UI! Day_29-Map

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

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 Mobile Development DAY 5

技術 Dungeon Mizarka 005

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

鐵人賽 Modern Web DAY 15

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

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

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

技術 Vuetify:Crowdfunding Card

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 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 26
挑戰 Daily UI! 系列 第 26

技術 挑戰 Daily UI! Day_26-Subscribe

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

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

技術 挑戰 Daily UI! Day_02-Checkout!

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Mobile Development DAY 22

技術 【30 天做一個極簡App】核心功能:實作語音轉文字筆記

昨天為App搭建了筆記區的UI骨架,今天將為這個骨架注入與實作整個App最核心、也最有趣的功能之一:語音轉文字筆記。 這個功能旨在解決靈感閃現時,打字記錄過於緩...

鐵人賽 Modern Web DAY 17

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

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

技術 UI使用建議

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

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

技術 Day 5 - [UI] 05-Android碎片化難題-避免跑版的技巧

情境 Android 手機,廠商多、機型多、長寬比例也各式各樣,確保 UI 在不同裝置上的一致性是一大挑戰。本文將介紹兩個避免 UI 跑版的重要概念。 Demo...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Mobile Development DAY 21

技術 【30 天做一個極簡App】UI 實作:筆記區&設定頁

鐵人賽第21天了,我App核心互動體驗已經在第二週建立起來。現在要開始將先前規劃中預留的空間一一填滿,讓App的功能更加完整。根據開發藍圖,今天的主軸是UI的擴...

鐵人賽 Modern Web DAY 24

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

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

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

技術 挑戰 Daily UI! Day_24-Boarding Pass

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

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

技術 挑戰 Daily UI! Day_27-Dropdown

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

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

技術 挑戰 Daily UI! Day_04-Calculator

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Mobile Development DAY 4

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

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