博主在參加比賽時曾經開發過一款app軟件,由於安卓學的不是太好便採用了封裝H5頁面的方式,由於比賽限制,無法使用太多的他人編寫的現有框架,故而只能自己來做,由於工程浩大,完成不易,爲製作出較爲高大上的前端界面,便使用PS來完成。
以下是製作步驟:
首先利用PS製作出頁面(這種方法的難點即在於利用PS製作出一個好看的界面)
點擊切片工具
將需要製作輸入框,按鈕,超鏈接的地方摳出:如圖
點擊文件中的存貯爲web格式
點擊存儲
根據截切出的圖片確定位置與該處的功能:
此時,便已大功告成:運行圖所示:
在此分享幾個製作的頁面:
碼字不易,加個關注點個讚唄
如何做出美觀高大上的前端頁面
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
ssm根據pdf模板導出pdf
LVAmber
2020-07-08 12:00:10
給ASP.NET MVC及WebApi添加路由優先級
gigizhui
2020-07-08 11:54:27
HTML5入門之常用標籤
blackcatkiller
2020-07-08 10:51:12
除了自動化訪問性測試,我還對構建的頁面做的六件事
风萧萧梦潇
2020-07-08 10:22:22
筆記:jdk 1.8 使用switch報錯:Incompatible types. Found: ‘java.lang.String‘, required: ‘byte, char, short o
stulln
2020-07-08 08:36:20
簡單實現富文本編輯器
stulln
2020-07-08 08:36:20
Flask學習筆記(二)瞭解框架
还算小萌新?
2020-07-08 08:28:41
自定義標籤2&簡單標籤
祁琼冉
2020-07-08 07:54:27
隨筆——web的深入學習方向
l清水
2020-07-08 07:38:46
Windows 系列都有那些版本?
qhd_whm
2020-07-08 07:03:30
JavaWeb-14-SpringMVC的簡介和Helloword
苍杲
2020-07-08 06:54:10
2017zctf misc300
szuaurora
2020-07-08 06:53:53