ps作品说明书.docx

ps作品说明书.docx

《ps作品说明书.docx》由会员分享，可在线阅读，更多相关《ps作品说明书.docx（10页珍藏版）》请在冰豆网上搜索。

ps作品说明书

作品说明书

教学院

计算机学院

课程名称

多媒体应用技术

班级

15专升本

学号

201520410106

姓名

景旭

2016

年

5

月

31

日

PS网页的设计作品说明书

课程名：

多媒体应用技术专业班级：

15级计算机科学与技术专升本

学号：

201520410106姓名：

景旭

一、作品介绍

1.整体设计思路

我认为网站的页面最主要的就是以简介为主，不需要太过绚丽的背景，使用户在浏览的过程中能够很容易地发现自己想看的内容，然后再配上很详细的文字说明，所以我的设计思路就是要以简介为主，下面是我的整个的设计思路：

整个页面采用XX首页的整体设计风格，再加一些自己的改变。

所以整个页面的风格就显得比较简洁，明了。

没有什么大的靓丽的地方。

页面的素材是在网上找的一些小的图案。

颜色的搭配整体采用比较深的风格，就显得很沉稳。

二、作品设计操作详细步骤及截图

2.1对整个页面进行详细的规划，分为上下两层。

首先采用矩形选框工具选出一块矩形的区域，然后采用渐变的风格进行填充。

上半部分在图层里面选中新建填充图层，然后选择渐变，结果如图所示：

2.3页面的下半部分也是采用相同的设置，采用渐变风格。

上半部分在图层里面选中新建填充图层，然后选择渐变，结果如图所示：

2.4底部的工具栏也是采用的渐变的风格

2.5然后再图层上在添加一个文字图层，显示网页的著作权。

具体为：

@2013TheCompanyIncrightReserved

3、在页面上添加各种图案

3.1在上半部分添加一个标题，为文字图层，标题为，XX一下，你就知道

文字：

XX一下，你就知道

3.2在底层的左上角添加一个logo的图层，

步骤二：

依次向背景图层里面添加素材

3.3用背景颜色为白色的矩形的选框工具做出一个搜索的输入文本框

说明：

首先选中矩形选框工具，选中如上图所示：

3.4按钮也是采用矩形选框工具做出来的，在图层样式上选择为浮雕的风格，然后在这个图层上面在添加一个文字图层，效果如下：

3.5左边的是一个添加的图片图层

选中T添加文字

说明：

在图层的上半部分选中一张图片，然后添加上去。

3.6下面是四个用圆角矩形工具做出来的，颜色为白色。

上面分别是四个眼镜的图片图层，图片下面也分别配有说明，分别是四个文字图层。

效果如下:

说明：

上部分为四个图片图层，选中四张图片，添加即可。

下面分别是四张图片的文字说明，为biackframeGlasses,redframeGlasses,blueframeGlasses,yellowframeGlasses

3.7综上所述，上半部分的效果如下

4下半部分

4.1左半部分是一个新闻的区域，主要是以文字图层为主，再加上几个相应的图片图层，最上面的是一个新闻的标题，为文字图层：

ThehappeningNews为文字图层

4.2标题下面是两个图片图层

图片主要显示广告等其他的相关内容

4.3图片下面是文字图层，为日期时间和天气

主要显示时间天气，日期等内容

4.4下面是新闻的正文

是一则新闻的区域eachdaybringsincreasedopportunitybusinessincurrentaswellastheNewShareyougettowemarkets.为文字正文

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、设计评语

指导教师签字：

年月日