iT邦幫忙

ui相關文章
共有 211 則文章
鐵人賽 Modern Web DAY 17

技術 Day 17. UX/UI 設計流程之五:GUI Design (上)

規劃設計完 Wireflow 產出關鍵藍圖規格稿之後,基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入,以此目標族群會喜愛的視覺風格...

鐵人賽 自我挑戰組 DAY 17
一起用python寫UI 系列 第 17

技術 Day17 用python寫UI-聊聊Listbox基本操作

Listbox表單是可以顯示很多選項的空件,一次可以執行一個或多個。 語法:Listbox( master, option, ... ) ♠♣今天的文章大綱♥♦...

鐵人賽 Modern Web DAY 18

技術 【設計+切版30天實作】|Day18 - Bootstrap的客製化

大綱 上一篇把環境都建立完成後,今天要來做客製化,但在這之前,先來說明一下為什麼要客製化,以及為什麼會把客製化放在前面。 由於這一次的挑戰是以設計師角度去做,因...

鐵人賽 自我挑戰組 DAY 16
一起用python寫UI 系列 第 16

技術 Day16 用python寫UI-聊聊Binding events

綁定事件就是可以回傳在執行時的動作位置,雖然說有很多的不同事件可以使用,但是要注意,當滑鼠與鍵盤同時綁定時會出現小陷阱,下面會有實例跟大家說明要怎麼解決這個問題...

鐵人賽 Modern Web DAY 17

技術 【設計+切版30天實作】|Day17 - Bootstrap的環境建立

大綱 要切版前當然是要先來建立環境,所以我們下一篇再來做客製化!那環境要怎麼建立?其實還蠻簡單的!只要跟著下面的步驟去做,很快就會上手啦!不過先說明一下,這篇文...

鐵人賽 自我挑戰組 DAY 15
一起用python寫UI 系列 第 15

技術 Day15 用python寫UI-聊聊Spinbox

第15天~~~完成了一半的鐵人賽,之後也要繼續加油!今天要講的內容是Spinbox,後面有幾個實例的練習,可以一起做做看喔! ♠♣今天的文章大綱♥♦ Spin...

鐵人賽 Modern Web DAY 16

技術 【設計+切版30天實作】|Day16 - 進入切版前的前置作業之列出設計稿上的數據

大綱 前面已經把Landing Page的設計稿設計完成了,接下來要開始切版實作!但在切版前,我們需要把設計稿上的數據都先列出來,因為切版前要先做客製化的設定唷...

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 自我挑戰組 DAY 14
一起用python寫UI 系列 第 14

技術 Day14 用python寫UI-聊聊Scale

今天邁入第14天了,耶~~~今天的內容我也是很喜歡,尤其是自己調整背景顏色的實作,真的覺得非常有趣~ ♠♣今天的文章大綱♥♦ Scale常用參數 用Frame...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 自我挑戰組 DAY 13
一起用python寫UI 系列 第 13

技術 Day13 用python寫UI-聊聊Frame

今天學校放假,但是有老師說要上課,所以下午還是沒有放到假(T_T),但其實有放假跟沒放假好像沒什麼差別,反正都是遠距上課(¬‿¬),不過只遠距到這禮拜啦,下禮拜...

鐵人賽 Modern Web DAY 13

技術 【設計+切版30天實作】|Day13 - [設計進階挑戰] 把原本Plans的背景圖形改成特殊形狀

設計大綱 昨天設計的「方案」區塊的背景設計是單純一個長方形+背景顏色+陰影。今天想來做點不一樣的,所以來寫個「進階挑戰」。這一個挑戰主要打算修改「方案的背景框」...

鐵人賽 自我挑戰組 DAY 12
一起用python寫UI 系列 第 12

技術 Day12 用python寫UI-聊聊選項鈕與核取方塊checkbox

今天要講到我最喜歡的部分,選項鈕與核取方塊checkbox,覺得做出選項鈕去選很好玩,很像在做測驗。 ♠♣今天的文章大綱♥♦ 選項鈕常用參數 實作選項鈕...

鐵人賽 Modern Web DAY 12

技術 【設計+切版30天實作】|Day12 - 怎麼讓使用者選中您想要他選的Plans設計?

設計大綱 今天要來設計「方案」,外面的網站通常會有3個方案供使用者選擇。另外如果要吸引使用者註冊的話,那通常會有一個是「免費試用」方案讓使用者試用,從而引導使用...

鐵人賽 自我挑戰組 DAY 11
一起用python寫UI 系列 第 11

