博主在参加比赛时曾经开发过一款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