iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

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

以Adobe XD和ProtoPie這兩個設計軟體來介紹分享UI/UX設計入門,用幾個Daily UI的作品來介紹分享一下軟體的實際操作及功能、特效的應用。

鐵人鍊成 | 共 30 篇文章 | 32 人訂閱 訂閱系列文 RSS系列文
DAY 1

DAY 01-前言

剛畢業的偽菜鳥設計師,接觸UI/UX有兩、三個月了,剛好藉著這次鐵人賽來分享一下從剛入門UI/UX到現在的作品及心得,雖然本身也是學平面設計的,但在UI/UX設...

2018-10-16 ‧ 由 小貓 分享
DAY 2

DAY 02-Adobe XD 安裝及簡介

目前自己都是用Adobe XD做UI設計,所以只會介紹Adobe XD,不會說道Sketch喔。目前Adobe XD是可以免費下載使用,但Sketch只有30天...

2018-10-17 ‧ 由 小貓 分享
DAY 3

DAY 03-Adobe XD 工具介紹及基礎操作(一)

這篇會針對上一篇提到的工具列和狀態欄裡的每個小工具做詳細介紹。1.選取工具 ( V )可以選取物件作移動、縮放的動作,雙擊可以進入編輯狀態。 2.矩形工具 (...

2018-10-18 ‧ 由 小貓 分享
DAY 4

DAY 04-Adobe XD 工具介紹及基本操作(二)

上一篇介紹完工具列各個工具的功能及操作,這一篇就來介紹一下狀態列和基本操作。 1.對齊可以選擇多個物件進行不同的對齊方式。 2.Repeat Grid可以選取同...

2018-10-19 ‧ 由 小貓 分享
DAY 5

DAY 05-Daily UI 001 Sign Up 實作分享(一)

終於把Adobe XD大致上介紹完了,今天就要來進入正題了!第一個作品也是我接觸 UI/UX 做的第一個作品,做得比較簡單,剛好可以當超級入門的分享XDD,那我...

2018-10-20 ‧ 由 小貓 分享
DAY 6

DAY 06-Daily UI 001 Sign Up 實作分享(二)

上一篇提到了畫icon,這邊示範一下三個icon的畫法。 Username拉一個正圓形當頭,拉一個橢圓形做身體,再拉一個方形,把橢圓和方形選起來按“減去上層”,...

2018-10-21 ‧ 由 小貓 分享
DAY 7

DAY 07-Daily UI 001 Sign Up 實作分享(三)

上一篇已經把基本的物件都做好了,可以來做美化設計了! 首先我想幫Sign Up加陰影,讓他比較有空間立體感,選擇Sign Up物件,在狀態列的shadow打勾...

2018-10-22 ‧ 由 小貓 分享
DAY 8

DAY 08-Adobe XD Prototype模式介紹

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

2018-10-23 ‧ 由 小貓 分享
DAY 9

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

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

2018-10-24 ‧ 由 小貓 分享
DAY 10

DAY 10-線上設計師平台介紹-Lymma

前一篇終於做完了Daily UI 001 Sign Up,那這一篇來介紹一下線上設計師平台-Lymma,大家熟悉的Dribbble、Behance是國外著名的設...

2018-10-25 ‧ 由 小貓 分享