iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
Modern Web

30天UIUX自學之路系列 第 12

Day12 flash Message製作

  • 分享至 

  • xImage
  •  

今天Daily UI的主題是Flash Message
我想做的是登入後的跳轉頁面,像是登入成功/登入失敗的介面,廢話不多說馬上開始!

首先點擊Figma上面的menu,今天我們來使用形狀工具(Shape tools)(第四個圖標)
https://ithelp.ithome.com.tw/upload/images/20220927/20151451AA2sbLTIlr.jpg

將圖形重疊、旋轉、組成群組,並添加圓弧及陰影

https://ithelp.ithome.com.tw/upload/images/20220927/20151451pOGEWDU4al.jpg

(登入成功的勾也可以運用形狀工具做到唷!)


而logo形狀疊合的部分也可以運用幾何的概念來完成我們要的成果
使用畫面中上方的組合工具
https://ithelp.ithome.com.tw/upload/images/20220927/20151451mpjqajMPzF.jpg

組合工具底下有五個功能,做圖時常會使用到:

  1. Union selection(聯集)
  2. Subtract selection(差集)
  3. Intersect selection(交集)
  4. Exclude selection(補集)
  5. flattem selection(扁平化)-將原本的圖形平面化

今日成果:
https://ithelp.ithome.com.tw/upload/images/20220927/20151451N8EAnE0n0a.jpg

很快就大功告成,堅持到第12天了,明天要繼續努力!


上一篇
Day11 讓頁面連動起來 !製作Prototype
下一篇
Day13 製作電商購物產品頁
系列文
30天UIUX自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言