Site Loader

2021網頁設計工作者不可不知的12個UI/UX設計工具!

2021網頁設計工作者不可不知的12個UI/UX設計工具!
2021網頁設計工作者不可不知的12個UI/UX設計工具!

 

本文為下篇,上篇請看此連結

 

Claritee:不會設計仍可從零上手

一款智慧型線框圖UI/UX設計工具,可將想法轉變成可視線框圖,是產品開發UI/UX設計重要的關鍵,因為它供應一種成本低廉的可視化方法,無論UI/UX設計者僅完成單個頁面還是整個網站,都可自動查看互動式原型。團隊可確認投入時間和資源創建過程中,能在原型設計呈現前解決問題。

InVision:讓團隊不失去方向,保持工作進度

在繁雜的團隊工作中,日復一日,總容易迷失與工作效率低落,藉由這一款強化團隊溝通互動的原型UI/UX設計平台,簡化工作流程、掌握整體專案進度,縮短工作的流程與溝通。InVision提供從線框圖轉換到UI設計所需的所有元素,輕鬆實現團隊合作的呈現和原型設計。同時支持即時設計修改和收集團隊的快速反饋,設計師通常也會用來管理自己的工作流程。

Axure RP:我很醜,可是我有脈絡

有別於Sketch介面的美觀,Axure更專注在使用者互動上,兩者各有特點,但剛開始學習UI/UX設計容易過於注重表面的視覺呈現 (Visual Design) 而非核心的使用者需求 (User Needs)。Axure 的簡陋反而讓使用者能夠在產品設計前期排除視覺紛擾、專注在真正重要的事情上,快速繪製低擬真 (low-fidelity) 的 Wireframe,同時也可以做到中高擬真 (mid- to high-fidelity) 的互動原型 (Prototype)。

Axure RP將 SVG 導入、Sketch 和Adob​​e XD集成與原型製作功能相結合。可輕鬆的將Adob​​e XD和Draw共享Axure RP原型和畫板,並在螢幕頂部收集輸入。可檢查佈局介面、獲取CSS片段和下載,同時將靜態圖像轉換為動態Axure Cloud原型。Axure RP還增加綜合文檔、自動化紅線和更完整的移交給開發人員,無需程式語言。

Framer:解決溝通上的煩惱

製作UI/UX設計原型最重要的目的就是「溝通」,近年來許多UI/UX設計流程裡,開始重視”原型”的重要性,使用Framer原型設計中,使用者可以基礎的想法驗證,再根據測試結果來修正設計方向。這樣的測試循環,可有效降低部分設計錯誤。Framer所撰寫的語言則是 CoffeeScript,因此它的程式語言非常接近口語。但使用介面與工作流程對初學者會有點複雜,需要開發人員和設計師投入大量時間來學習他們的方法。

 

下篇請看此連結

 

相關文章:

介面、體驗大不同!UI設計/UX設計工作內容完整剖析

疫情加速電商衝擊店面!富比士:2021年5大UI/UX設計趨勢

使用 A/B 測試來改善網站 UI 設計的 30 個例子

UI/UX 按鈕設計基本7個原則,優化電商轉換率

AI人工智慧助軍事戰力大提升!(上)

人工智慧能將人話翻成程式碼!?(上)

AI人工智慧跨界心理治療!(上)