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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 DAY 07-Daily UI 001 Sign Up 實作分享（三）

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

技術 DAY 06-Daily UI 001 Sign Up 實作分享（二）

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

技術 DAY 05-Daily UI 001 Sign Up 實作分享（一）

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

技術 DAY 04-Adobe XD 工具介紹及基本操作（二）

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

技術 DAY 03-Adobe XD 工具介紹及基礎操作（一）

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

技術 DAY 02-Adobe XD 安裝及簡介

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

技術 DAY 01-前言

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