iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 1977 瀏覽

鐵人賽自我挑戰組 DAY 10

UI / UX 設計白皮書 - Material Design 導讀系列第 10 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day10 Sound 聲音

昨天我們了解到 Typography 文字排版樣式等級，也了解每個字母都存在著許多學問，需要注意文字段落包含的字數、字體間距、行距，都與易讀性及可讀性有著密不可...

Yvonne_Zhong ‧ 2020-09-10

2 Like 0 留言 5811 瀏覽

鐵人賽自我挑戰組 DAY 9

UI / UX 設計白皮書 - Material Design 導讀系列第 9 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day09 Typography 文字排版

昨天我們了解到顏色在搭配使用上呈現不同的色彩感受，在互動元件上巧妙的搭配能吸引注意力，顏色也能代表程式狀態，在不同的配色下仍然需要保持內文能清晰閱讀，在淺色及深...

Yvonne_Zhong ‧ 2020-09-09

1 Like 0 留言 5220 瀏覽

鐵人賽自我挑戰組 DAY 8

UI / UX 設計白皮書 - Material Design 導讀系列第 8 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day08 Color 顏色

昨天我們了解到色彩系統分為主要色、次要色、輔助色及替代顏色的基本概念及變體色的選擇，搭配不同的主題運用替代顏色進行色彩創作，在 UI 元件上建立高對比度的色彩搭...

Yvonne_Zhong ‧ 2020-09-08

1 Like 0 留言 3766 瀏覽

鐵人賽自我挑戰組 DAY 7

UI / UX 設計白皮書 - Material Design 導讀系列第 7 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day07 Color 顏色

在 Navigation 導覽列的單元，我們了解到 Navigation 導覽列擺放的位子以及在不同頁面間導覽列的功能，在畫面切換間使用轉換動畫能加強關聯性減少...

Yvonne_Zhong ‧ 2020-09-07

1 Like 0 留言 3045 瀏覽

鐵人賽自我挑戰組 DAY 6

UI / UX 設計白皮書 - Material Design 導讀系列第 6 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day06 Navigation 導覽列

在 Layout (排版) 的單元，我們了解到 Material Design 不止適用單一的螢幕尺寸，也是可以用於各種裝置的設計指南，不同的用戶在不同的情境使...

Yvonne_Zhong ‧ 2020-09-06

1 Like 0 留言 3090 瀏覽

鐵人賽自我挑戰組 DAY 5

UI / UX 設計白皮書 - Material Design 導讀系列第 5 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day05 Layout 排版

在昨天我們了解了 Layout 排版需要具備響應式設計並且保有一致性，像素密度與裝置解析度的換算，各裝置平台的像素特性，在響應式網格排版與斷點間的密切關係，今天...

Yvonne_Zhong ‧ 2020-09-05

1 Like 0 留言 6492 瀏覽

鐵人賽自我挑戰組 DAY 4

UI / UX 設計白皮書 - Material Design 導讀系列第 4 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day04 Layout 排版

今天我們進入到 Material Design 中 Layout 排版的部分，排版涵蓋的範圍較廣，我們會分成兩天來介紹排版，今天會先了解排版、像素密度、響應式網...

Yvonne_Zhong ‧ 2020-09-04

1 Like 0 留言 3567 瀏覽

鐵人賽自我挑戰組 DAY 3

UI / UX 設計白皮書 - Material Design 導讀系列第 3 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day03 Environment 環境

昨天我們用嚴肅的態度去了解 Material Design 基礎介紹與章節架構後，今天讓我們用比較輕鬆的心情將 Material 章節拆解細分，一天天拼出完整的...

Yvonne_Zhong ‧ 2020-09-03

2 Like 0 留言 2791 瀏覽

鐵人賽自我挑戰組 DAY 2

UI / UX 設計白皮書 - Material Design 導讀系列第 2 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day02 Material 章節項目

昨天我們了解 Material 的基本介紹，今天讓我們一起來看看 Material 的指標項目吧。 Material 主要分成Foundation (基礎)與...

Yvonne_Zhong ‧ 2020-09-02

6 Like 1 留言 10068 瀏覽

鐵人賽自我挑戰組 DAY 1

UI / UX 設計白皮書 - Material Design 導讀系列第 1 篇

達標好文技術 UI / UX 設計白皮書 / Material Design 導讀_Day01 Material 基本介紹

必點技能近年來 UI / UX 設計盛行，許多企業在開職缺需求都有特別備註需要了解 Material Design 及 Human Interface Gui...

