Axure產品原型設計規範:這3點需要注意
編輯導語:Axure 是創建軟件原型的快速有力的工具,然而對於很對用户來説,他們可能沒有接受過正式的培訓,不知道如何以恰當的方式來更有效率的使用Axure。基於此,本文作者結合案例分享了產品原型頁面規範設計過程中需要注意的幾個關鍵問題,希望看後對你有所幫助。
產品原型存在的價值是能夠以最為直觀的方式將你的業務需求展示給你的受眾用户。
除了產品原型之外需要在PRD文檔中體現的其他內容(比如業務、流程、邏輯等等)在同等質量的情況下,具有一定設計規範的產品原型明顯會讓你的受眾更加容易接受。此外,在實際的工作中,我們也會擔負着UI視覺稿的評審與驗收工作,具有一定的設計思維,也能讓你更加理解對方的一些設計思路與理念。
產品原型頁面的規範設計需要注意以下幾點:
01 字體:類型 & 字號在原型頁面的文字設計中,字體的選擇方面建議使用蘋方(macOS)或是微軟雅黑(Windows),以便達到更好的顯示效果。
字號我個人比較常用的是12、13、14、15、17,偶爾會用9、10、20。
在原型頁面的色彩設計中,最好保持一致,無論是文本還是其他圖形、圖片不要使用太多非黑灰白以外的色值。
如果用於演示的產品原型稿件中需要配圖標,則需要保持圖片的一致性,大小及樣式。但在實際的工作中,除了一些指示性比較強的圖標,比如搜索、設置、分享等等,其他的儘量不要使用圖標素材。
組成原型界面的素材也要儘可能的避免混搭,比如從成熟產品中截圖然後應用到自己的產品原型當中。
在Axure9中新增了Adjust Color【顏色調整】,可對圖片可以進行色值調整。
在原型頁面的結構設計中,要靈活的使用參考線、對齊、分佈等功能,使頁面內容具有良好的可讀性。
從個人習慣來講,無論是間隔還是留白,我會按照5像素的倍數進行設置。留白一般在Style樣式面板中調整Padding值,很多時候,Padding值也能輔助我對組件進行對齊操作。文本之間的行間距偶爾會調整,但會以默認為主。
以下是一些規範原型頁面示意:
對於想要從事產品經理或是交互設計師的新人來講,建議大家在熟悉工具的使用過程中有意識的培養自己的設計規範。在繪製線框圖,或者臨摹其他成熟產品創建高保真原型(實際工作中並不需要創建高保真原型,這邊需要特別注意)的時候,一定要注意以下2點:
- 線框圖:不建議完全按照蘋果或是安卓,設計規範進行頁面設計。
- 高保證:不建議像素級臨摹。
作者:GrowingPM;公眾號:GrowingPM
本文由 @GrowingPM 原創發佈於人人都是產品經理,未經許可,禁止轉載
題圖來自Unsplash,基於CC0協議。