導航:首頁 > 萬維百科 > 網頁ui設計工具

網頁ui設計工具

發布時間:2020-08-10 04:30:53

1、做UI設計用什麼軟體最好

推薦8款原型設計工具:

1. Axure PR

難度:★★★★

公司旗艦產品,是一款專業的原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。
這是一款非常專業的工具, 但是學習成本也非常高。如果你是一位專業的交互設計師,並且需要設計復雜是交互,你可以使用這款工具。

2. Mockplus

Mockplus(摩客) 是一款簡潔高效的原型圖設計工具,有別於Axure的繁復,Mockplus致力於快速創建原型。無論你是產品小白,
還是大牛,摩客都能滿足你的需求。摩客的設計理念就是關注設計,而非工具。如果你時間有限,那你不能錯過摩客,因為幾乎不需要學習,
你就可以上手這款工具。摩客提供了豐富的組件庫和圖標庫,創建原型,你只需拖一拖。摩客發布2.1新版之後,交互也成為其一大亮點,她將交互設計可視化,只需要拖一拖滑鼠,即可完成交互的設計,所見所得,沒有復雜的參數,更無需編程。封裝好的一些系列交互組件,比如彈出面板、抽屜、內容面板等,讓設計交互幾乎可以全程「無腦」操作。演示也很簡單,直接二位碼掃描即可,同時支持發布到雲和導出演示包。

3. Balsamiq Mockups

Balsamiq Mockups是一款快速創建原型的工具。這款原型工具具有獨特的手繪風格。軟體的內置組件,
拖拽功能的支持為設計帶來了便利。該工具有桌面版本, 同時也可以作為Google Drive, Confluence 和 JIRA的插件使用。

4. Justinmind

JustinMind
是由西班牙JustinMind公司出品的原型製作工具,主要致力於高保真原型。它提供的功能有繪圖工具,拖放位置,大小,格式和導出/導入的小部件。你還可以自定義小組件,創建自定義組件庫,並進行分類,
提供豐富的動畫支持。如果你要創建復雜的高保真原型, 可以嘗試這款工具。缺點就是需要一定的學習成本,程序啟動也比較慢。

5. InVision

InVision 是一款設計原型交互的工具。使用InVision可以很好的實現團隊之間的協作,
也便於收集反饋意見。它可以讓你將靜態的網頁,移動app設計圖快速的變成可以點擊, 具有交互效果的動態原型。讓你的設計「活」起來。

6. UX Pin

UXPin
是一款在線原型設計工具。你可以通過拖拽的方式快速創建原型,無需敲一行代碼。通過UXpin,你可以創建高保真原型,同時也支持從Sketch和Photoshop導入你的設計。

7. OmniGraffle

OmniGraffle 是由來自美國的The Omni Group製作的一款原型設計工具,這款工具只針對蘋果用戶,有OS X版和iOS
版。它曾獲得2002年的蘋果設計獎。可以使用它快速繪制線框圖、圖表、流程圖等。用Origami創建iPhone和iPad原型是比較好的選擇。

8. Flinto

Flinto
可以讓你快速的為web、移動app設計交互。通過拖拽,可以快速的為你的設計圖設置跳轉和動畫。Flinto提供了常用的轉場效果。如果你需要設計iOS
app的交互演示效果,Flinto是不錯的選擇。

總結:

市場上的原型設計工具各色各樣,很難定義誰是最好的。這還主要取決於你的個人喜好和設計需求。如果你正在尋找一款簡單易用,又實惠的原型設計工具,個人認為Mockplus是很理想的選擇,不像Axure、Justinmind那樣繁復,也比Balsamiq功能強大。這是國內第一款原型設計工具,服務和支持也做得很好。

2、設計網頁風格 UI (用戶界面) 用什麼軟體

1樓就足夠了,只要做框架圖和注釋的話 VISIO很不錯 是微軟的專門做這事的工具

PS一般來說都是美工在用,策劃的機器一般來說都比較差,PS的內存佔用蠻大,使用上比VISIO來說相對麻煩一點,所以策劃或者程序做設計圖的時候沒必要用PS

3、ui設計都有那些工具?

Photoshop
UI設計80%時間都在用的軟體,主要是去做界面、Banner、Appicon、切圖等以靜態視覺為核心的工作。基本都使用裡面的矢量工具去繪制,UI設計師必須非常熟練的掌握此軟體!
Illustrator
由於其純矢量的特性,以及線與面轉換的便利性,主要用於做互聯網產品內的功能型icon。
Sketch+Principle
這兩個可以算是專門為UI設計開發的軟體,但是只有Mac版本,Windows電腦無法使用,導致這個軟體在行業內的通用性存在問題。
Sketch的功能基本都是為UI設計服務的,而且是矢量軟體,做UI設計的效率很高。
Principle是可以與Sketch無縫對接的動效設計軟體,與Sketch配合能做出很多可以操作的UI靜態+動態效果設計。
Sublime
這個不算是設計軟體,就是一個代碼編輯器,寫前端代碼非常方便,前端的知識對於UI設計師來說也是非常重要的,一方面,為了能了解自己設計在程序方面的實現可能性,另一方面,可以很好的跟程序員建立溝通(撕B - -...)
After Effect
算是UI設計師的附加技能吧,會則更好,不會也不影響UI設計師主要的工作內容。主要可以做出一些比較負責的動態效果,不僅限於界面動效,有關動態效果表現基本都可以實現。但是也有一個硬傷,就是你不管做成什麼樣,只能以圖像格式輸出,很可能你做的花里胡哨的動效程序根本實現不出來,所以前面所講的學習前端就很重要了。
Cinema 4D
這個屬於一個跨界軟體,起初我知道這個軟體的時候,還是在工業設計行業中使用的,也不知道為啥這兩年開始流行用建模軟體做平面類的設計了,可能是容易出效果吧,所以這個軟體也屬於UI設計師的附加技能,能做很多的概念設計,總之會這個軟體,能讓你的設計表現力更豐富更有趣。

