還在用PS做網頁嗎?快來試試Figma!青春一去不復返
sketch、zeplin等工具對於介面設計的朋友們肯定心有戚戚焉,不過從2019 UI設計工具調查中,Figma以進入業界前三名之姿,讓大家更注意到它不容忽視!而不斷在優化的Figma,用過的人都愛不釋手,讓我們速速進入主題吧!
Figma是什麼?
如果身處設計產業,約莫去年年底你一定聽過軟體業巨頭Adobe以天價收購了一個平台,而線上開發平台就是今天要聊的「Figma」。Figma是一個線上介面設計平台,你不需要安裝就能打開使用它!最初僅是圖片編輯軟體,後續發展為多人協作的線上平台,是一個UI、UX、網頁、App的介面設計工具。
六大優點真心推薦!
只要連結就能看見設計
只要你有瀏覽器就能操作!分享連結不管是任何身份,無需安裝軟體就能看見畫面!也能區分內部使用帳號與外部知曉連結的使用者權限。
隨時自動存檔,不再害怕檔案遺失
除上述第一點,它完全不佔據電腦空間(還在為了多版本懊惱要刪除哪一個檔案嗎?),檔案管理也能分類清楚,搜尋就能找到,對於設計師肯定心有戚戚焉!設計完存檔發現一直loading地獄轉轉轉,看不見明天的太陽(誤)
留言備註C
通常設計師對於畫面有提醒或給予夥伴的,會另外拉文字在畫面旁等等,而Figma留言功能只要輕鬆點擊C,就能在畫面上留下備註!除了可以回覆評論以外,也能依照評論形式,點擊完成並消除喔!
原型製作prototyping
為了讓使用者更清楚體驗互動效果,在Figma日漸優化之下,簡單的Prototype都能呈現出來!像是header固定在最上方、hover後的元素變化等。
多人協作&即時同步
集思廣益的最佳軟體!可以同時與你的夥伴一起在同一個視窗共同設計,而在製作設計畫面中,需要來回討論,可能是搭配截圖或是任何方式,都為了要讓彼此可以迅速聚焦,而Figma讓大家能同時在同一畫面,可即時提供想法互相交流,亦可點擊使用者並立刻追蹤對方正在畫面所在處。下面會告訴大家一個小Tips!
外掛太棒啦!
之前僅Mac有的Sketch已有許多相當優秀的外掛,而Figma也不遑多讓,樂活有分享一篇Figma必下載的外掛,我們在最下面有分享!若有需要歡迎點擊查看!
Figma設計師與前端合作的小眉角
① 當設計師發想與風格確認後,建議可做Style guide,一是統整樣式並方便重複套用,二是前端進入製作時,也是相同的道理喔!若有任何微調,都能針對style guide一次性調整就能到位!
② 留言備註功能相當方便,但切記在移動畫面時,留言別忘記一起喔!不然就會備註不在該要說明的位置上,時間拉長一看,就會忘記囉!
③ Prototype在figma製作呈現還是有限,可與前端溝通並備註,雙方達成共識才能好好呈現。
④ 前端輸出svg檔時,有時候會因製作習慣而輸出的檔會不完整,建議可在AI (Illustrator)輸出存給前端也可以喔!
⑤ 留言備註是內部外部連結的人員都能看得見!要告訴你的小Tips是你可以點擊「/」就能把Figma當即時聊天室(笑)
Figma必用外掛推薦這邊看
都已經看到這邊了,想必我們的文章一定有幫助到你。
喜歡的話歡迎分享,或前往表單告訴我們你的需求,
樂活會有專業團隊為您解答!
推薦好文
-
社群媒體影響下的設計趨勢:思考策略
在當今數據化時代,社群媒體已成為人們日常生活中,無法輕易捨去的核心部分。因此,網頁設計者應將此媒合為設計策略的主軸。也代表著在設計網站時,要考慮如何充分利用各種社交媒體平台的功能和特點,以提高用戶參與度和分享率。一起來想想,編排思考上有什麼可以優化呢?
-
網站速度好慢!五個增加 WordPress 網站速度的工具不藏私大公開
在這個資訊爆炸的時代,網站加載速度很容易影響使用者體驗,想像一下,當你瀏覽網站時,頁面打開速度慢得讓人抓狂,是不是就很想立刻關掉它?所以,我們怎樣才能避免讓我們的訪客有同樣的感受呢?下面文章將介紹五款實用的工具,幫助我們的網站提升速度,就讓我們繼續看下去吧!
-
網站字體指南|網站上使用什麼字體、大小最合適?
你有沒有想過,一個超級吸引人的網站背後,需要什麼技巧呢?今天這篇文章會帶你們來看網站字體設計的小技巧,就讓我們一起來探索網頁排版和字體選擇的小秘密,一起來看看如何優化你的網站設計吧!
-
Midjourney V6 更新!下指令方式更新、可以畫出文字等三大更新重點總整理
讓人拭目以待的 Midjourney V6 更新囉!今天這篇文章將帶你了解更新的 Midjourney V6 三大亮點:更新的下指令方式、更清晰的文字繪製、更逼真的圖像和更短的時間。讓我們一起深入瞭解 Midjourney V6 如何以更真實的圖像和更細膩的文字處理重新定 AI 圖像生成吧!
-
Pantone 2024年度代表色「柔和桃Peach Fuzz」溫暖呼應伴隨你的心!
又到了年底準備新年衣服!PANTONE已公布2024年的代表色,在疫情席捲了全球,於今年漸漸地恢復從前的步調,以及脫下口罩的大家,是否有跟上這樣的變遷嗎?心裡是否還是一團亂呢?讓顏色治癒你吧。一起來看PANTONE 2024年代表色「柔和桃Peach Fuzz」。
文章分類
最新文章
-
WordPress強大的頁面編輯器之一:Elementor!
-
表情符號自己做!Emoji Kitchen烹飪天地任你無限合成新表情!
-
風格太多都想要?不走冤枉路!Wordpress版型看這裡!
-
【設計師有福啦!】超實用免費AI圖像生成工具看這邊!
-
七大精選免費icon網站
-
教育與美學的結合:啟迪視野、突破傳統
-
所謂包裝的力量與真實的重量
-
UI / UX原來不一樣?成功的網站原來他們缺一不可!
-
網頁色彩要用哪一種色碼?你聽過HEX、CMYK、RGB嗎?(附推薦三種顏色小工具!)
-
設計喃喃【典通數據 】
-
網頁設計好懊惱?2023年6大精選網站推薦!
-
還在用PS做網頁嗎?快來試試Figma!青春一去不復返
-
網頁設計常用素材哪裡找?五個必用FIGMA超強外掛資源!
-
設計喃喃【Foluck】
-
設計喃喃【Lanlife】
熱門文章
-
設計喃喃【典通數據 】
-
設計喃喃【Lanlife】
-
設計喃喃【Foluck】
-
網頁設計常用素材哪裡找?五個必用FIGMA超強外掛資源!
-
還在用PS做網頁嗎?快來試試Figma!青春一去不復返
-
網頁設計好懊惱?2023年6大精選網站推薦!
-
網頁色彩要用哪一種色碼?你聽過HEX、CMYK、RGB嗎?(附推薦三種顏色小工具!)
-
UI / UX原來不一樣?成功的網站原來他們缺一不可!
-
所謂包裝的力量與真實的重量
-
教育與美學的結合:啟迪視野、突破傳統
-
七大精選免費icon網站
-
【設計師有福啦!】超實用免費AI圖像生成工具看這邊!
-
風格太多都想要?不走冤枉路!Wordpress版型看這裡!
-
表情符號自己做!Emoji Kitchen烹飪天地任你無限合成新表情!
-
WordPress強大的頁面編輯器之一:Elementor!
熱門標籤
- 設計
- 品牌
- 電商
- 客製化開發
- 網站
- 系統
- APP
- UI
- UX
- 行銷
- 技術
- 綠界
- LINE
- 電子發票
- 購物車
- 第三方平台
- 資安
- PHP
- Laravel
- WP
- 人工智慧
- 數位內容
- 企業永續
- 網通設備
如果文章讓你激盪出點子或疑問,歡迎致電或來信跟我們聊聊唷!
聯絡我們