小弟在工作上遇到一個疑問。目前工作的老闆看到項目拖曳效果的方式(jquery 的 draggable + sortable)感到喜歡。想加入管理系統的列表之中當...
指南閱讀聲明:此系列文章非教學指南文,無從0開始可以學會的加持作用。 對於UI設計師而言,最重要的工具不外乎就是UI設計軟體了。但是因為有太多個UI設計軟體了,...
https://codepen.io/hereiscasio/pen/mzvMdy?editors=1010 Used UI Component ( #3 )...
https://codepen.io/hereiscasio/pen/xyWppM?editors=1000 Used UI Component ( #1 )...
前面完成了「CTA」區塊,今天來完成「Footer」的區塊。 數據收集 Footer的樣式 Background-color:$Secondary...
我們昨天實際用 Artboards(畫布) 是 html 的環境、Symbol 是 class的連結想像,並進一步以Symobls的替換為例,不過並不是只有單純...
Symbol特色 3:Nested Symbols Nested Symbols不僅是Symbol中最經典的功能,也是能將我們的設計系統活用的重要角色。 我們提...
https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...
安裝好 SDK、開發工具及外掛程式後,就完成了所有前置作業。耕讀筆記的第四步,就來初始化 Compose for Desktop 專案,並實際將專案運行起來。...
大綱 前半段都在設計,今天開始就要進行切版了!(緊張!!!)那我們header的部分分成heroheader和navbar,今天的任務是切「Heroheader...
安安 終於經歷完早上資料結構期中考的浩劫ヾ(●゜▽゜●)♡突然發現前面的章節真的好友善,看到後面的Graph還有tree,我就想開始哭了(?稍微分享一下題目類型...
Sketch應該是這三個軟體(Figmas、Adobe XD)中最成熟的設計工具了,但是只有mac系統可以使用的sktech,到底是怎麼持續處於領先的王者地位呢...
前面完成了「Carousel」區塊,今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight:Regular F...
那是什麼?為什麼是 UI? 當我腦海中有這兩個字的時候,沒有猶豫立即起身做到電腦前 Google,到底 UI 跟未來職涯有什麼關係?其實我知道 UI 就是使...
上一篇我們大概提到Sketch跟網頁切版的Html、css概念很像,今天我們則是先來看看Symbol的部分。 Symbol特色 1:替換 替換這個功能,就是讓我...
台大 == 人生贏家 這是今天得到的結論qq不意外就是看到題目就...不會寫(´・ω・`)各種演算法+資料結構qq我把題目整個看完之後就陣亡了我的隊友還是很努力...
這個專案會有需要讓使用者進行儲值的動作,所以我們就要來設計一個選擇儲值金額的頁面,頁面上需要顯示目前的餘額、4種金額可以選取和前往付款的按鈕,今天我們會先從 U...
要掌握 Compose,就得了解其元件庫有哪些元件可使用,以及各元件的使用方式。因此從今天開始,耕讀筆記將綜覽常用 UI 元件,了解各元件的名稱、可傳入的參數及...
設計大綱 在上一篇設計「Reviews」這個區塊時,有提到切版時可能會有「切不出來」的情況發生,所以只好把原本腦海裡想要的設計改成簡單兩行的卡片式去呈現。但是!...
美好的假日結束了( ˘・з・) 今天難得度過了非常廢的假日,晚上都在瘋狂的補今天該做的事情哈哈哈不過吃到了很多好吃的東西,都要感謝我的男碰友(*´∀`)~♥ U...
這個禮拜泡湯了。・゚・(つд`゚)・゚・ 好不容易考完了所有考試,想說來放個假可是!!!可是!!!離散要補課啊啊啊啊啊─然後禮拜日又有私事嗚嗚嗚,覺得難過美好的...
設計大綱 原本想把Reviews做成一行六個、並且可以超出視窗,另外使用者可以用拖曳的方式去移動卡片。但看完Boostrap 5的官網,目前好像沒辦法切出超出視...
設計大綱 Landing Page的主要色都偏深色,另外CTA也有用主要色作為背景顏色了,所以這邊的Footer就決定用淺色的Secondary-color來作...
在當今這個數位化的時代,UI/UX設計的重要性日益凸顯,它不僅關乎產品的視覺呈現,更影響著用戶體驗的質量。因此,許多設計新手都積極尋找能快速上手並提升設計效率的...
https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...
設計大綱 早安!今天來設計痛點,這邊我想要做三欄式,列出三個他們目前主要可能會遇到的問題,再加上圖片,讓使用者有感到身受的感覺。另外,因為Grid system...
前面完成了「PainPoints」,今天來完成這一塊「小廣告」的區塊。 數據收集 Content標題的樣式 Font-weight:Bold Fon...
明天要去台北測試了QQ 沒錯,我明天要去台北測試電腦,後天要比賽RRRRRR聽學長說題目是全新的那種,完全沒有範例或考古題仔細想想逢O根本沒有教很難很難的演算法...
廢言 今天下午被召喚去上離散,頭一次聽了兩個小時的證明。數學歸納法什麼的最討厭了嗚嗚嗚(#不過我很努力不滑手機、不睡覺撐了三個小時,也算是一種成就吧(? App...
UI版面配置 幾近年的FPDC遊戲,單角色的控制多以First Preson Shooter玩法為主要類型,而FPS的遊戲,手裡拿裝備,如劍、盾,是很直覺的呈現...