4、ui設計師的ui設計工具都有哪些?

PS、AI、AE、Axure、摹客iDoc等等,UI設計的工具很多,在學習時可以自行選擇一類工具中的一種熟練掌握。

5、網頁和UI設計師常用的在線協同工具有哪些

推薦使用摹客iDoc,新一代的產品協作設計平台,設計師的利器,產品經理的幫手,工程師的夥伴。
- 產品經理全局管控:管理產品文檔、掌控設計任務、梳理產品邏輯、製作交互原型。
- 設計師輕松交付:Sketch/PS/XD設計稿和Axure/Mockplus原型一鍵上傳、在線評論、生成設計規范、圖層數據下載、版本對比。
- 前端工程師高效編程:了解需求 、查看交互、智能生成標注、一鍵下載切圖、自動生成代碼。
- 團隊協作更快更簡單:團隊和項目動態實時更新,項目進度一目瞭然,溝通更便捷,協作更高效。

6、ui設計需要什麼軟體?

ui設計需要用到的軟體很多,現列舉一些ui設計常用的軟體如下:

Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。

(1)Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。

(2)Adobe illustrator,常被稱為「AI」,是一種應用於出版、多媒體和在線圖像的工業標准矢量插畫的軟體。作為一款非常好的矢量圖形處理工具,該軟體主要應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等,也可以為線稿提供較高的精度和控制,適合生產任何小型設計到大型的復雜項目。

(3)Adobe After Effects軟體可以幫助您高效且精確地創建無數種引人注目的動態圖形和震撼人心的視覺效果。利用與其他Adobe軟體無與倫比的緊密集成和高度靈活的2D和3D合成,以及數百種預設的效果和動畫,為您的電影、視頻、DVD和Macromedia Flash作品增添令人耳目一新的效果。

(4)Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。

(5)Sketch,即Sketch-A-Etch,是一款素描繪畫類的軟體,玩家需要旋轉左右兩個旋鈕來控制面板上的畫筆描繪出你想要的圖像,並且可以給它們上色。

7、網頁界面設計工具有哪些

工欲善先利其器,網頁界面設計過程中要運用很多工具,藍湖、PS、Sketch、AI、Axure 這些差不多能囊括其工作的方方面面。

8、ui設計用到哪些軟體啊?

UI設計(或稱界面設計)是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計師的日常工作是一個系統性的工作,所以使用到的軟體各不相同。
一、UI設計視覺設計軟體:PS 、Sketch
Photoshop是一款強大的圖片處理軟體,因此它不只是修修照片、你用它還能完成UI設計。
二、思維導圖軟體:MindManager或XMind
MindManager或XMind都為思維導圖軟體,主要用來整理產品需求思路、產品架構、產品的交互邏輯等等。
三、快速原型設計工具:Axure RP
Axure RP是一個專業的快速原型設計工具
四、動效設計:AE軟體
可以讓工程師實際動態效果等。
以上就是ui設計所用的軟體,大家也可以上相關官網查詢有專業的課程學習

9、UI設計需要學慣用到哪些軟體

photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash
目前在中國大部分從事UI設計的工作者,也有人稱之為美工
可是事實上這並不是單方面的美術工人
而是軟體產品的產品外觀的設計者
現在學習UI設計的人很不其中以大學生或是白領為主,如果找個靠譜點的UI培訓機構(全程面授),學習起來很好入門。

10、ui設計用什麼軟體

我們在學習UI設計的過程當中,需要學習到很多知識,比如 PS,AI,AE,XD,ARP,C4D,藍湖,默刀軟體,這些都是一名UI設計必需要掌握好的軟體。
PS:PS軟體在UI設計工作中主要來用做UI設計界面設計、圖標設計、圖片處理的
AI:AI軟體在UI設計工作中主要用來做UI界面設計、圖標設計、字體設計、插畫設計的
AE:AE軟體在UI設計工作中主要用來做動效設計的
XD:XD或者sketch軟體,Sketch(只能在蘋果電腦上安裝)XD軟體可以在雙系統上安裝
Sketch和XD這兩款軟體功能是差不多的,XD的話是一款非常適合做UI設計工作,XD做圖會非常快,因為XD的工具特別少,裡面的工具是專門為做UI設計工作開發的一款軟體,而且XD軟體特別小,不會卡。
我們在學習UI設計的過程當中,需要學習到很多知識,比如 PS,AI,AE,XD,ARP,C4D,藍湖,默刀軟體,這些都是一名UI設計必需要掌握好的軟體。
PS:PS軟體在UI設計工作中主要來用做UI設計界面設計、圖標設計、圖片處理的
AI:AI軟體在UI設計工作中主要用來做UI界面設計、圖標設計、字體設計、插畫設計的
AE:AE軟體在UI設計工作中主要用來做動效設計的
XD:XD或者sketch軟體,Sketch(只能在蘋果電腦上安裝)XD軟體可以在雙系統上安裝
Sketch和XD這兩款軟體功能是差不多的,XD的話是一款非常適合做UI設計工作,XD做圖會非常快,因為XD的工具特別少,裡面的工具是專門為做UI設計工作開發的一款軟體,而且XD軟體特別小,不會卡。

與網頁ui設計工具相關的知識