论文部分内容阅读
摘 要：我国逐渐进入了网络时代，互联网的发展与普及改变了人们的生活方式，网页设计成为一种热潮，也成为一种学科。就目前的网页设计来说，其受到了许多企业的关注，其中Photoshop的设计方式体现出一定的美观性和简洁性，成为一些网络专家以及爱好者进行页面设计的首选。为了优化网络的设计，本文对PS的网页页面的设计方法以及流程等进行详细地介绍和分析，旨在给相关的工作人员提供相应的借鉴和参考。
关键词：PS技术；页面设计；CI设计
进入社会主义发展的新时期，电子产品的更新换代速度较快，各种网络终端也得到了有效地普及，尤其是互联网技术，在社会发展的各个领域都得到了全面的发展。而且现代社会是一个视觉效应不断提升的社会，因此，网页的设计效果直接影响到网站的浏览量。除此之外，网页的色彩以及冲击力也给人们的生活带来极大的影响。在网页设计的最初，设计者就是采用Photoshop的设计方式来进行的，因此，需要对设计方法和流程进行详细地了解。
1 需求分析
在采用这种方式之前，设计者和客户之间需要签订相应的合同，也就是说设计者需要满足客户的基本要求。可见掌握客户的需求是至关重要的，具体来说可以从以下几个方面入手分析：
1.1 确定网站类型
目前网站类型可以分成很多种，其中包括综合性网站、电子商务网站、娱乐资讯网站以及社交类网站等等。其中中和类网站包括新闻、娱乐、体育等等，其信息量较为庞大且丰富。电子商务类的网站也就是人们常说的购物网站，包括淘宝或者京东商城等等。娱乐咨询是和人们的生活密切相关的，人们可以通过这些网站来陶冶身心，包括看电影或者是听音乐等等。其中较为常见的就是土豆、腾讯等等。社交网络是基于网络共享的一个重要的环节，和平常的交流方式相比发生了较大的变化，给人们的沟通带来了一定的便利，其中微博、人人网就是较为常见的几种类型。
1.2 网站的CI设计需求分析
所谓的CI设计就是指企业的形象设计，主要包括网页中色彩以及一些标志性图标等等，这些都是展现企业形象的重要方式。具体来说主要表现为以下几个方面：
1.2.1 Logo设计，在企业的Logo中可以有中英文的符号或者是图案，动物或者是人物等等。企业的商标是首先体现出企业的形象的重要内容，对其进行设计，需要结合企业的文化特点以及生产和经营的特点等等。要充分体现出企业的内涵和特色。
1.2.2 网页的标准色彩，进行网页的标准色彩的设计对于设计人员的要求相对较高，这一标准色彩在网页上停留的时间不能过长，而且要给人留下深刻的印象，同时，要对色彩的物理性质以及色彩的外延进行掌握。不能过于单调，也不能过于花哨。所以，较为常见的色彩主要有蓝色，黄色，橙色，黑白色等等。
1.2.3 网页的标准字体，要根据网站的特点进行字体的选择，通常情况下，宋体字是较为常见的，但是如果设计者为了增强网页的美观性和艺术性，可以适当地采用企业的字体。
1.2.4 网页的宣传设计，网页的宣传是不可或缺的，也是顺应网站中心的要求，宣传的内容不仅是网站，同时也是为了和浏览者产生共鸣，达到宣传的效果等。
可见，通过网站的色彩，字体以及相应标语的设计可以增强网站的知名度。
2 页面的基本组成部分
对于企业网站来说，其页面的构成需要具有六个板块。其中Logo、内容、版权等是必不可少的，但是由于企业的性质以及特点存在着差异，可以以不同的方式来进行展现。而且，六种形式的内涵和外延都可以变化。对网页的基本结构进行掌握才能根据客户的需要做好设计工作。
3 在Photoshop中制作网页的页面设计方法与流程
3.1 Logo制作
Logo不仅仅是将某些颜色与线条的堆叠，它要比品牌的名称更具标识度。在设计过程中，要思考、艺术分析和系统规划。一个优秀的Logo作品，应该具备简单、动态、灵活、独特、有意义这五个特点，同时应注意颜色的重要性、不要标新立异Logo不是艺术品、不要低估定制字体、不要可预测的效果、不要落入俗套。
3.2 Banner制作
一个优秀的Banner作品的主题要明确、重点文字要突出、要在最短的时间激起点击的欲望、色彩不要过于醒目、产品数量不宜过多、信息数量要平衡、留空给图形文字以呼吸的空间。
3.3导航栏制作
导航栏是继Logo之后用户第一个看到的组件，如何让导航栏更加优雅美丽，在设计过程中应主意两大要点。第一，不要使用一些繁杂的装饰来做突出，通过字体设计、悬停效果设计、页面留白可以设计出简约、优雅的极简主义导航栏。第二，响应式导航设计更完美，根据用户终端设备的不同，按照屏幕尺寸来合理缩放页面，达到更好的阅读效果。
3.4 网页背景制作
网页背景设计目前还没有一套设计准则可遵循，根据总结，我们把网页背景大致分为六种类型：颜色背景、沙文背景、条状背景、照片背景、复合背景、局部背景。一般情况下，考虑到网站的下载速度和网页内容的显示效果，我们并不提倡使用图像作为网页背景。
4 使用Photoshop制作网页效果图应注意的几个问题
4.1 主页页面应干净整洁、条理清晰、专业水准、引人入胜。过多的绚丽、闪烁、下拉式菜单、图片等会让用户产生无所适从、心烦意乱的感觉，导致快速关闭页面。
4.2 導航设计要便捷、美观、全面。导航就如同网站的地图，导航的设计原则要遵循用户的阅读逻辑，同样也要兼顾网站的重点，设计好的导航条不能随意改动，否则用户就会迷路，找不到原来浏览的内容，给用户带来困惑。
4.3 提高页面下载速度。网页的下载速度是网站留住访问者的关键因素，图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间。制作好效果图之后，执行Photoshop软件里“将文件存储为web和设备所用格式”命令，对页面进行优化，控制最终文件所占的存储空间。
结束语
综上所述，在网络社会不断发展的今天，采用PS的方式来进行网页设计已经得到了普及。在设计之前，设计者需要根据客户的需求，将设计方式和设计技巧进行充分地应用。要对其制作方法和之所效果等胸有成竹。同时还要注意避免出现一些常见的问题。随着网络的发展，诸如PS这样的软件层出不穷，因此，需要在网络发展的今天培养自己的创新力。
参考文献
[1]朱彩华.Photoshop在网页版式设计中的应用与技巧[J].电子技术与软件工程，2013（11）.
[2]丁士锋.网页制作与网站建设实战大全[M].北京：清华大学出版社，2013.
[3]刘丽君.浅谈Photoshop在网页制作中的应用[J].科技广场，2011（07）.
关键词：PS技术；页面设计；CI设计
进入社会主义发展的新时期，电子产品的更新换代速度较快，各种网络终端也得到了有效地普及，尤其是互联网技术，在社会发展的各个领域都得到了全面的发展。而且现代社会是一个视觉效应不断提升的社会，因此，网页的设计效果直接影响到网站的浏览量。除此之外，网页的色彩以及冲击力也给人们的生活带来极大的影响。在网页设计的最初，设计者就是采用Photoshop的设计方式来进行的，因此，需要对设计方法和流程进行详细地了解。
1 需求分析
在采用这种方式之前，设计者和客户之间需要签订相应的合同，也就是说设计者需要满足客户的基本要求。可见掌握客户的需求是至关重要的，具体来说可以从以下几个方面入手分析：
1.1 确定网站类型
目前网站类型可以分成很多种，其中包括综合性网站、电子商务网站、娱乐资讯网站以及社交类网站等等。其中中和类网站包括新闻、娱乐、体育等等，其信息量较为庞大且丰富。电子商务类的网站也就是人们常说的购物网站，包括淘宝或者京东商城等等。娱乐咨询是和人们的生活密切相关的，人们可以通过这些网站来陶冶身心，包括看电影或者是听音乐等等。其中较为常见的就是土豆、腾讯等等。社交网络是基于网络共享的一个重要的环节，和平常的交流方式相比发生了较大的变化，给人们的沟通带来了一定的便利，其中微博、人人网就是较为常见的几种类型。
1.2 网站的CI设计需求分析
所谓的CI设计就是指企业的形象设计，主要包括网页中色彩以及一些标志性图标等等，这些都是展现企业形象的重要方式。具体来说主要表现为以下几个方面：
1.2.1 Logo设计，在企业的Logo中可以有中英文的符号或者是图案，动物或者是人物等等。企业的商标是首先体现出企业的形象的重要内容，对其进行设计，需要结合企业的文化特点以及生产和经营的特点等等。要充分体现出企业的内涵和特色。
1.2.2 网页的标准色彩，进行网页的标准色彩的设计对于设计人员的要求相对较高，这一标准色彩在网页上停留的时间不能过长，而且要给人留下深刻的印象，同时，要对色彩的物理性质以及色彩的外延进行掌握。不能过于单调，也不能过于花哨。所以，较为常见的色彩主要有蓝色，黄色，橙色，黑白色等等。
1.2.3 网页的标准字体，要根据网站的特点进行字体的选择，通常情况下，宋体字是较为常见的，但是如果设计者为了增强网页的美观性和艺术性，可以适当地采用企业的字体。
1.2.4 网页的宣传设计，网页的宣传是不可或缺的，也是顺应网站中心的要求，宣传的内容不仅是网站，同时也是为了和浏览者产生共鸣，达到宣传的效果等。
可见，通过网站的色彩，字体以及相应标语的设计可以增强网站的知名度。
2 页面的基本组成部分
对于企业网站来说，其页面的构成需要具有六个板块。其中Logo、内容、版权等是必不可少的，但是由于企业的性质以及特点存在着差异，可以以不同的方式来进行展现。而且，六种形式的内涵和外延都可以变化。对网页的基本结构进行掌握才能根据客户的需要做好设计工作。
3 在Photoshop中制作网页的页面设计方法与流程
3.1 Logo制作
Logo不仅仅是将某些颜色与线条的堆叠，它要比品牌的名称更具标识度。在设计过程中，要思考、艺术分析和系统规划。一个优秀的Logo作品，应该具备简单、动态、灵活、独特、有意义这五个特点，同时应注意颜色的重要性、不要标新立异Logo不是艺术品、不要低估定制字体、不要可预测的效果、不要落入俗套。
3.2 Banner制作
一个优秀的Banner作品的主题要明确、重点文字要突出、要在最短的时间激起点击的欲望、色彩不要过于醒目、产品数量不宜过多、信息数量要平衡、留空给图形文字以呼吸的空间。
3.3导航栏制作
导航栏是继Logo之后用户第一个看到的组件，如何让导航栏更加优雅美丽，在设计过程中应主意两大要点。第一，不要使用一些繁杂的装饰来做突出，通过字体设计、悬停效果设计、页面留白可以设计出简约、优雅的极简主义导航栏。第二，响应式导航设计更完美，根据用户终端设备的不同，按照屏幕尺寸来合理缩放页面，达到更好的阅读效果。
3.4 网页背景制作
网页背景设计目前还没有一套设计准则可遵循，根据总结，我们把网页背景大致分为六种类型：颜色背景、沙文背景、条状背景、照片背景、复合背景、局部背景。一般情况下，考虑到网站的下载速度和网页内容的显示效果，我们并不提倡使用图像作为网页背景。
4 使用Photoshop制作网页效果图应注意的几个问题
4.1 主页页面应干净整洁、条理清晰、专业水准、引人入胜。过多的绚丽、闪烁、下拉式菜单、图片等会让用户产生无所适从、心烦意乱的感觉，导致快速关闭页面。
4.2 導航设计要便捷、美观、全面。导航就如同网站的地图，导航的设计原则要遵循用户的阅读逻辑，同样也要兼顾网站的重点，设计好的导航条不能随意改动，否则用户就会迷路，找不到原来浏览的内容，给用户带来困惑。
4.3 提高页面下载速度。网页的下载速度是网站留住访问者的关键因素，图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间。制作好效果图之后，执行Photoshop软件里“将文件存储为web和设备所用格式”命令，对页面进行优化，控制最终文件所占的存储空间。
结束语
综上所述，在网络社会不断发展的今天，采用PS的方式来进行网页设计已经得到了普及。在设计之前，设计者需要根据客户的需求，将设计方式和设计技巧进行充分地应用。要对其制作方法和之所效果等胸有成竹。同时还要注意避免出现一些常见的问题。随着网络的发展，诸如PS这样的软件层出不穷，因此，需要在网络发展的今天培养自己的创新力。
参考文献
[1]朱彩华.Photoshop在网页版式设计中的应用与技巧[J].电子技术与软件工程，2013（11）.
[2]丁士锋.网页制作与网站建设实战大全[M].北京：清华大学出版社，2013.
[3]刘丽君.浅谈Photoshop在网页制作中的应用[J].科技广场，2011（07）.