12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)

掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(3)

 

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

 

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

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

下篇請看此連結

 

 

 

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


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


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


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


特斯拉研發高效能AI晶片D1,完整滿足人工智慧的訓練需求!


發明家不是人!人工智慧DABUS首位獲得發明專利AI!(上)


壓力大受不了?臉書聊天AI聽你訴苦還會記住你說過的事(上)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *