規劃設計完 Wireflow 產出關鍵藍圖規格稿之後，基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入，以此目標族群會喜愛的視覺風格...
https://codepen.io/hereiscasio/pen/wQvVzP?editors=1000 Used UI Component ( #5 )...
工具是用來解決問題的！所有的產品、作品、工具、服務都是時下的產物。以UI設計來說，現在進入快速迭代設計的型態，跟幾年前的設計流程以及需求有大大的不同。 不過因為...
有系統的交付 UI 設計 在設計師們 UI 時，我們能夠隨時、直接的在 Figma 上看到，UI 的各種 width、padding 數值。雖然自動產生的方便歸...
差不多該進入 Android TV 開發的主題了雖說 Android TV 和 Android Phone 都是 Android 系統但是還是有些地方需要去考慮...
第15天~~~完成了一半的鐵人賽，之後也要繼續加油!今天要講的內容是Spinbox，後面有幾個實例的練習，可以一起做做看喔! ♠♣今天的文章大綱♥♦ Spin...
前言 我先建立一個原型(Prototype), 用來釐清這個WebApp的功能跟UI界面。 建立原型所用到的工具是Figma, 它有免費版本, 功能應該足以應付...
Text會講三天，因為發現東西有點多，怕放在一篇會爆炸。 ♠♣今天的文章大綱♥♦ 復原與重複 搜尋 拼字check 復原與重複 import tkinte...
在之前的篇幅中，我們溝通模型都已經完成了，但這些其實還差一個UI，當然你可以自己寫，在將東西串過去，不過我這邊就介紹一個簡易方便的套件，就是Streamlit和...
大家好，我是YIYI，今天我要來介紹Whimsical。 關於Whimsical 在介紹如何使用前，先來說一下Whimsical是甚麼~Whimsical是一個...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
塞這主題是為了完整性但我其實沒什麼資格來介紹這兩大topic就是所以只會從工程師的觀點來講連假偷懶一點吧 ＵＩ是 user interface所以通常是與客戶接...
作為正式開始的第一篇要來講的是很基礎的網頁切版和怎麼去看網頁中有哪些元件，會分兩部分： 網頁微切版架構：讓還不太熟網頁的人理解一般網頁 UI 的架構大概會怎麼...
OptionMenu就是下拉式選單的概念，可以有不同的設定方法，可以設成有預設選項的，也可以獲得選好的內容顯示在python shell上面。 ♠♣今天的文章大...
https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節，需透過 JS 處理會更好，...
最開心也是最傷心的一天 真的很開心自己能夠撐30天發文QQ如果減肥也可以就好了呢其實這三十天也證明了我的毅力還是很夠的，但我不懂為甚麼體重一直下不來(ㄍ 不過很...
設計網頁畫面 對於網站的需求前幾天已經討論過，也整理出User story和一些作業流程，儘管不是很正式、很精確，但也可以根據這樣的操作流程設計出該有的畫面。藉...
今天，就當閒話家常，待我娓娓道來 UI Framework & Design Spec Ant Design, Material Design,...
第一次壓線發文耶，今天真的有點忙，到現在才發文。Menu就是功能表的表單，通常都會在介面的最上面，是很常見的工具喔~ ♠♣今天的文章大綱♥♦ Menu基本參數...
寫 UI 是精緻手工業 隨著軟體開發的演進，應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分，UI（User Interface，應用程式介面）永遠都佔據著一...
研究了幾天Android activity之後，來換換口味，繼續之前沒讀完的iOS Human Interface。令人開心的番外篇開始囉！ 今天來讀關於按鈕與...
https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...
設計大綱 一個平台要成功，當然少不了圖片/照片的介紹（很愛看圖的懶人XD），所以接下來要設計一個區塊 —— 專門輪播「使用平台的過程照片」。Bootstrap...
Kafka UI 是一個open source的 kafka UI 介面工具．主要是可以讓你查看Kakfa內各topic狀態、partition內資料訊息內容....
https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...
Figma 讓合作更緊密 藉由 Figma 即時同步，團隊成員可以共同參與，隨時跟進進度與提供回饋。一個健康的產品團隊需要設計與開發緊密協作，互相理解與回饋。合...
昨天的iOS架構圖，是參考Apple 2012年的技術文件-iOS Technology Overview所畫。「技術文件」這個詞給人一種很難讀的感覺，但事實上...
[上一篇在這]what's going on?? 今天要介紹的是Highcharts，jQuery的圖表套件。雖然圖表的功能，利用昨天介紹的Kendo UI就已...
前面章節中，我們已經完成了從 YOLO/OCR 自動辨識到 IFC/BIM 建模的技術流程，但單靠指令行或程式碼操作的技術門檻還是太高。為了把複雜流程轉化成...
要掌握 Compose，就得了解其元件庫有哪些元件可使用，以及各元件的使用方式。因此從今天開始，耕讀筆記將綜覽常用 UI 元件，了解各元件的名稱、可傳入的參數及...
Rson
Casio
ikea
TC
lionlions
Firenze
tlyau62
nighting
YIYI
烙詩
Mike Fang
parkerhiphop027
阿褚
eyelash*睫毛
聖佑
HANA APP
lycjean
Yi-Ping, Fang
iThome鐵人賽
看影片追技術