制作后台网页
撰寫人:黃文政 創建時間:2019年5月28日星期二
按照我個人角度來看,做后臺首先需要想清楚做一個什么樣的后臺,按照這個做的后臺思考有什么用戶會使用。確定好目標之后,便做一個原型圖出來。因為我覺得只有這樣你等會兒就不用考慮怎么排版。
下面的圖片是我做的后臺原型圖。LOGO在左上角下面是導航欄。中間的內容是一張圖片以及需要填寫的信息。因為后臺原型圖不能使用帶有感情色彩的顏色,所以我是用了中性色也就是黑、白、灰三種顏色。
做好原型圖之后,便完善這個網頁。下面的圖片是我做好的頂部板塊。背景色為粉色,店名和LOGO的顏色都是桃紅色。字體:方正粗圓。右邊有兩個交互按鈕,“登錄”與“注冊”字體顏色為黑色,字體:微軟雅黑。
下圖為導航欄,內容有:“首頁”“預約”“數據統計”“VIP用戶”這四個交互按鈕,交互色:白色;字體大小:30號;字體:微軟雅黑;字體顏色:黑色。背景色為粉紅色。
下面的圖片是這個后臺首頁的內容,背景為一張圖片。在圖片右邊有一個白色的圓角矩形框里面有著許多需要填寫的信息。在這個灰邊白底的框里男女左邊的圓形圖標都是按鈕。可以點擊,點擊哪個圓形就會選中男/女。然后年齡右邊的兩個小白色框有著一個向下的箭頭意思指:可下拉。下拉之后會彈出三級頁面。地區與婚況旁邊的灰邊白底框也同樣有一個下拉的按鈕。白色框最下面是一個背景色為淺粉色的圓角矩形框,中間有一個交互按鈕“快速搜索”
底部版塊如下圖所示,里面有6個交互按鈕,每個交互按鈕都用一個小矩形隔開。字體顏色:灰色;字體大小:24號;背景顏色:黑色
完成好之后如圖
總結
- 上一篇: FlexRay 介绍
- 下一篇: 如何根据PPI网络进一步挖掘信息