帶你認識Figma

閱讀時間約 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會員
1Content count
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
{簡單的事情重複做,你就是專家;重複的事情認真做,你就是贏家} 每當去五金百貨大賣場買東西的時候,會不會好奇裡面的員工都在做什麼?大致上來做個這樣的簡易介紹,由於細節內容實在太多,待後續再慢慢拆解,本篇我們先來了解輪廓。
Thumbnail
B站(Bilibili)是中國最大的中長影片平臺之一,以二次元、動漫、遊戲等內容受到歡迎,還具有獨特的彈幕文化和投幣機制。本文將詳細介紹B站的介面功能、亮點特色和商業模式。透過瞭解B站,可以更深入瞭解中國影音平臺的特點和文化。
Thumbnail
UART 轉換完成的 Serial 訊號已經可以用來傳輸通訊了,那為什麼還要把 UART 轉出來的訊號再轉換成成其他的 Serial 介面,像是 RS232/RS485 再進行傳輸呢?原因是 UART 的 Serial 訊號傳輸的距離實在太短了
Thumbnail
隨著時間推進,獲得訊息越多畫面也越來越清楚。這可是一個慢慢加溫,浪漫的至極的過程哪!只不過每個人會被感動的熱點不太一樣,只有當我們累積出強烈的感覺、也確定自己喜歡上那種感覺的時候後才會產生下一步的行動
Thumbnail
Serial 通訊數據必須先在 UART 元件把 Parallel 轉成 Serial,EIA Driver 會把 Serial 轉成特定的 Serial 訊號。UART 數據轉換要考慮兩個關鍵點,如何讓資料從直行變橫列(躺平)的方法,還要考慮如何控制 Serial 訊號輸出
Thumbnail
「堅強」兩個字,對你而言,是什麼樣的意象呢? 是能夠承受巨大的苦痛的意志力?是能撐過千百次磨練的毅力?還是泰山崩於前也面不改色的鎮定? 我們常常在遭到挫折打擊,或表現出軟弱的時候,聽到有人說:「你要堅強一點。」 說得像是我們可以自由掌控心理,對痛苦減敏,在恐懼面前裝淡定,這樣是合理,是可行的嗎?真的
Thumbnail
講到魏晉,大家腦海裡閃現的關鍵字,一定會有竹林七賢,簡直就是一路紅到現在的魏晉最強男團(?)。但是這七位男子究竟是誰,可能就不是每個人都說的出來。今天我們就為大家快速簡介這七位聽起來仙風道骨、超然世外,但其實有點呆萌的清談系男子天團成員。
Thumbnail
隨著時代科技的進步,每年每日都有許多日新月異的新潮流或是新知,引領著我們不斷向前,近期常常聽到人家分享我們是如何從web1.0逐漸邁向web3.0的時代。 因為意識到這點,所以我都會跟身邊常常有在更新相關資訊,如元宇宙、區塊鏈、NFT等新領域的朋友們交流(準確地說更像是聽他們跟我分享新知)! 近期我
Thumbnail
從短篇文中教你認識會計之四大財務報表 在會計學當中,有固定之四大正式報表,分別為「資產負債表」、「綜合損益表」、「權益變動表」以及「現金流量表」,今天帶大家簡單認識會計當中的四大財務報表分別要帶給大家何種資訊價值。 資產負債表,又稱財務狀況表,從名字就可得知,其主要表達的資訊即一家公司在「某一時點」
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
{簡單的事情重複做,你就是專家;重複的事情認真做,你就是贏家} 每當去五金百貨大賣場買東西的時候,會不會好奇裡面的員工都在做什麼?大致上來做個這樣的簡易介紹,由於細節內容實在太多,待後續再慢慢拆解,本篇我們先來了解輪廓。
Thumbnail
B站(Bilibili)是中國最大的中長影片平臺之一,以二次元、動漫、遊戲等內容受到歡迎,還具有獨特的彈幕文化和投幣機制。本文將詳細介紹B站的介面功能、亮點特色和商業模式。透過瞭解B站,可以更深入瞭解中國影音平臺的特點和文化。
Thumbnail
UART 轉換完成的 Serial 訊號已經可以用來傳輸通訊了,那為什麼還要把 UART 轉出來的訊號再轉換成成其他的 Serial 介面,像是 RS232/RS485 再進行傳輸呢?原因是 UART 的 Serial 訊號傳輸的距離實在太短了
Thumbnail
隨著時間推進,獲得訊息越多畫面也越來越清楚。這可是一個慢慢加溫,浪漫的至極的過程哪!只不過每個人會被感動的熱點不太一樣,只有當我們累積出強烈的感覺、也確定自己喜歡上那種感覺的時候後才會產生下一步的行動
Thumbnail
Serial 通訊數據必須先在 UART 元件把 Parallel 轉成 Serial,EIA Driver 會把 Serial 轉成特定的 Serial 訊號。UART 數據轉換要考慮兩個關鍵點,如何讓資料從直行變橫列(躺平)的方法,還要考慮如何控制 Serial 訊號輸出
Thumbnail
「堅強」兩個字,對你而言,是什麼樣的意象呢? 是能夠承受巨大的苦痛的意志力?是能撐過千百次磨練的毅力?還是泰山崩於前也面不改色的鎮定? 我們常常在遭到挫折打擊,或表現出軟弱的時候,聽到有人說:「你要堅強一點。」 說得像是我們可以自由掌控心理,對痛苦減敏,在恐懼面前裝淡定,這樣是合理,是可行的嗎?真的
Thumbnail
講到魏晉,大家腦海裡閃現的關鍵字,一定會有竹林七賢,簡直就是一路紅到現在的魏晉最強男團(?)。但是這七位男子究竟是誰,可能就不是每個人都說的出來。今天我們就為大家快速簡介這七位聽起來仙風道骨、超然世外,但其實有點呆萌的清談系男子天團成員。
Thumbnail
隨著時代科技的進步,每年每日都有許多日新月異的新潮流或是新知,引領著我們不斷向前,近期常常聽到人家分享我們是如何從web1.0逐漸邁向web3.0的時代。 因為意識到這點,所以我都會跟身邊常常有在更新相關資訊,如元宇宙、區塊鏈、NFT等新領域的朋友們交流(準確地說更像是聽他們跟我分享新知)! 近期我
Thumbnail
從短篇文中教你認識會計之四大財務報表 在會計學當中,有固定之四大正式報表,分別為「資產負債表」、「綜合損益表」、「權益變動表」以及「現金流量表」,今天帶大家簡單認識會計當中的四大財務報表分別要帶給大家何種資訊價值。 資產負債表,又稱財務狀況表,從名字就可得知,其主要表達的資訊即一家公司在「某一時點」