如何做出美觀高大上的前端頁面

博主在參加比賽時曾經開發過一款app軟件,由於安卓學的不是太好便採用了封裝H5頁面的方式,由於比賽限制,無法使用太多的他人編寫的現有框架,故而只能自己來做,由於工程浩大,完成不易,爲製作出較爲高大上的前端界面,便使用PS來完成。
以下是製作步驟:
首先利用PS製作出頁面(這種方法的難點即在於利用PS製作出一個好看的界面)
在這裏插入圖片描述
點擊切片工具
在這裏插入圖片描述
將需要製作輸入框,按鈕,超鏈接的地方摳出:如圖
在這裏插入圖片描述
點擊文件中的存貯爲web格式
在這裏插入圖片描述
點擊存儲
在這裏插入圖片描述
根據截切出的圖片確定位置與該處的功能:
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
此時,便已大功告成:運行圖所示:
在這裏插入圖片描述
在此分享幾個製作的頁面:
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
碼字不易,加個關注點個讚唄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章