PS移动网站练习

PS移动网站练习
首先登陆页面的制作
在这里插入图片描述
在PS内找到色板,然后找到自己需要的背景颜色。在网络上找到适合自己的图片(云朵)
大多使用工具为圆角矩形工具,蓝色为主题色是为了衬托此软件的成熟稳重大方,目的明确
logo以叠加剪切的方法制作完成,当然也可以用其他的工具自己用的顺手就可以了。
在这里插入图片描述
二级页面的设计主要就是能要客户一眼看出他需要做的步骤,简洁方便明了。头部为蓝色,和登录页面对接,互为整体,这种高档的互联网页面主要都是以简洁为主越简洁越容易操作,排版以右对齐方式对齐,以长页面展示就考虑到了用户对跳转的一种厌恶。
在这里插入图片描述
客户明了的看出他下一步该做什么,做完之后会完成什么事情,所有的命令都是操作简单简洁。
在这里插入图片描述
此页面中可以明了的看出客户能操作的地方,填写的资料,这个页面是一个简单的查询新增页面,可分页查看更多资料。
在这里插入图片描述
三级页面,新增跳转页面弹框的位置的黄金角度就在中间,中间位置是看上去最为舒适的位置,后面用灰色遮挡下面内容,给人们传递一种无效的意思(无色在网络中都是不可点击的)

AI移动网站练习
在这里插入图片描述
第三级页面内容比较多,但还是不能偏离简约的风格,留白处还是要留的比较多一点。
在这里插入图片描述
404页面,每个网页制作需要考虑到的页面,蓝色是主题色,立体是互联网流行的风格,同上 所有页面都是以简洁为主,留白处偏多,每个页面都会有加载失败页面,这里做的就是404加载网页不存在页面。

猜你喜欢

转载自blog.csdn.net/weixin_44552839/article/details/89074635
今日推荐