Yvonne_Zhong ‧ 2020-09-01

8 Like 0 留言 2854 瀏覽

技術在資工系作業導入PM和UI設計的前端工程師，會成功嗎?

講到大學分組作業，幾乎每個人都遇過團隊合作上的問題。但是感覺自己大學上軟體工程學到的多半是綜觀的概念，比較少人在提團隊的實質做法，所以就想說藉這個機會紀錄一...

Andy Chang ‧ 2020-08-16

0 Like 0 留言 7576 瀏覽

徵才 [內科] 軟體開發公司擴大徵才 -UI/UX設計師

軟體開發公司擴大徵才【UI/UX設計師/資深設計師】工作地點：台北內湖科學園區瑞光路(近港墘捷運站)工作時間：日班 9:30-18:00PM薪資範圍：3.5萬~...

blanchechueh ‧ 2020-02-13

0 Like 0 留言 844 瀏覽

鐵人賽 Mobile Development DAY 2

砍掉重練啦!UI/UX設計師莫名其妙ㄉ潛水App挑戰計畫系列第 2 篇

技術 #Day02 #序曲我是誰我在哪我要做什麼?

【參加動機】嗨呦~大家好我是Jasmine (｡･ω･｡)ﾉ今天來跟大家說一下我會參加Mono Sparta計畫的源起好惹! 第一次的招募說明會是辦在201...

Jasmine Sie ‧ 2019-09-18 ‧團隊溫泉泡起來♨️

1 Like 2 留言 37207 瀏覽

鐵人賽 Modern Web DAY 3

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven 系列第 3 篇

技術 3分鐘認識 Adobe Xd (操作工具篇)

準備開始囉嗨囉，我是 Riven今天要用大概 3 分鐘的閱讀時間，一起快速認識 Adobe Xd 這個新的 UI/UX 設計軟體中，有哪些基本卻很重要的工具...

Riven 林育正 ‧ 2019-09-04

1 Like 1 留言 6791 瀏覽

鐵人賽 Modern Web DAY 1

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven 系列第 1 篇

技術關於這次 30 天的日更「用 Adobe Xd 進行 UI 使用者介面設計」系列

關於作者嗨囉，我是 Riven。數位遊牧型態的設計師；喜歡在社群上分享設計上的觀察與技巧，撰寫的文章在 Medium 上被選為 #Desgin 領域 Top...

Riven 林育正 ‧ 2019-09-02

1 Like 1 留言 3141 瀏覽

鐵人賽 Modern Web DAY 30

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 30 篇

技術 DAY 30-Daily UI 007 Setting 實作分享(prototype)(三)

終於到最後一篇了！今天要把剩下的部分都分享完。第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。點擊新...

小貓 ‧ 2018-11-14

1 Like 0 留言 2683 瀏覽

鐵人賽 Modern Web DAY 29

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 29 篇

技術 DAY 29-Daily UI 007 Setting 實作分享(prototype)(二)

接續著第二個場景，把下面所有細項設定拉進新的滾頁容器層，讓他們可以滑動。在 name 的框新增“輸入”物件，在默認文本打上要輸入的內容，並把顏色、字體、字重、...

小貓 ‧ 2018-11-13

1 Like 0 留言 2004 瀏覽

鐵人賽 Modern Web DAY 28

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 28 篇

技術 DAY 28-Daily UI 007 Setting 實作分享(prototype)(一)

終於進入最後一個分享作品的 prototype 了，一樣把全部的 Artboard 都各別匯進場景裡。第一個場景要觸發的按鍵有以下三個。 Personal i...

小貓 ‧ 2018-11-12

1 Like 0 留言 1146 瀏覽

鐵人賽 Modern Web DAY 27

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 27 篇

