admin管理员组文章数量:1531659
2024年7月11日发(作者:)
作品说明书
教 学 院
课程名称
班 级
学 号
姓 名
计算机学院
多媒体应用技术
15专升本
2
景旭
2016
年
5
月
31
日
PS网页的设计 作品说明书
课程名:多媒体应用技术 专业班级:15级计算机科学与技术专升本
学号:2 姓名: 景旭
一、作品介绍
1. 整体设计思路
我认为网站的页面最主要的就是以简介为主,不需要太过绚丽的背景,
使用户在浏览的过程中能够很容易地发现自己想看的内容,然后再配上
很详细的文字说明,所以我的设计思路就是要以简介为主,下面是我的
整个的设计思路:
整个页面采用百度首页的整体设计风格,再加一些自己的改变。所以整
个页面的风格就显得比较简洁,明了。没有什么大的靓丽的地方。页面
的素材是在网上找的一些小的图案。颜色的搭配整体采用比较深的风
格,就显得很沉稳。
二、作品设计操作详细步骤及截图
2.1 对整个页面进行详细的规划,分为上下两层。
首先采用矩形选框工具选出一块矩形的区域,然后采用渐变的风格进行填充。
上半部分在图层里面选中新建填充图层,然后选择渐变,结果如图所示:
2.3 页面的下半部分也是采用相同的设置,采用渐变风格。
上半部分在图层里面选中新建填充图层,然后选择渐变,结果如图所示:
2.4 底部的工具栏也是采用的渐变的风格
2.5然后再图层上在添加一个文字图层,显示网页的著作权。
具体为:@2013 The Company Inc right Reserved
3、在页面上添加各种图案
3.1 在上半部分添加一个标题,为文字图层,标题为,百度一下,你就知道
文字:百度一下,你就知道
3.2 在底层的左上角添加一个logo的图层,
步骤二:
依次向背景图层里面添加素材
3.3 用背景颜色为白色的矩形的选框工具做出一个搜索的输入文本框
说明:首先选中矩形选框工具,选中如上图所示:
3.4 按钮也是采用矩形选框工具做出来的,在图层样式上选择为浮雕的风格,
然后在这个图层上面在添加一个文字图层,效果如下:
3.5 左边的是一个添加的图片图层
选中T添加文字
说明:在图层的上半部分选中一张图片,然后添加上去。
3.6 下面是四个用圆角矩形工具做出来的,颜色为白色。上面分别是四个眼镜
的图片图层,图片下面也分别配有说明,分别是四个文字图层。效果如下:
说明:上部分为四个图片图层,选中四张图片,添加即可。下面分别是四张图
片的文字说明,为biack frame Glasses , red frame Glasses,blue frame
Glasses,yellow frame Glasses
3.7 综上所述,上半部分的效果如下
4下半部分
4.1 左半部分是一个新闻的区域,主要是以文字图层为主,再加上几个相应的
图片图层,最上面的是一个新闻的标题,为文字图层:
4.2 标题下面是两个图片图层
The happening News为文字图层
相关内容
图片主要显示广告等其他的
4.3 图片下面是文字图层,为日期时间和天气
容
4.4 下面是新闻的正文
主要显示时间天气,日期等内
是一则新闻的区域 eachday brings increased opportunity business in
current as well as the New Share you get to we markets .为文字正文
4.5 右半部分也是一个图片的图层,素材是在网上下的
图片显示的是一则广告,直接添加。
4.6 下面是首先使用圆角矩形工具做出来一个圆角矩形的框框。背景颜色是黄
色
首先选择圆角矩形选框工具
选中一片区域,进行颜色填充
选择适当的颜色后进行确定。
4.7 在背景图层上面添加一个图片图层,粗在也是在网上下载的。
说明:在选中的区域内添加一个图片图层,如上图所示
4.8 然后在图片旁边配有相应的文字图层来做相应的说明。
说明:在添加文字图层,为2016我们一起相约捷成旅游,携手并进共创
辉
4.9 综上所述,页面的下半部分效果如下:
5加上页面的上半部分和底部,总体的效果如下:
作品说明:
整个页面的设计及步骤如上所示,整个页面设计的比较简单,所以有些步骤
写的也比较简单。用的也都是ps里比较基础的工具。但是图片可以很清晰的展
示出来制作的效果。
作品小结:
网页的实现不仅仅可以用代码来实现,还可以通过ps来实现。对于ps做网
页,还真的不太熟练,我可以通过代码做出来一个很漂亮的页面,然而ps做就
很难了。
通过ps做了一个最简单的网站页面,实现的素材也很简单,布局,设计也
相对来说比较简单。最开始不理解ps中图层的含义及用法,通过实际作图把这
一概念基本理解了。也是我对ps做网页有了一个最起码的思路,在做的过程中
碰到的问题很多,一个原本很简单的问题我却弄了很长时间都解决不了,别人一
句话就解决了。 在以后的学习中,对ps的学习也要加强了。
课程成绩评定表
1、作品设计情况
a)页面色调毫无搭配,主题完全不明确,页面板式设计差。 □
b)页面颜色搭配较合理,主题较不明确,页面版面布局比较简
单,网站设计风格不够鲜明。 □
c)页面颜色搭配合理,主题较明确,页面版面布局基本合理。 □
d)页面色调和谐,布局合理,重点突出,主题鲜明。 □
2、作品设计报告
a)内容: 不完整 □ 完整 □ 详细 □
b)方案设计: 较 差 □ 合理 □ 非常合理 □
c)主题: 不鲜明 □ 较鲜明 □ 非常鲜明 □
d)文档格式: 不规范 □ 基本规范 □ 规范 □
考勤成绩: ,
课程平时作业成绩: ,
作品设计成绩: ,
设计报告成绩: ,
占总成绩比例10%
占总成绩比例30%
占总成绩比例50%
占总成绩比例10%
课程总成绩:
3、设计评语
指导教师签字:
年 月 日
版权声明:本文标题:ps作品说明书 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1720651228a835958.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论