帶你認識Figma

2023/06/07閱讀時間約 2 分鐘
Figma Logo圖
Figma是一個主要用來設計網頁的矢量設計軟件,與Wordpress,Shopify, Webflow等不同,Figma做出來的並不是實際的網站,而是一個雛型(Prototype)。
那你或許會想:“為什麼不直接使用類似Wordpress的工具呢?’’
試想想以下這一個情況:
你用Wordpress架設好了一個網站,當你把你的成品展現給你的客戶時,他覺得某些地方需要修改,例如:這裡需要加多一個區域(section),那裡又要加多一個用戶心得(testimonial) ,或者更嚴重的情況是客戶不滿意現在這個網站的設計風格。那你之前耗費心思和時間架設的網站就白廢了,又要重新開始架設過。
Wordpress後台的設定
這種情況對雙方都不好,你浪費了你的時間和心思,而客戶也需要再給你多幾個星期甚至幾個月來架設網站。
而有了Figma,你就可以先把網站的介面設計出來,然後拿給客戶確認,如果客戶認為沒有什麼問題了,就可以在Wordpress照著Figma的設計一模一樣架設出來了。就算客戶覺得需要在這裡多加一個section也不是什麼難事,你可以在Figma直接加上去。因為Figma只是一個設計介面的工具,並不像Wordpress那些工具一樣需要每一個去調整背後的原理。
雖然中間多了一個步驟,但這一個步驟可以確保你的成品是客戶接受或喜歡的,還有可以省下你的時間。在某些比較有規模的團隊裡,還會有特定的設計師專門在Figma上設計好了介面,再交給開發團隊去開發。
可以把它想像成建築物的藍圖,如果在施工的過程中沒有一個明確的藍圖,到最後建出來的也很有可能是危樓。而藍圖就是避免了這個的可能性。又或者可以把它想像成是IKEA的說明書。只要你按著說明書上的步驟去組裝,成品一定會是完整的。並不會說組裝一個椅子到最後的成品出來變成了一個凳子(雖然IKEA很喜歡多出幾個螺絲來混淆我們)。
總結來說,Figma就是為了解決網頁開發中間的“介面設計“的煩惱的一個設計軟件。市面上也有幾個類似Figma的軟件:Sketch, Adobe XD。那為什麼要選Figma呢?其實也沒有為什麼,Figma做的到的其他軟件也做得到。純粹只是Figma提供一個“免費“的配套給我們使用,僅此而已。
不可靠博客
不可靠博客
想记下自己学过的知识,也想把学会了的东西分享出来,让有兴趣的人有更多的资源学习。也顺便提高自己的写作能力,或许未来会画漫画什么的。
留言0
查看全部
發表第一個留言支持創作者!
從 Google News 追蹤更多 vocus 的最新精選內容