前面完成了小廣告區塊，今天來完成「平台好處 - pros」的區塊。 數據收集 card標題的樣式 Font-weight：Bold Font-siz...
我覺得Progressbar超可愛，這個就很適合用在要做測驗之類的介面上。 ♠♣今天的文章大綱♥♦ Progressbar常用參數 動畫設計 Progress...
前面完成了「PainPoints」，今天來完成這一塊「小廣告」的區塊。 數據收集 Content標題的樣式 Font-weight：Bold Fon...
PanedWindow有點像frame，但裡面可以放很多子控建，Notebook就是有很多分頁的感覺，可以切換頁面。 ♠♣今天的文章大綱♥♦ PanedWin...
大綱 昨天完成header的部分了，所以接下來就會進入main的部分，今天要完成的是「PainPoints」的區塊。（如下圖） 數據收集 標題的樣式 F...
前二篇解釋了 GUI Design 階段的重點，也提到此時花費設計師的工時相當可觀。功欲善其事，必先利其器，挑選一個稱手、效率高的設計軟體就很重要。目前 GUI...
Combobox就是組合框，是tkinter.ttk的空件，所以要先import才可以用。他跟openmenu很像，也是一種下拉式選單。 ♠♣今天的文章大綱♥♦...
OptionMenu就是下拉式選單的概念，可以有不同的設定方法，可以設成有預設選項的，也可以獲得選好的內容顯示在python shell上面。 ♠♣今天的文章大...
大綱 昨天完成了header的下半部分，今天的任務就要來完成header的上半部分 —— Navigation bar！廢話不多說，馬上開始吧！ 數據收集 n...
字距、行距、與其他物件的距離，調整適當能讓使用者有舒服的體驗，而良好的排版能引導使用者優先接收整個畫面的重要資訊。 字與字的距離 字距：通常不太調動，不過想...
大綱 前半段都在設計，今天開始就要進行切版了！(緊張!!!)那我們header的部分分成heroheader和navbar，今天的任務是切「Heroheader...
今天延續昨天的Listbox做一些更進階的操作，加入刪除、項目的排序和拖曳項目，這些都是平常常會用到的。 ♠♣今天的文章大綱♥♦ 加入和刪除 項目排序 拖曳項...
規劃設計完 Wireflow 產出關鍵藍圖規格稿之後，基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入，以此目標族群會喜愛的視覺風格...
Listbox表單是可以顯示很多選項的空件，一次可以執行一個或多個。 語法:Listbox( master, option, ... ) ♠♣今天的文章大綱♥♦...
綁定事件就是可以回傳在執行時的動作位置，雖然說有很多的不同事件可以使用，但是要注意，當滑鼠與鍵盤同時綁定時會出現小陷阱，下面會有實例跟大家說明要怎麼解決這個問題...
大綱 上一篇把環境都建立完成後，今天要來做客製化，但在這之前，先來說明一下為什麼要客製化，以及為什麼會把客製化放在前面。 由於這一次的挑戰是以設計師角度去做，因...
大綱 要切版前當然是要先來建立環境，所以我們下一篇再來做客製化！那環境要怎麼建立？其實還蠻簡單的！只要跟著下面的步驟去做，很快就會上手啦！不過先說明一下，這篇文...
大綱 前面已經把Landing Page的設計稿設計完成了，接下來要開始切版實作！但在切版前，我們需要把設計稿上的數據都先列出來，因為切版前要先做客製化的設定唷...
第15天~~~完成了一半的鐵人賽，之後也要繼續加油!今天要講的內容是Spinbox，後面有幾個實例的練習，可以一起做做看喔! ♠♣今天的文章大綱♥♦ Spin...
設計大綱 Landing Page的主要色都偏深色，另外CTA也有用主要色作為背景顏色了，所以這邊的Footer就決定用淺色的Secondary-color來作...
設計大綱 設計CTA的用意一方面是讓結尾不會來得太突然，另一方面是想在網頁的最後再來一個「Call To Action」。 由於上面已經有蠻多不同樣式的設計區塊...
設計大綱 昨天設計的「方案」區塊的背景設計是單純一個長方形＋背景顏色＋陰影。今天想來做點不一樣的，所以來寫個「進階挑戰」。這一個挑戰主要打算修改「方案的背景框」...
設計大綱 今天要來設計「方案」，外面的網站通常會有3個方案供使用者選擇。另外如果要吸引使用者註冊的話，那通常會有一個是「免費試用」方案讓使用者試用，從而引導使用...
當概念驗証過有價值且方向大致正確後，就會開始撰寫 User Story，然後進入正式的 UX/UI 設計流程。 什麼是 User Story User Sto...
今天邁入第14天了，耶~~~今天的內容我也是很喜歡，尤其是自己調整背景顏色的實作，真的覺得非常有趣~ ♠♣今天的文章大綱♥♦ Scale常用參數 用Frame...
今天學校放假，但是有老師說要上課，所以下午還是沒有放到假(T_T)，但其實有放假跟沒放假好像沒什麼差別，反正都是遠距上課(¬‿¬)，不過只遠距到這禮拜啦，下禮拜...
今天要講到我最喜歡的部分，選項鈕與核取方塊checkbox，覺得做出選項鈕去選很好玩，很像在做測驗。 ♠♣今天的文章大綱♥♦ 選項鈕常用參數 實作選項鈕...
設計大綱 在上一篇設計「Reviews」這個區塊時，有提到切版時可能會有「切不出來」的情況發生，所以只好把原本腦海裡想要的設計改成簡單兩行的卡片式去呈現。但是！...
設計大綱 原本想把Reviews做成一行六個、並且可以超出視窗，另外使用者可以用拖曳的方式去移動卡片。但看完Boostrap 5的官網，目前好像沒辦法切出超出視...
設計大綱 一個平台要成功，當然少不了圖片/照片的介紹（很愛看圖的懶人XD），所以接下來要設計一個區塊 —— 專門輪播「使用平台的過程照片」。Bootstrap...
烙詩
Firenze
Rson Wilson
atain880625
iThome鐵人賽
看影片追技術