如何提高我們在網站設計、UI設計中的工作效率？

2022-04-17 分類：網站設計

好的工具和技巧設計師而言無疑是非常重要的，提升我們在網站設計、UI設計的工作效率。提升效率既有技巧，也可以借助工具，我們先來看一波素質不錯的效率工具和技巧：

在 UI/UX 設計領域，很多工作已經不用真的從0開始做了。用好插件，往往能讓設計工作事半功倍。在 Figma 和 Sketch 這樣的設計工具當中，插件賦予了設計更多的可能性，更快的執行效率，更快捷的流程，以及更完善的體系。這次，我們梳理一波 Figma 當中超級好用、提升效率的 10 個插件：

1，Renameit

這是一款傳奇級別的插件，使用過 Sketch 的同學可能會知道它。在 Figma 當中它同樣好用，最重要的是，它能夠根據規則快速將所有的組件進行規范化的命名，且不會影響文本圖層的內容，并且特別的快。

2，Styler

如果你在進行新的設計項目的時候，不打算使用現成的 UI 工具包，那么就意味著你需要為自己的設計系統構建秩序良好的樣式、命名規則，而 Styler 這個工具可以幫你搞定這部分體力活兒！

3，Component Cloner

很多同學在使用 Figma 設計 UI 的過程中，會發現 Figma 的缺點之一，是沒有快速克隆組件的功能，而這個名為 Component Cloner 的插件可以幫你搞定這件事情。

4，Component Replacer

構建復雜的組件的時候，經常需要使用各種 UI 元素來替換它們，有了這個組件替換器，可以幫你更快完成這個過程。

5，Stark

UI 組件的可訪問性是一個重要的指標，Stark 是做 UI 可訪問性優化和規范化的著名解決方案，如今它也有 Figma 版本，可以幫你確保 UI 的合理性和可訪問性。

6，Palette

如果你需要從零開始制定配色方案，有很多配色工具可以幫到你，但是最好用的，始終是 Palette 。

7，Find and Replace

在復雜的設計系統當中，針對圖層進行命名和修改是一個麻煩事兒，Find and Replace 可以幫你快速修改圖層和相關的內容，非常好用。

8，Iconify

這是一個包含大量圖標和表情符的插件服務，其中的素材大都是可供編輯的格式，比如 SVG，可以直接復制相關代碼應用到項目當中。

9，Wireframe

這是一個快速繪制線框圖的工具，它幫設計師更快完成線框圖的繪制和調整，其中包含大量基礎的組件與模塊能夠讓設計師專注于更重要的事情，而不是重復基礎的工作。

10，Figmotion

Figmotion 是一個超強的動畫效果設計工具，能夠讓設計師在 Figma 當中創造更加順滑舒適的動效，它的運作機制類似于 AE。對于開發者而言，Figmotion 更容易管理。雖然上手可能沒那么快，畢竟做動畫還是稍微有點復雜的，但是總體上依然好用且便捷，特別出效果。

提高設計工作效率可以分拆為很多個部分來攻克，例如溝通對接，設計流程，思考創作，技能熟練度等等，但是我們最簡單且最容易出效果的是大部分人都經常會忽略的日常資料素材整理，往往是這些不起眼的細節才是每天浪費你大量時間的地方，如果可以將這些浪費的時間利用起來的話，工作效率能提升 30%-35%：

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容