UI設計工具Figma除了出色的圖片編輯與AI協作功能,還有強大的基礎繪圖設計功能,將這些功能的交互使用,能夠快速激發(fā)個人潛力,讓用戶成為更加出色的設計師。本篇文章從基礎的畫布與顏色功能開始認識Figma,下面就告訴大家Figma如何新建畫布,Figma如何改背景顏色。
一、Figma如何新建畫布
大家設計的圖形稿件都需要適應手機或者電腦屏幕的畫幅大小,由于未新建畫布時,直接在Figma設計框中作圖,無法控制畫布大小,因此,在繪制設計稿前新建一個畫布,可以提前規(guī)劃設計稿的長寬數值大小,以免過大或過小影響在屏幕中的展示效果。下面就向大家演示一下如何在Figma中新建畫布。
1、首先如圖1所示,打開谷歌瀏覽器,在瀏覽器中中登陸Figma。
2、在新建畫布之前,需要新建一個設計文件。登陸Figma后,在Figma功能菜單中找到“文件”,點擊“文件”中的“新建設計文件”,新建一個設計文件。
3、隨后如圖3所示,新設計文件頁面中沒有明確的畫布也就是畫框范圍,在頁面下方點擊
“畫框”功能,然后拖動鼠標在空白區(qū)域畫出一個方形畫框,這樣,一個753×513大小的畫布就建好了。
4、上文新建的畫布大小不夠合適,如果想精確控制畫布大小,那么如圖4所示,在頁面右側的畫布長寬中修改畫布長寬數值,例如將數值修改為600×600,這時畫布就改為600×600大小了。
二、Figma如何改背景顏色
Figma背景色除了表示畫布背景色,還表示紙張背景色,紙張即新建設計文件的整體內容。上文介紹了怎么在Figma中新建畫布,畫布中的白色為默認的白色畫布背景色,畫布之外的紙張顏色也是默認的白色,那么將白色背景色修改為其他背景顏色該怎么做呢?
1、首先修改畫布背景色,如圖5所示,點擊畫布頁面右側“填充”中的小色塊,調出色框頁面,然后在色框中選中一個顏色,這樣畫布背景色就修改好了。
2、如果不想取用色框中的顏色,那么可以使用取色器對設計文件中的其他部分進行取色。如圖6紅框中所示,點擊取色框中的取色器,然后拖動取色器至需要的顏色處點擊一下,畫布背景色就修改為指定顏色了。
3、修改了畫布背景色,接下來嘗試修改紙張背景色,即整個設計工作區(qū)背景色。如圖7所示,點擊畫布外的區(qū)域,即可選中整個紙張范圍,然后點擊“page”下方的小色塊,在彈出的色框中選擇需要修改的背景色,整個紙張的背景色就由白色修改為紅色了,到此Figma改背景色的詳細教程就演示完了。
三、小結
以上就是Figma如何新建畫布,Figma如何改背景顏色的相關教程。Figma需要在新建設計文件中設定畫框來新建畫布,同時,在畫布填充功能中能夠修改畫布背景色,在“page”顏色區(qū)能夠修改紙張背景色,快來按上文步驟試試吧!
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。