Week 1 — Daily UI Challenge in Monospace之喵喵偽設計師的日常

楊筑惠
DailyUI
Published in
4 min readAug 14, 2018

#001_Sign Up

第一天來真的很迷茫,剛認識小夥伴們,教我下載Adobe XD和基本操作,但對於“UI設計”還是不知道要怎麼開始,所以就先各種參考,瀏覽大家的作品。

然後在筆記本上寫一下sign up的介面必要的東西(按鍵?XDD ,再大約畫一下介面的配置,不過著個大約畫一下花了我很久的時間。

差不多有個粗略想法後,就終於可以開始用XD製作(耶!

不過因為剛用Mac和新軟體XD很生疏,所以操作起來非常地緩慢,就決定先去看教學和請教小夥伴們,推薦一下Riven大大的教學影片從 Adobe XD 入門網頁設計

在製作時還是會遇到一些問題,所以時不時要去估狗一下,而且做出來的樣子跟想像中的不太一樣,就會開始個種調整。

途中1。還在思考sign up和sign in的擺放
途中2。

大約確定了各個東西的擺放位置,但覺得好像太…空虛(?

途中5。在底部加了個圓形
最後的完成圖
網頁版-1
網頁版-2

調整到覺得恩應該差不多的時候就玩了一下XD簡單的頁面切換,真的就是很簡單的換頁面(笑

這是第一個用XD完成的作品,雖然做的很普通,但心裡還是滿感動的,也覺得很新鮮。

#002_Checkout

終於進入第二個題目了(汗 ,不過一樣好茫然XDDD

這也是讓我想了很久的題目,一樣先在筆記本寫一些基本的東西

對,然後就開始做,不過做著做著又會開始懷疑自己懷疑人生XDD

版本1的途中。

因為自己看久了覺得哪裡怪怪的,所以又改了

版本2

之後在小夥伴的建議下,又做一些小修改,在按鍵的底色都加深,然後終於完成了(耶耶

最終版本
完成圖-1
完成圖-2

耶耶耶,終於熬過茫然的第一週,雖然我覺得第二週一樣會很茫然(哈,想不出來要做什麼的時候會很焦慮,因為一直在拖進度XDD,但做出來的時候會很開心,然後繼續趕進度,加油加油,小夥伴們一起加油!

--

--