论文部分内容阅读
浅谈网页界面设计发展新趋势
保山学院信息学院 杨 薇
【摘要】网站是公司或企业宣传形象文化的重要窗口，一个界面良好的企业网站可以提高公司品牌的知名度。要设计个性的网站就要紧跟潮流，本文主要讨论网页设计发展的新趋势及其在社会中的应用。
【关键词】网页设计;界面设计;单页布局;响应式页面
1.网页设计的总体要求
一个企业创建网站的主要目的是增加产品供应和提高品牌的知名度，通过它客户可以得到企业最新信息，获得最新产品介绍。
Web网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计方案。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析进行设计规划。在设计规划时我们会考虑：建设网站的目的;提供服务和产品的对象;企业能提供什么样的产品和服务; 网站的目的消费者的特点是什么;企业产品和服务适合什么样的表现方式。
在目标明确的基础上，完成网站的构思创意，对网站的整体风格和特色作出定位，规划网站的组织结构。网站应针对所服务对象的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
2.传统网页界面设计方法
网页界面设计通常指网站前台或前端设计，重在观念设计，即对站点整体视觉布局与单页面视觉互动。
2.1 网站的版式设计
网页作为一种视觉语言，特别讲究编排和布局。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
2.2 色彩在网页设计中的作用
色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。
2.3 网页设计形式与内容相统一
为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。
如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。
2.4 结构清晰并且便于使用
如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。
2.5 导向清晰
网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。
3.网页设计新的发展趋势
3.1 整页背景
网页背景经常遭到忽视，它们本身也不应该太受关注，否则前景中的东西也就不那么显眼了。但有时，当设计师灵感迸发时，也会把背景做成网页中最显著的部分。这个技巧最近比较流行。当设计师没有很多内容可以展示的时候，他们就会这么做。
3.2 响应式网页设计
响应式Web设计的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。
响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。响应式网页设计主要采用弹性化和响应式图片技术手段来实现。响应式网页设计就是要让网站能够适应所有分辨率。不管你使用什么分辨率，网站的要素都能够重新组织以形成良好的视觉效果。同样的网站在大屏幕显示器上和在手机上都能很好地显示。
3.3 单页布局
单页布局即使用一个单独的页面来呈现网站的内容，在这种设计中包含了丰富的图像和生动的动画效果。当用户使用时，点击某个导航项，页面随之改变，新的内容就出现在了显示先前内容的区域里。使用单页布局对用户来说最主要的优势是通过更少的鼠标移动和点击来获得用户想要的信息。个性的色彩图画及吸人眼球的动画极大的吸引了用户的注意力，让访问者不知不觉延长了停留在网站的时间。
单页布局的实现主要依靠HTML5。HTML5极大的改变了网页设计的工作，其中一项最大的变化就是，其所支持的jQuery几乎要把Flash淘汰。HTML5能带来绝佳的动画，这种动画能力让我们能设计动态的单页布局，而这种个性的单页布局是作品集和个人页面的首选。
风靡社会的网购活跃在商业舞台，成为新世纪购物趋势的主流，极大的带动了经济的发展。各色各样的网上商品让人爱不释手，商家为了吸引网民，而让网民掏钱包，在设计网站中也各有特色，而单页布局设计是很多设计师们设计个性作品的首先。
4.小结
网页设计仍然在不断变化，不断创新，电子商务时代的到来，赋予设计人员更大的挑战，不断学习和适应行业的最新潮流，掌握该行业的最新动态，才可以立于不败之地。
参考文献
[1]姚怡，余海萍.网站建设与管理[M].中国铁道出版社，2007.
[2]易枚根，易林.Dreamweaver MX 2004网页设计与网站建设[M].机械工业出版社，2004.
作者简介：杨薇（1983—），女，云南保山人，保山学院信息学院讲师，研究方向：多媒体及图形图像应用。
保山学院信息学院 杨 薇
【摘要】网站是公司或企业宣传形象文化的重要窗口，一个界面良好的企业网站可以提高公司品牌的知名度。要设计个性的网站就要紧跟潮流，本文主要讨论网页设计发展的新趋势及其在社会中的应用。
【关键词】网页设计;界面设计;单页布局;响应式页面
1.网页设计的总体要求
一个企业创建网站的主要目的是增加产品供应和提高品牌的知名度，通过它客户可以得到企业最新信息，获得最新产品介绍。
Web网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计方案。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析进行设计规划。在设计规划时我们会考虑：建设网站的目的;提供服务和产品的对象;企业能提供什么样的产品和服务; 网站的目的消费者的特点是什么;企业产品和服务适合什么样的表现方式。
在目标明确的基础上，完成网站的构思创意，对网站的整体风格和特色作出定位，规划网站的组织结构。网站应针对所服务对象的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
2.传统网页界面设计方法
网页界面设计通常指网站前台或前端设计，重在观念设计，即对站点整体视觉布局与单页面视觉互动。
2.1 网站的版式设计
网页作为一种视觉语言，特别讲究编排和布局。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
2.2 色彩在网页设计中的作用
色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。
2.3 网页设计形式与内容相统一
为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。
如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。
2.4 结构清晰并且便于使用
如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。
2.5 导向清晰
网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。
3.网页设计新的发展趋势
3.1 整页背景
网页背景经常遭到忽视，它们本身也不应该太受关注，否则前景中的东西也就不那么显眼了。但有时，当设计师灵感迸发时，也会把背景做成网页中最显著的部分。这个技巧最近比较流行。当设计师没有很多内容可以展示的时候，他们就会这么做。
3.2 响应式网页设计
响应式Web设计的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。
响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。响应式网页设计主要采用弹性化和响应式图片技术手段来实现。响应式网页设计就是要让网站能够适应所有分辨率。不管你使用什么分辨率，网站的要素都能够重新组织以形成良好的视觉效果。同样的网站在大屏幕显示器上和在手机上都能很好地显示。
3.3 单页布局
单页布局即使用一个单独的页面来呈现网站的内容，在这种设计中包含了丰富的图像和生动的动画效果。当用户使用时，点击某个导航项，页面随之改变，新的内容就出现在了显示先前内容的区域里。使用单页布局对用户来说最主要的优势是通过更少的鼠标移动和点击来获得用户想要的信息。个性的色彩图画及吸人眼球的动画极大的吸引了用户的注意力，让访问者不知不觉延长了停留在网站的时间。
单页布局的实现主要依靠HTML5。HTML5极大的改变了网页设计的工作，其中一项最大的变化就是，其所支持的jQuery几乎要把Flash淘汰。HTML5能带来绝佳的动画，这种动画能力让我们能设计动态的单页布局，而这种个性的单页布局是作品集和个人页面的首选。
风靡社会的网购活跃在商业舞台，成为新世纪购物趋势的主流，极大的带动了经济的发展。各色各样的网上商品让人爱不释手，商家为了吸引网民，而让网民掏钱包，在设计网站中也各有特色，而单页布局设计是很多设计师们设计个性作品的首先。
4.小结
网页设计仍然在不断变化，不断创新，电子商务时代的到来，赋予设计人员更大的挑战，不断学习和适应行业的最新潮流，掌握该行业的最新动态，才可以立于不败之地。
参考文献
[1]姚怡，余海萍.网站建设与管理[M].中国铁道出版社，2007.
[2]易枚根，易林.Dreamweaver MX 2004网页设计与网站建设[M].机械工业出版社，2004.
作者简介：杨薇（1983—），女，云南保山人，保山学院信息学院讲师，研究方向：多媒体及图形图像应用。