天天看點

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

本節書摘來自異步社群《axure rp8産品原型設計快速上手指南》一書中的第1章,第1.1節,作者 何廣明,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

axure rp8産品原型設計快速上手指南

在經曆一個個漫長的beta版本之後,我們終于迎來了axure rp8版本的正式釋出,其logo從以極具扁平化的藍色為主色調進化以紫色為主色調。axure的每一次版本釋出都是整個産品界矚目的事件,從rp7版本剛釋出我們就在暢想rp8版本的釋出會有哪些變化。

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

從本次釋出的版本來看,axure rp8在整體ui方面更加扁平化,更加突出一些核心功能和灰階原型的精髓,添加和改善了一些功能。從本節開始我們會一點點介紹全新的axure rp8,并闡述這一版本的新變化是如何改進産品原型設計,提高設計效率的。

windows和mac界面差別弱化

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

windows版本

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

mac版本

在經曆了最後一次大的版本更新之後,axure rp8相對于之前的beta版本在ui上進行了很大的更新,其windows版本和mac版本界面差別弱化,統一了頂部工具欄,不過,它依舊保持簡單、直覺的ui界面。

頁面布局調整為3欄

axure rp8将原來放置在軟體底部的頁面互動區域移動并合并到右側部件屬性區域,加大了整個軟體的頁面編輯區域的面積。整個軟體布局變成了最經典的左中右三欄布局。

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

新的檢查器面闆

rp8将部件互動動作和備注面闆、部件屬性和樣式面闆、頁面屬性面闆合并為檢查器(inspector)。選擇某個部件時,屬性面闆就是該部件的屬性;點選頁面空白處時,屬性面闆就會變成頁面屬性。

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面
《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面
《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

新的圖示和按鈕樣式

rp8正式版對檔案、剪貼闆、撤銷、剪裁、裁切以及連接配接點等操作項的圖示進行了重新設計。圖示按照屬性進行了歸類,同時将不常用的一些快捷操作隐藏到“更多”裡面。我個人覺得扁平化和灰階處理過後的圖示沒有rp7版本的圖示辨識度高。

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

重組和分類

在做互動設計的過程中,為了保證使用者對資訊的了解,我們會不斷地對資訊進行分類,将同一屬性的資訊放到一起。rp8正式版中對屬性和樣式面闆進行了重組和分類,更便于查找各類部件的屬性,減少上下翻頁以及頁籤切換等頻繁操作。

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

工作環境介紹

《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面
《Axure RP8産品原型設計快速上手指南》一第1章 基礎界面1.1 預設界面

繼續閱讀