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

1 Like 2 留言 37067 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

Riven 林育正 ‧ 2019-09-04

1 Like 0 留言 14355 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 DAY 08-Adobe XD Prototype模式介紹

上一篇已經把介面設計好了，那我們今天先來介紹Adobe XD 的prototype。一樣打開Adobe XD，看到左上角會有 Design 和 Prototy...

小貓 ‧ 2018-10-23

1 Like 1 留言 6773 瀏覽

鐵人賽 Modern Web DAY 1

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

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

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

Riven 林育正 ‧ 2019-09-02

1 Like 1 留言 5092 瀏覽

鐵人賽 Modern Web DAY 2

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

技術「欸！你覺得 Sketch 還是 Adobe XD 哪個比較好用?」

成為 UI 設計師之前，得先學會哪個設計軟體？ Sketch 多年來都是 UI(使用者介面設計)設計師主要使用的設計軟體，再配合 Adobe Ai 以及...

Riven 林育正 ‧ 2019-09-03

2 Like 0 留言 4539 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 DAY 15-ProtoPie 軟體介紹和檔案導入

今天要介紹的軟體是 ProtoPie，他最初就是以 “ 打造設計師可輕鬆上手的工具”為目標，是目前唯一支持無程式碼調用感應器並製作跨平台互動的原型工具，可支援...

小貓 ‧ 2018-10-30

1 Like 0 留言 3984 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 DAY 09-Daily UI 001 Sign Up 的實作分享(Prototype)

上一篇已經介紹過設定框裡的功能，那我們開始製作 Sign Up的prototype吧。這次的Sign Up是很簡單的兩頁切換，我想要讓使用者可以隨意切換Sig...

小貓 ‧ 2018-10-24

2 Like 0 留言 2740 瀏覽

技術使用 Adobe XD 建立 Icon

現在網路上可以找到許多免費 Icon ，對於大部分的網頁開發已經很足夠了，但真的需要自己設計 Icon 時該怎麼辦呢？這篇來分享一下一個工程師要如何用 Adob...

Peter Chen ‧ 2020-03-28

1 Like 0 留言 2665 瀏覽

技術 Adobe XD 萌新入門課-III (常用熱鍵介紹)

本週我們來補充一些XD裡面常用的熱鍵基礎熱鍵熱鍵 | 常用程度 | 說明-- |V | ★★★ | 選取(游標), 點選元件之前經常會使用到T | ★★★...

olen ‧ 2020-05-10

1 Like 0 留言 2461 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 DAY 11-Daily UI 002 Checkout 實作分享（一）

今天終於要換到下一個作品了，這次要介紹的作品是Daily UI 002 的Checkout，先給大家看一下，這次的購物頁面會做五個頁面，還會模擬購買的過程，這次...

小貓 ‧ 2018-10-26

0 Like 1 留言 2110 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

小貓 ‧ 2018-10-31

1 Like 0 留言 2022 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 DAY 12-Daily UI 002 Checkout 實作分享（二）

昨天做完第一個Artboard購物車的頁面，今天要繼續分享第二個Artboard結帳頁面的設計了。新增一個Artboard，把也會出現在第二個Artboard...

小貓 ‧ 2018-10-27

1 Like 0 留言 1870 瀏覽

技術 Adobe XD 萌新入門課-II

上週我們介紹到重覆網格功能, 補課的同學可以到這邊觀看上一篇上次我們介紹了非常好用的外掛 icon 4 design 本週我們來介紹另一個好東西 Repeto...

olen ‧ 2020-05-03

1 Like 0 留言 1766 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 DAY 14-Daily UI 002 Checkout 實作分享（四）

這一篇會把剩下的 Artboard 做完，上篇的 VISA 完成了，今天繼續做 PayPal 的部分。用昨天的 Artboard 直接複製一樣的一個，滑鼠按著...

小貓 ‧ 2018-10-29

1 Like 0 留言 1748 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

小貓 ‧ 2018-11-01

1 Like 0 留言 1695 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

小貓 ‧ 2018-11-09

2 Like 0 留言 1672 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

小貓 ‧ 2018-11-02

2 Like 0 留言 1554 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

小貓 ‧ 2018-11-03

1 Like 0 留言 1516 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

小貓 ‧ 2018-11-10

1 Like 0 留言 1437 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 DAY 13-Daily UI 002 Checkout 實作分享（三）

上一篇已經完成前兩個Artboard，這一篇會繼續做下一個Artboard的分享。這個Artboard是想要設計成點開付款方式的VISA會變大展開成一張VIS...

小貓 ‧ 2018-10-28

0 Like 0 留言 1404 瀏覽

鐵人賽 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 留言 1140 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

小貓 ‧ 2018-11-11

1 Like 0 留言 1044 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

小貓 ‧ 2018-11-04