反逆的御宅族( ACG OTAKU OF THE REBELLION)

來分享UIUX按鈕元件，課程傳送門>>產品設計實戰：用Figma打造絕佳UI/UX

有鑑於在現在這份工作感受到乏味，事情越來越多的情況之下，決定要進修讓自己提升轉職到UIUX的設計領域，現在是平面設計美工，或是行銷小編之類的工作，這行業發展的薪水實在是很有限呢。

先前玩交友軟體的時候，也認識到了蠻多在從事UIUX設計相關領域的女生，她們很多都是從平面設計工做跳槽來做UIUX領域的，看起來就是一副氣質妹的樣子，不好意思，我不是本科系出生的沒有設計氣質啦！

不過也沒什麼好跟別人比較的，畢竟自己是公關廣告出生，現在寫部落格自媒體也是其他人不懂的，沒有什麼好比較的啦~

在摸全新不熟的軟體的時候，實在是心理怕怕以及要花很多時間熟悉，其實關鍵就是大量時間練習，逐漸熟了FIGMA之後就比較沒有那麼害怕了，一回生二回熟。

有點像是當初學PS跟AI一樣，老師教的東西不一定要照單全收，如可以變成自己的使用特色，就算是土法煉鋼也可以做出屬於自己的東西。

這單元作業是設計一組按鈕，可以設計主要按鈕跟次要按鈕，就像是我們在手機APP上看到的原件，該如何讓使用者使用，以及知道他是按鈕進行使用。

大概就像這樣子 連結

左邊的藍色使用部落格同樣的色系，設計一般狀態default，滑鼠移入Hover狀態，滑鼠點下去的Focus狀態，還有錯誤沒法點的狀態按鈕。

另外還有分有ICON跟沒有ICON的按鈕，藍色對比色是橘色，所以次要按鈕設計橘色。

看起來如此，但是在Figma上面是一組component，可以拉任一組元件，可以變換任何一組想切換的狀態，上面就是變化樣式，之後設計就可以依照樣式來排列變化。

反正之後陸續還有作品，再分享在這一系列之上吧

課程傳送門>>產品設計實戰：用Figma打造絕佳UI/UX

相關文章推薦

【HAHOW】線上自學UIUX-Figma軟體(20220923)