第一步:梳理需求,搭建框架
特別重要的一個環(huán)節(jié),如果沒有需求,那你只好憑空想象了,先看我做個一個框架梳理
先把大致框架梳理清楚,這樣在 axure設計的時候能夠理清楚層級,確保每個頁面交互都能走通,這也是PM的,如果是ERP小白,建議先把4個最重要的模塊學習下基本就懂一般了:a、用戶管理;b、商品管理;c、訂單管理;d、系統(tǒng)管理。(基本的后臺系統(tǒng)都和案例里面的差不多,可以直接看原型展示里面的4個板塊區(qū)學習里面的列表展示哪些內(nèi)容,發(fā)貨、詳情等等)
第二步:設計規(guī)范,對沒錯,你也可以做好規(guī)范,屬于你axure的規(guī)范。
有人會說這是UI干的活,對,是UI干的活,Axure這個工具功能遠遠會超出你的想象,要把自己的高保真做的美觀,那有的UI干的活,你干一點就行了,不要多,懂就行,看看案例中的規(guī)范:
字體規(guī)范很重要:影響到你所有頁面的布局,小技巧,axure里面的字體大小,一般翻個2倍就是前端寫的rpx,我說的是一般哦,比如axure 字體12 前端寫24rpx。那么我們常見后臺里面和上面提到24 18 16 14 12.
顏色搭配也很重要,如果你不懂那就去幾個UI網(wǎng)站大致看下就知道了,后臺頁面不多,但一定要規(guī)范好整體色調(diào),特別是首頁,icon。藍色也是經(jīng)常后臺需要 #4890F7
axure里面學會調(diào)顏色技巧,直接在里面改,如果你對顏色沒概念,沒關系,直接去一些UI網(wǎng)站copy 別人的配色,可以copy我的,我也是專業(yè)配色的…
第三步:分層設計,處理需求。
考驗真正的技術時候到了
切記,里面的設計沒辦法教的太透徹,因為太多了,但主次順序一定要搞清楚,這樣能省很多時間
a、先設計首頁:設計的時候把左側(cè)菜單欄固定大小,先確定大小別管,頂部菜單欄也是一樣,一般寬度是1440
再把首頁要展示的內(nèi)容、模塊設計進去。(設計后臺要有看板概念,就是用戶首次進去他最想看到哪些內(nèi)容,操作哪些東西,用戶思維多想想,看板這個東西很重要)
b、設計接下來的功能板塊,用戶管理、商品管理、訂單管理、數(shù)據(jù)、財務、監(jiān)控等等,最后設計個權限管理
把接下來的功能板塊,分別在不同的頁面設計完。(原型展示里面有些常用的交互可以學習下,5/10/15頁面選擇,篩選跳轉(zhuǎn)加載小技巧等)
c、把你上面所有設計的板塊歸類到一個動態(tài)面板里,再做左側(cè)導航欄的跳轉(zhuǎn)
d、最后去做個2.5D插畫最為首頁導航欄。(如果你不是UI那么就隨便搞一張吧,畢竟這是UI干的活)
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。