教你用Xd做網頁

千鋒Python唐小強發表於2020-07-23

最近有小夥伴來問Adobe Xd這個軟體,Adobe XD 是一個協作式易用平臺,可幫助團隊為網站、移動應用程式、語音介面、遊戲等建立設計。

今天呢~我們就來利用XD製作一個網頁~

開啟軟體,新建1920*1080px大小的畫板

教你用Xd做網頁

繪製一個矩形,調整大小和顏色

教你用Xd做網頁

將矩形上方的直角轉變成圓角

教你用Xd做網頁

將logo和icon等放到導航欄

教你用Xd做網頁

輸入文案,新增購買按鈕

教你用Xd做網頁

將鞋子放入背景中

教你用Xd做網頁

繪製深藍色的橢圓形

教你用Xd做網頁

對橢圓進行物件模糊

教你用Xd做網頁

調整橢圓的位置 作為投影出現

教你用Xd做網頁

繪製圓形,新增徑向漸變,裝飾畫面

教你用Xd做網頁


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69923331/viewspace-2706570/,如需轉載,請註明出處,否則將追究法律責任。

相關文章