技術 Day11 用python寫UI-聊聊變數類別

今天要講的是tkinter的變數類別,tkinter 的控制變數可以在某些控見執行的時候,更改內容,有四種控制變數的類別,分別為:Boolean() 布林值變...

鐵人賽 Modern Web DAY 10

技術 Day10. User Story 與 UX / UI 設計流程

當概念驗証過有價值且方向大致正確後,就會開始撰寫 User Story,然後進入正式的 UX/UI 設計流程。 什麼是 User Story User Sto...

鐵人賽 自我挑戰組 DAY 10
一起用python寫UI 系列 第 10

技術 Day10 用python寫UI-聊聊文字方塊Entry

耶~~~終於邁入第十天,完成了三分之一,今天要來講文字方塊,普遍常會看到的用法會在輸入號密碼的時候,但其實也可以用在很多地方,像是當成算運算式的工具,今天就會舉...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 自我挑戰組 DAY 9
一起用python寫UI 系列 第 9

技術 Day9 用python寫UI-聊聊Message & Messagebox

在處理一些短訊息的時候可以用 Message 的功能,這個功能跟 Label 有點類似,不一樣的地方是 Message 會自動分行;在python Tkinte...

鐵人賽 自我挑戰組 DAY 8
一起用python寫UI 系列 第 8

技術 Day8 用python寫UI-聊聊功能鈕Button

Button()方法有在前兩天的時候提了一些,今天會更詳細的介紹Buton()的使用方法(o゜▽゜)o☆ 語法格式:Button ( master, optio...

鐵人賽 Modern Web DAY 9

技術 【設計+切版30天實作】|Day9 - 把Bootstrap預設的Carousel新增變化

設計大綱 一個平台要成功,當然少不了圖片/照片的介紹(很愛看圖的懶人XD),所以接下來要設計一個區塊 —— 專門輪播「使用平台的過程照片」。Bootstrap...

鐵人賽 Modern Web DAY 8

技術 【設計+切版30天實作】|Day8 - 看起來簡單但不單調的steps設計

設計大綱 稱讚完平台的優點後,接下來的區塊就要向使用者介紹使用的流程,但因為現代人都很懶得看很冗長的「說明書」,所以使用流程會採用簡約的方式去做介紹。 因為上面...

鐵人賽 自我挑戰組 DAY 7
一起用python寫UI 系列 第 7

技術 Day7 用python寫UI-聊聊標籤Label方法(二)

今天要主要會介紹幾個 widget 的共通方法,後面的部分會介紹如何在介面上加上圖片還有其他幾個實用的方法~ ♠♣今天的文章大綱♥♦ widget的共通方法...

鐵人賽 Modern Web DAY 7

技術 【設計+切版30天實作】|Day7 - 設計出無外框式的三欄式pros區塊

設計大綱 上一個區塊賣完小廣告後,今天馬上就給它塞個平台的優點進來,這樣可以讓使用者有「感同身受」的感覺,同時也能讓他們覺得「哇!好像真的很棒唷!」。 「優點」...

鐵人賽 自我挑戰組 DAY 6
一起用python寫UI 系列 第 6

技術 Day6 用python寫UI-聊聊標籤Label方法(一)

今天要來聊標籤Label方法,這個部分會分成兩個主題來講,今天會先講widget的共通屬性,明天會講widget共通方法,那我們就開始吧(❁´◡`❁) ♠♣今天...

鐵人賽 Modern Web DAY 6

技術 【設計+切版30天實作】|Day6 - 設計出背景上又有背景的吸睛小廣告

設計大綱 上一個區塊設計了使用者的「痛點」,因此接下來的區塊想要做一個「平台的小廣告」,讓使用者了解到我們這個平台可以幫助他們解決問題。由於上一個區塊並不是滿版...

鐵人賽 自我挑戰組 DAY 5
一起用python寫UI 系列 第 5

技術 Day5 用python寫UI-聊聊視窗控件配置管理員-place方法

今天要介紹place()方法,這個方法用到的機會比較少,將父容器左上角定為原點,直接指定控件要放的地方,所以缺點就是如果有一個控件要改位置,其他也必須一起改,因...

鐵人賽 自我挑戰組 DAY 4
一起用python寫UI 系列 第 4

技術 Day4 用python寫UI-聊聊視窗控件配置管理員-grid方法

今天要介紹的是grid()方法,這個方法就像表格式排版,控件是依據指定的索引位置, 放入表格中,很適合用來處理複雜的頁面,一個網格row 跟 column 只能...

鐵人賽 Modern Web DAY 5

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

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