浅谈网页界面设计发展新趋势.docVIP

浅谈网页界面设计发展新趋势 浅谈网页界面设计发展新趋势 保山学院信息学院 杨 薇 【摘要】网站是公司或企业宣传形象文化的重要窗口，一个界面良好的企业网站可以提高公司品牌的知名度。要设计个性的网站就要紧跟潮流，本文主要讨论网页设计发展的新趋势及其在社会中的应用。 【关键词】网页设计;界面设计;单页布局;响应式页面 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，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。 响应式网页设计就是一个网站能够兼容多个终端――而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。响应式网页设计主要采用弹性化和响应式图片技术手段来实现。响应式网页设计就是要让网站能够适应所有分辨率。不管你使用什么分辨率，网站的要素都能