工具類Web原型製作分享-Amcharts

愛原型愛設計發表於2018-06-19

該網站是Amcharts公司開發的JavaScript Charts,是相容性好的JavaScript、HTML5圖表開發工具,能滿足大部分的開發需求。

網站有Products、Download、Support、Buy、Demos,共5個頁面,網站採用懸浮導航欄和footer的效果。本次使用的是國產原型工具-Mockplus製作,用到的互動元件有滾動皮膚和彈出皮膚為展示顯示和隱藏效果。用到的元件有搜尋框、核取方塊、選項卡、選單、輸入框。可用於訂單購買頁面,登陸頁面,圖示展示等頁面。

工具類Web原型製作分享-Amcharts

工具類Web原型製作分享-Amcharts

工具類Web原型製作分享-Amcharts


點選這裡,可以立即線上預覽:https://run.mockplus.cn/YP8YSuZGjDUSD5mz/index.html


這個原型的主要頁面有:產品頁面、購買頁面、下載頁面等。


以上設計的所有頁面可以在這裡下載分享


所有頁面的圖片集(5張), 在這裡下載


Enjoy it!


相關文章