Week 5 — Daily UI Challenge | 設計UI小技巧:利用遮罩功能凸顯文字

做UI時，有時或多或少需要圖片輔助，有時是美觀、有時是配合主題、有時是加入圖片會容易理解。我蠻常用圖片搭配文字一起使用(就是直接把文字放在圖片上面)，但若背景圖片顏色太豐富，則無論選什麼顏色都會被吃掉，直接秀出圖片就能理解我在說什麼XD

俗話說得好: 一張圖勝過千言萬語

以這張背景圖為例，文字顏色方面，無論是使用常用的白色或黑色，都剛好會有地方被吃掉，但又不能不放文字啊QAQ，既然從文字顏色無法解決，就從背景顏色下手吧，最快最簡單的方法就是幫背景加一個遮罩，操作方法如下:

直接拉出一個矩形，再去調它的透明度，如果文字的顏色是淺色，遮罩顏色就是深色；文字的顏色是深色，則反之。(用的軟體是Adobe Xd)

這樣文字就被凸顯出來囉!

繼續記錄自己的學習筆記或心情日記:)

#021 | Daily UI_SideProject

//*
  主要是做一個專門挑戰每日UI的控管平台，因為每天要看題目要到FB去找、要看文章還要到Medium去看、然後要看其他國外作品集要到Collect UI去看，這樣網頁開來開去還真麻煩~所以直接放在這個平台上方便多了。

並調整或新增以下功能:
1.首頁下面每日會放一篇不同的UX文章供使用者補補腦XDDD。
2.作品集分類放，這樣找同類型作品快多了!
3.按開始就跳入第二面的Profile管理頁面，然後就會出現今天的任務題目(有驚喜感多了)。
4.新增一個目標的跑步小圖，提醒使用者做到什麼進度了，激勵使用者繼續挑戰的動力。

p.s 原本是想做個三~四頁，但做到快往生直接放棄XDDD(做一整個完整的side project一到二天完全不夠用呀QAQ)
*//

lymma | #021 | Daily UI_SideProject

#022 | Daily UI_File Upload

//*
  今天嘗試手繪塗鴉風格
但是圖片都是上網找的QQ
有想開始學繪圖了~~~~
*//

lymma | #022 | Daily UI_File Upload

#023 | Daily UI_Crowdfunding Campaign

//*
   會想募資的人，通常是需要一筆錢去做一件有意義的事
所以我這次構思主要放在活動上，幫助不只有募資這種方式
募書也是件很棒的事呢~~~~~~

p.s原本想找產品募資，但畢竟不是自己做的產品，無法解說其中意義，所以就找自己曾經做過的募書活動，把它改成介面方式，或許這樣更能引起共鳴。
*//

lymma | #023 | Daily UI_Crowdfunding Campaign

#024 | Daily UI_Customize Product

//*
  自己的植物自己搭配!!!!
*//

lymma | #024 | Daily UI_Customize Product