iT邦幫忙

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

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

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

鐵人賽 Modern Web DAY 2

技術 【設計+切版30天實作】|Day2 - 開始設計前的環境建立 (Adobe XD)

簡介 今天會講一下在設計前要怎麼建立環境,畢竟在設計前還是要先備好畫布嘛,但畫布的尺寸要怎麼挑選呢?所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...

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

技術 Day30 用python寫UI-Canvas(二)

最後一天~~~壓軸當然是要最好玩的東西啦,講完今天的內容,大家就可以在介面上自由的創作了! ♠♣今天的文章大綱♥♦ 線條 矩形 圓或橢圓與圓弧 多邊形 線...

鐵人賽 影片教學 DAY 17

技術 使用者體驗與介面設計 (1/2)

[Day 17] 使用者體驗與介面設計5.0:跨領域素養 (13min)-- T/π型人才 : 跨界創新-- 資訊素養 Information Literac...

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

技術 Day14 用python寫UI-聊聊Scale

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

鐵人賽 Modern Web DAY 30
挑戰 Daily UI! 系列 第 30

技術 挑戰 Daily UI! Day_30-Pricing && 完稿囉~

最開心也是最傷心的一天 真的很開心自己能夠撐30天發文QQ如果減肥也可以就好了呢其實這三十天也證明了我的毅力還是很夠的,但我不懂為甚麼體重一直下不來(ㄍ 不過很...

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

技術 Day25 用python寫UI-聊聊Text(二)

Text會講三天,因為發現東西有點多,怕放在一篇會爆炸。 ♠♣今天的文章大綱♥♦ 復原與重複 搜尋 拼字check 復原與重複 import tkinte...

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

技術 Day22 用python寫UI-聊聊Progressbar

我覺得Progressbar超可愛,這個就很適合用在要做測驗之類的介面上。 ♠♣今天的文章大綱♥♦ Progressbar常用參數 動畫設計 Progress...

鐵人賽 學生 DAY 13
於是我e路向前 系列 第 13

技術 小小上班族體驗生活part7_Highcharts

[上一篇在這]what's going on?? 今天要介紹的是Highcharts,jQuery的圖表套件。雖然圖表的功能,利用昨天介紹的Kendo UI就已...

技術 針對 Android 裝置建立動態 UI

Android裝置對於開發者而言最大的問題就是顯示裝置的大小不一! 而且要如何在行動裝置在直式與橫式之間做切換也是一大考驗! 要如何使用動態UI來避免Andro...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 隱私規劃與UI設計定義實作

前面提到如何規劃擬定隱私三寶,今天就針對隱私策略的部分如何整合至產品的UI設計上呢?這會實際涵蓋Privacy by Design的概念,因並非UI設計專家(推...

鐵人賽 Modern Web DAY 9
Daily UI : 開發者版 系列 第 9

技術 Vuetify:Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

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

技術 Day19 用python寫UI-聊聊OptionMenu

OptionMenu就是下拉式選單的概念,可以有不同的設定方法,可以設成有預設選項的,也可以獲得選好的內容顯示在python shell上面。 ♠♣今天的文章大...

鐵人賽 Modern Web DAY 17
Daily UI : 開發者版 系列 第 17

技術 Vuetify:File Upload Widget

https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...

鐵人賽 Software Development DAY 2

技術 第 2 天:安裝 IntelliJ IDEA

在學習一項新的軟體技術前,最重要的就是先建立好開發環境。一般來說開發環境包含兩塊:SDK 及開發工具(一般指 IDE)。由於我們使用的開發語言是 Kotlin,...

鐵人賽 自我挑戰組 DAY 25
Android API超初學!! 系列 第 25

技術 [番外篇] [Day 25] iOS Human Interface (4) 圖片解析度

研究了幾天Android activity之後,來換換口味,繼續之前沒讀完的iOS Human Interface。令人開心的番外篇開始囉! 今天來讀關於按鈕與...

鐵人賽 Modern Web DAY 2

技術 Day 02 - 行前說明 — 網頁微切版架構 和 UI 元件

作為正式開始的第一篇要來講的是很基礎的網頁切版和怎麼去看網頁中有哪些元件,會分兩部分: 網頁微切版架構:讓還不太熟網頁的人理解一般網頁 UI 的架構大概會怎麼...

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

技術 Day15 用python寫UI-聊聊Spinbox

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

鐵人賽 自我挑戰組 DAY 7
Android API超初學!! 系列 第 7

技術 [番外篇] [Day 7] iOS Human Interface (1) Themes

昨天的iOS架構圖,是參考Apple 2012年的技術文件-iOS Technology Overview所畫。「技術文件」這個詞給人一種很難讀的感覺,但事實上...

鐵人賽 Modern Web DAY 4
Daily UI : 開發者版 系列 第 4

技術 Vuetify:Preface › ❹ Best Learning Strategy on Vuetify

The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...

鐵人賽 Modern Web DAY 12
Daily UI : 開發者版 系列 第 12

技術 Vuetify:Credit Card Payment

https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...

鐵人賽 Software Development DAY 1

技術 第 1 天:踏上探索 Compose for Desktop 的旅程

寫 UI 是精緻手工業 隨著軟體開發的演進,應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分,UI(User Interface,應用程式介面)永遠都佔據著一...

徵才 百萬年薪聘請 資深app設計師【駐菲律賓】

工作職責 :1.負責移動App產品的UI設計,根據產品屬性制定適合的界面風格,富於創意,有優於竟品的設計表現。2.瞭解產品定位和目標群體,對交互和用戶研究有一點...

鐵人賽 自我挑戰組 DAY 27
Android API超初學!! 系列 第 27

技術 [番外篇] [Day 27] iOS Human Interface (6) APP icon設計 (cont.)

今天一樣是講APP icon設計,蘋果官網還提供哪些建議呢?一起來看吧! 昨天講的icon是大icon,也就是代表APP的icon;今天要講的是小icon,是出...

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 2

技術 Day 2 - 原型: Figma

前言 我先建立一個原型(Prototype), 用來釐清這個WebApp的功能跟UI界面。 建立原型所用到的工具是Figma, 它有免費版本, 功能應該足以應付...

鐵人賽 Modern Web DAY 16
Daily UI : 開發者版 系列 第 16

技術 Vuetify:About Card

https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...

鐵人賽 Modern Web DAY 8
Daily UI : 開發者版 系列 第 8

技術 Vuetify:Time is money

https://codepen.io/hereiscasio/pen/ZmYyYK?editors=1000 Used UI Component ( #2 )...

技術 [觀念] 前端與UI事件

今天發文章是基於 android Intent轉跳問題 這一篇有感而發. 簡單說好了,不管是 Web,單機程式,手機程式 都會有前端跟後端,前端就是我們所謂的U...

鐵人賽 Mobile Development DAY 5

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 05】

大家好,我是YIYI,今天我要來介紹Whimsical。 關於Whimsical 在介紹如何使用前,先來說一下Whimsical是甚麼~Whimsical是一個...