技術 DAY 27-Daily UI 007 Setting 實作分享(三）

今天會把最後的 Artboard 都分享完，那第三個 Artboard 是點開 link 選項的頁面，可以增加或關閉社群平台連結。一樣把上方的 Setting...

小貓 ‧ 2018-11-11

1 Like 0 留言 1519 瀏覽

鐵人賽 Modern Web DAY 26

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 26 篇

技術 DAY 26-Daily UI 007 Setting 實作分享(二）

今天換分享第二個 Artboard ，這一頁是做 personal information 的細項設定。上面的 setting 部分一樣保留複製過來，細項的設...

小貓 ‧ 2018-11-10

1 Like 0 留言 1701 瀏覽

鐵人賽 Modern Web DAY 25

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 25 篇

技術 DAY 25-Daily UI 007 Setting 實作分享(一）

這次的 Setting 是延續上一次的 User Profile做的設定，風格跟用色會統一跟 User Profile 一樣，針對 User Profile 的...

小貓 ‧ 2018-11-09

0 Like 0 留言 1386 瀏覽

鐵人賽 Modern Web DAY 24

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 24 篇

技術 DAY 24-Daily UI 006 User Profile 實作分享（prototype）(四)

今天接續著做場景2，這一頁要做的效果是點擊頭像可以放大頭像查看，一樣對頭像添加單擊觸發，把場景3的物件複製過來，先做頭像放大的部分。把放大的頭像照片複製一個，...

小貓 ‧ 2018-11-08

0 Like 0 留言 1152 瀏覽

鐵人賽 Modern Web DAY 23

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 23 篇

技術 DAY 23-Daily UI 006 User Profile 實作分享（prototype）(三)

昨天已經把底部色塊放大了，接下來就是要讓他消失，那這部分會用到的“透明度動作”昨天已經有介紹過了，就讓大家自己動手做做看囉！那這邊為了讓底部色塊和封面有無縫接...

小貓 ‧ 2018-11-07

1 Like 0 留言 1606 瀏覽

鐵人賽 Modern Web DAY 22

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 22 篇

技術 DAY 22-Daily UI 006 User Profile 實作分享（prototype）(二)

上一篇做到移動頭像，接下來就換其他物件的設定。名稱、簡介和頭像的做法一樣，設定好可以看一下效果如何，確定OK後可以把場景2複製過來的物件刪除。這邊補充一下，從...

小貓 ‧ 2018-11-06

0 Like 0 留言 1410 瀏覽

鐵人賽 Modern Web DAY 21

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 21 篇

技術 DAY 21-Daily UI 006 User Profile 實作分享（prototype）(一)

今天又要進入用ProtoPie實作prototype的部分了，那一樣開啟 Adobe XD 和 ProtoPie 把所有場景都匯入，然後就開始第一個場景的設定囉...

小貓 ‧ 2018-11-05

1 Like 0 留言 1047 瀏覽

鐵人賽 Modern Web DAY 20

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 20 篇

技術 DAY 20-Daily UI 006 User Profile 實作分享（二）

這一篇就接續上一篇的內容，繼續介紹。第二個Artboard就是主要的用戶資訊頁面，上面可以放圖片當作 banner，也壓個透明度底的顏色色塊當濾鏡。頭貼可以...

小貓 ‧ 2018-11-04

2 Like 0 留言 1556 瀏覽

鐵人賽 Modern Web DAY 19

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 19 篇

技術 DAY 19-Daily UI 006 User Profile 實作分享（一）

耶耶，又進入下一個作品了，這次介紹的作品是 Daily UI 006 的 User Profile，那這個作品走的感覺是比較像 Instagram 那樣，可以發...

小貓 ‧ 2018-11-03

2 Like 0 留言 1676 瀏覽

鐵人賽 Modern Web DAY 18

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 18 篇

技術 DAY 18-Daily UI 002 Checkout 實作分享 (Prototype)( 二 )

轉場到場景2後，要模擬打資料後的樣子，那模擬的頁面都已經有另外做好了，點擊訂購人的填寫框會轉場到已經填寫好資料的頁面。點一下旁邊會讓鍵盤退下去，那這邊就選擇訂...

小貓 ‧ 2018-11-02

1 Like 0 留言 1756 瀏覽

鐵人賽 Modern Web DAY 17

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 17 篇

技術 DAY 17-Daily UI 002 Checkout 實作分享 (Prototype)( 一 )

上一篇已經介紹怎麼新增場景，今天就來分享實際操作的過程。基本上就是對一個物件設定觸發指令，觸發動作如下圖，有基本的手勢性單擊、雙擊等，還有其他條件性觸發、鼠標...

小貓 ‧ 2018-11-01

0 Like 1 留言 2116 瀏覽

鐵人賽 Modern Web DAY 16

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 16 篇

技術 DAY 16-ProtoPie 工具及場景介紹

上一篇已經導入檔案了，那這邊先來介紹介面的部分。 1.物件工具區可以新增多種物件的工具，有圖片工具、視頻工具、圖形工具、文本工具、容器層工具。 2.場景區可以設...

小貓 ‧ 2018-10-31