雖說設計審美很重要,軟件隻是工具,但就像走樓梯和坐電梯都能到達頂樓,電梯的效率顯然更高一樣,好用的設計工具也是如此。下麵我們就一起來了解下UI設計的主流軟件,以及如何選擇自己適合的設計軟件。
你將學到以下3個內容:
1、對行業內主流UI設計軟件的了解。
2、每款設計軟件的特點了解。
3、如何選擇適合自己的設計軟件。
Sketch
一、軟件介紹
Sketch是一款的矢量繪圖應用,也是目前主流的UI設計軟件之一。它相對於PS來說更加輕量,官方稱之為為圖標設計和界麵設計而生的。
支持平台:mac
使用載體:本地
界麵語言:英文(可漢化)
上手難度:中等
二、軟件界麵
Sketch的界麵設計非常簡潔。最頂端的工具箱包含了最重要的操作。左側的部分會列出文件中的所有圖層,右側的部分是圖層的樣式操作,中間是你在創作的畫布,畫布可以無限放大縮小,創建畫板。
三、功能特點
1、界麵設計的鼻祖
Sketch是為界麵設計而生的,軟件的特點是容易理解,上手簡單,對於有設計經驗的設計師來說,入門門檻很低。對於絕大多數的數字產品設計,Sketch都能替代Adobe Photoshop。
2、豐富的插件
Sketch的資源庫和插件庫是十分豐富的,因為它比較成熟,所以與之配套的插件開發的也比較多,在做設計的時候也非常便捷。
Adobe XD
一、軟件介紹
Adobe XD是Adobe係列中優秀的交互原型設計工具,這是一款關於設計、原型、矢量的軟件,使用Adobe XD可以用於為網站設計網頁和移動應用程序設計和原型化 UX/ UI解決方案。
支持平台:mac/win
使用載體:本地
界麵語言:英文(可漢化)
上手難度:中等
二、軟件界麵
Adobe XD的界麵同樣以簡潔為主,符合用戶使用習慣,可以和其他Adobe軟件配合使用。
三、功能特點
1、Adobe家族的成員
作為Adobe全家庭的成員之一,XD的功能無疑是非常齊全的,能夠輕鬆地從線框,視覺設計,交互設計,原型製作,預覽和共享等功能全部集成在 Adobe XD 強大的工具中。
2、可做交互流程
當在原型區域中向項目添加交互和動畫時,使用鼠標在你的圖板之間建立連接,並使用上下文菜單來管理動畫。
Figma
一、軟件介紹
Figma是一款設計編輯器和原型設計工具。
支持平台:全平台
使用載體:在線/本地客戶端
界麵語言:英文
上手難度:較難
二、軟件界麵
三、功能特點
1、強大的組件庫
Sketch同樣可以做組件庫,但Figma在這方麵更為強大,Figma強大的實例 Instances功能,不用提前預設樣式,可直接在圖層上修改而不影響父級圖層,組件庫一鍵切換顏色等強大功能。
2、全流程設計平台
大部分軟件聚焦在設計部分,而Figma可以進行全流程設計,從原型到交互到設計稿,一站式設計。
MasterGo
一、軟件介紹
做UI設計的同學相信都用過大名鼎鼎的藍湖吧,MasterGo是藍湖旗下的專業 UI/UX 設計軟件,支持多人同時編輯、隨時在線評審、設計一鍵交付,在線彙集所有成員,團隊能效大幅提升的設計工具。
支持平台:全平台
使用載體:在線/本地客戶端
界麵語言:中文
上手難度:簡單
二、軟件界麵
MsterGo的界麵跟Sketch區別不大,頂部工具欄的部分做了簡化,將比較常用的工具排列出來,右側同樣是圖層,左側是圖層的樣式操作。
三、功能特點
1、不卡頓,流暢度高
我們知道用在線的設計軟件最害怕的就是網頁卡頓,打開一個界麵費半天勁,那還不如用本地的,MsterGo打開巨多文件的流暢度還是不錯的,收縮自如。
2、豐富的資源庫
MsterGo的資源庫是內置的。來到資源廣場,選擇一個需要用到的資源,點擊創建副本即可,做起設計來不要太簡單。
3、多人實時編輯
在實際工作當中,設計團隊的內部協作,雖然有設計規範,但也要有配合的工具實現實時同步,才能有效的規範以及提升團隊內部的工作效率。
如何選擇適合自己的設計軟件?
小編給大家整理了一張圖,可以根據這張圖對比下每款軟件的優缺點。如果你有mac電腦,那麼還是首推Sketch,一方麵因為Sketch目前還是行業內比較主流的設計軟件,另一方麵因為Sketch的界麵最為基礎,隻要掌握Sketch,其他軟件上手也非常快。如果你沒有mac的話,也可以考慮試試線上設計軟件。
設計軟件千千萬,還是選擇適合自己的最重要,站在使用者的角度,花點時間琢磨一款得心應手的工具那肯定是磨刀不誤砍柴工的。
- End -
來源:視覺半徑公眾號