設計大綱 稱讚完平台的優點後，接下來的區塊就要向使用者介紹使用的流程，但因為現代人都很懶得看很冗長的「說明書」，所以使用流程會採用簡約的方式去做介紹。 因為上面...
設計大綱 上一個區塊賣完小廣告後，今天馬上就給它塞個平台的優點進來，這樣可以讓使用者有「感同身受」的感覺，同時也能讓他們覺得「哇！好像真的很棒唷！」。 「優點」...
前言 利用剛設計好的帖子頁元件, 組合成帖子頁｡ 元件組合 建立一個屬於帖子頁的frame 先在Pages/Blog中, 按一下主頁的frame, 再按快捷...
設計大綱 上一個區塊設計了使用者的「痛點」，因此接下來的區塊想要做一個「平台的小廣告」，讓使用者了解到我們這個平台可以幫助他們解決問題。由於上一個區塊並不是滿版...
設計大綱 早安！今天來設計痛點，這邊我想要做三欄式，列出三個他們目前主要可能會遇到的問題，再加上圖片，讓使用者有感到身受的感覺。另外，因為Grid system...
作為正式開始的第一篇要來講的是很基礎的網頁切版和怎麼去看網頁中有哪些元件，會分兩部分： 網頁微切版架構：讓還不太熟網頁的人理解一般網頁 UI 的架構大概會怎麼...
UI版面配置 幾近年的FPDC遊戲，單角色的控制多以First Preson Shooter玩法為主要類型，而FPS的遊戲，手裡拿裝備，如劍、盾，是很直覺的呈現...
前言 今天要完成帖子頁的元件設計｡ 帖子頁的元件 帖子 基本上可以用回主頁的帖子元件, 這裡只是少了READ MORE, 還有把內容全部顯示出來｡ 回覆...
設計大綱 上一集設計完header的滿版背景後，今天會設計Navigation bar。Navbar在網頁來說也是蠻重要的一個元件，通常會有LOGO、常用按鈕或...
Hi 大家好，我是Rson，一位在科技業的互動介面設計師。在過去的專案及產品經歷中，累積了一些心得、檢討與領域知識，希望透過IT鐵人賽這個平台的寫作，將這幾年...
今天要講的是tkinter的變數類別，tkinter 的控制變數可以在某些控見執行的時候，更改內容，有四種控制變數的類別，分別為:Boolean() 布林值變...
耶~~~終於邁入第十天，完成了三分之一，今天要來講文字方塊，普遍常會看到的用法會在輸入號密碼的時候，但其實也可以用在很多地方，像是當成算運算式的工具，今天就會舉...
在處理一些短訊息的時候可以用 Message 的功能，這個功能跟 Label 有點類似，不一樣的地方是 Message 會自動分行；在python Tkinte...
Button()方法有在前兩天的時候提了一些，今天會更詳細的介紹Buton()的使用方法(o゜▽゜)o☆ 語法格式:Button ( master, optio...
今天要介紹place()方法，這個方法用到的機會比較少，將父容器左上角定為原點，直接指定控件要放的地方，所以缺點就是如果有一個控件要改位置，其他也必須一起改，因...
今天要介紹的是grid()方法，這個方法就像表格式排版，控件是依據指定的索引位置， 放入表格中，很適合用來處理複雜的頁面，一個網格row 跟 column 只能...
設計UI總共有三種方法去定位個元件在視窗內的位置，分別是pack方法、grid方法跟place方法，我會分成三篇文章來跟大家做介紹，今天就先來聊聊pack方法。...
今天要主要會介紹幾個 widget 的共通方法，後面的部分會介紹如何在介面上加上圖片還有其他幾個實用的方法~ ♠♣今天的文章大綱♥♦ widget的共通方法...
設計大綱 今天來設計Landing page的header。這次想要做的是一個滿版的header，在header裡面會有標題、內容、以及input（提供使用者填...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
大家好，我是YIYI，今天我要來介紹Whimsical。 關於Whimsical 在介紹如何使用前，先來說一下Whimsical是甚麼~Whimsical是一個...
前言 在開賽前，先來做個小小的自我介紹好了！目前是火箭隊的網頁設計組，加入火箭隊前有上過六角學院的UI課程（上課前完全是0基礎 ><!!!），但卻從...
大家好，我是YIYI，今天我要來和大家聊聊為什麼需要規格表簡介架構圖。 為什麼需要規格表? 規格表就像是在讀書時所制定的讀書計畫表，也就是規劃未來要做的事情。有...
今天要來聊標籤Label方法，這個部分會分成兩個主題來講，今天會先講widget的共通屬性，明天會講widget共通方法，那我們就開始吧(❁´◡`❁) ♠♣今天...
今天要介紹視窗設定，會分成三個部份來講，建立視窗、設定視窗大小跟視窗的其他基本設定，那我們不多說就直接開始吧~(@^0^@)/ ♠♣今天的文章大綱♥♦ 建立視...
哈囉，大家好，我是即將要升大三的老屁股Ψ(￣∀￣)Ψ，在一切因緣際會下決定要做用python寫UI這個主題，剛好對 Python 的語法也有一些經驗，所以就這樣...
前言 今天就把剛完成的元件組合成一個頁面吧。 框架 (Frame) 我先以桌面顯示器為目標, 建立一個桌面的框架作為頁面的外殼, 其解析度為1440x1024。...
我比較熟悉的ui是qt的，但是框架類似，下面就分幾步講解，我是如何在一個自動化項目中使用UI的：首先新建一個ui項目，項目的ui設計的部分，應該是交由ui設計或...
前言 我先建立一個原型(Prototype), 用來釐清這個WebApp的功能跟UI界面。 建立原型所用到的工具是Figma, 它有免費版本, 功能應該足以應付...
實際使用了Sketch、Figma、Adobe XD 以後，雖然Adobe XD的部分都沒有在這邊有詳細的操作，因為在習慣用Sketch之後發現Adobe XD...
烙詩
tlyau62
parkerhiphop027
ApprenticeGC
Rson Wilson
Firenze
YIYI
guopengzhen
ALian
iThome鐵人賽
看影片追技術