規劃設計完 Wireflow 產出關鍵藍圖規格稿之後,基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入,以此目標族群會喜愛的視覺風格...
簡介 今天會講一下在設計前要怎麼建立環境,畢竟在設計前還是要先備好畫布嘛,但畫布的尺寸要怎麼挑選呢?所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
最後一天~~~壓軸當然是要最好玩的東西啦,講完今天的內容,大家就可以在介面上自由的創作了! ♠♣今天的文章大綱♥♦ 線條 矩形 圓或橢圓與圓弧 多邊形 線...
[Day 17] 使用者體驗與介面設計5.0:跨領域素養 (13min)-- T/π型人才 : 跨界創新-- 資訊素養 Information Literac...
今天邁入第14天了,耶~~~今天的內容我也是很喜歡,尤其是自己調整背景顏色的實作,真的覺得非常有趣~ ♠♣今天的文章大綱♥♦ Scale常用參數 用Frame...
最開心也是最傷心的一天 真的很開心自己能夠撐30天發文QQ如果減肥也可以就好了呢其實這三十天也證明了我的毅力還是很夠的,但我不懂為甚麼體重一直下不來(ㄍ 不過很...
Text會講三天,因為發現東西有點多,怕放在一篇會爆炸。 ♠♣今天的文章大綱♥♦ 復原與重複 搜尋 拼字check 復原與重複 import tkinte...
我覺得Progressbar超可愛,這個就很適合用在要做測驗之類的介面上。 ♠♣今天的文章大綱♥♦ Progressbar常用參數 動畫設計 Progress...
[上一篇在這]what's going on?? 今天要介紹的是Highcharts,jQuery的圖表套件。雖然圖表的功能,利用昨天介紹的Kendo UI就已...
Android裝置對於開發者而言最大的問題就是顯示裝置的大小不一! 而且要如何在行動裝置在直式與橫式之間做切換也是一大考驗! 要如何使用動態UI來避免Andro...
前面提到如何規劃擬定隱私三寶,今天就針對隱私策略的部分如何整合至產品的UI設計上呢?這會實際涵蓋Privacy by Design的概念,因並非UI設計專家(推...
https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...
OptionMenu就是下拉式選單的概念,可以有不同的設定方法,可以設成有預設選項的,也可以獲得選好的內容顯示在python shell上面。 ♠♣今天的文章大...
https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...
在學習一項新的軟體技術前,最重要的就是先建立好開發環境。一般來說開發環境包含兩塊:SDK 及開發工具(一般指 IDE)。由於我們使用的開發語言是 Kotlin,...
研究了幾天Android activity之後,來換換口味,繼續之前沒讀完的iOS Human Interface。令人開心的番外篇開始囉! 今天來讀關於按鈕與...
作為正式開始的第一篇要來講的是很基礎的網頁切版和怎麼去看網頁中有哪些元件,會分兩部分: 網頁微切版架構:讓還不太熟網頁的人理解一般網頁 UI 的架構大概會怎麼...
第15天~~~完成了一半的鐵人賽,之後也要繼續加油!今天要講的內容是Spinbox,後面有幾個實例的練習,可以一起做做看喔! ♠♣今天的文章大綱♥♦ Spin...
昨天的iOS架構圖,是參考Apple 2012年的技術文件-iOS Technology Overview所畫。「技術文件」這個詞給人一種很難讀的感覺,但事實上...
The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...
https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...
寫 UI 是精緻手工業 隨著軟體開發的演進,應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分,UI(User Interface,應用程式介面)永遠都佔據著一...
工作職責 :1.負責移動App產品的UI設計,根據產品屬性制定適合的界面風格,富於創意,有優於竟品的設計表現。2.瞭解產品定位和目標群體,對交互和用戶研究有一點...
今天一樣是講APP icon設計,蘋果官網還提供哪些建議呢?一起來看吧! 昨天講的icon是大icon,也就是代表APP的icon;今天要講的是小icon,是出...
設計大綱 一個平台要成功,當然少不了圖片/照片的介紹(很愛看圖的懶人XD),所以接下來要設計一個區塊 —— 專門輪播「使用平台的過程照片」。Bootstrap...
前言 我先建立一個原型(Prototype), 用來釐清這個WebApp的功能跟UI界面。 建立原型所用到的工具是Figma, 它有免費版本, 功能應該足以應付...
https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...
https://codepen.io/hereiscasio/pen/ZmYyYK?editors=1000 Used UI Component ( #2 )...
今天發文章是基於 android Intent轉跳問題 這一篇有感而發. 簡單說好了,不管是 Web,單機程式,手機程式 都會有前端跟後端,前端就是我們所謂的U...
大家好,我是YIYI,今天我要來介紹Whimsical。 關於Whimsical 在介紹如何使用前,先來說一下Whimsical是甚麼~Whimsical是一個...