PhotoshopCC网页设计与配色标准教程全套课件压缩包第9章.pptVIP

* 第9章 网页设计趋向 网页设计一路发展到现在，技术的革新带动了设计行业的的迅猛发展，使得设计师和开发者有了更广阔的的探索天地。而网页设计也在不断的推陈出新，发展处了众多的风格。我们要制作出让人眼前一亮的网页，就必须了解现今的网页设计趋势。 * 9.1 超长网页和冷色调、鲜艳颜色的使用 随着网络技术的快速发展，网页设计趋向也不断更新换代。人们喜欢和追随的一些设计元素就是网页设计发展的新趋向，所以洞察和把握这些不断变化和发展的流行元素也是作为一个网站设计师所要承担的任务，下面我们来介绍超长网页和冷色调、鲜艳颜色的使用设计趋势。 * 9.1.1 超长网页 我们在生活中常见到的长网页会挤满好多内容，我们习惯于下滑滚动网页来获取信息，但并非全是挤满枯燥内容的长网页，其中也不乏由更多的留白空间以及快速响应技术合并而成的超长网页设计。这样的设计能使组织内容更加有序，格式也更便于阅读。专家调查发现，用户更喜欢滚动而非点击，所以许多品牌形象网站运用了这一点，将故事性与用户体验相结合，让单页网站的超长滚动获得了一致好评。 * 9.1.2 冷色调和鲜艳颜色的使用被广泛接受 一直以来，冷色调、鲜艳的颜色与单一的颜色这三种颜色主题都广受认可，单从颜色上来讲，这三种颜色风格也并驾齐驱，所以具体使用哪一种颜色主题还是要根据不同的项目定位。 * 9.2 更趋向杂志化和视觉滚动 上一小节我们介绍了超长网页和冷色调、鲜艳颜色的使用趋势，本小节我们来介绍趋向杂志化和视觉滚动趋势，希望对读者学习网页制作，了解现今网页趋势做出帮助。 * 9.2.1 更趋向杂志化 如今，规规矩矩的框架版式设计已经很难吸引受众了，打破常规的排版对于网站设计来说已经越来越重要。随着平面设计人员逐渐涌入网页设计行业，网页版面当前越来越趋向杂志、海报等平面设计作品。具有杂志、海报等平面设计作品风格的网页，往往形式感、时尚感强烈，富有冲击力。 * 9.2.2 视觉滚动 视差设计可以说是近年来网页设计中的一大突破，备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种立体的运动效果，给观者带来一种独特的视觉感受。除此以外，鼠标滚轮的流畅体验，让用户在观看此类网站时有一种控制感，简单来说这是有响应的交互体验。这种效果可以激励用户继续滚动、阅读、与网站互动，吸引用户看看接下来会出现什么。所以，目前无论是网站还是电商商品宣传页都经常采用视差设计来吸引眼球，很受用户喜爱。 * 9.3 注重阅读体现和自定义个性化图标 上一小节我们介绍了趋向杂志化和视觉滚动趋势，本小节我们来介绍注重阅读体验和自定义个性化图标，希望对读者学习网页制作，了解现今网页趋势做出帮助。 * 9.3.1 注重阅读体验 当一个网站需要用户提供频繁的操作时，一定会令人感到不适，而快速效率的操作，则足够为用户提供阅读时的专注与沉浸体验。很多博客杂志样式的网站都在普及化，设计上没有太多的框框条条，没有分栏的设计，而是简单的文字表达，加上图文，摒弃了复杂的内容，使主体内容流畅地呈现，同时也提高阅读质量。 * 9.3.2 自定义个性化图标 未来的网站将会更注重个性化，一个打破常规风格的图标就能很好的体现出网站的别具一格。这些具有个性化的网站将更受年轻受众的喜爱，不少新生网站会采取一些个性化的图标来营造一种不一样的独特风格，增加图标的表现力，HTML5插件的普及也会让网站更加生动，未来必定会有更加特别新奇的网站设计元素来满足我们的视觉体验。这些图标的应用也会增加网页的简洁性，同时让浏览者一目了然，不会浏览过多的信息便可以直接选择自己感兴趣的信息。 * 9.4 分层结构设计和响应式设计 上一小节我们介绍了注重阅读体验和自定义个性化图标，本小节我们来介绍分层结构设计和响应式设计，希望对读者学习网页制作，了解现今网页趋势做出帮助。 * 9.4.1 分层结构设计 通常，屏幕界面以水平方式展示，没有纵深层级感。而分层结构设计是一种层次感的变革，模糊的背景、带有纵深感的层次及动效，拓展了屏幕空间，塑造出内容的层级感。这样的手法也被很多设计师逐渐运用到自己产品中，这种设计将信息分层归纳，体验上能够感觉到明显的层级感，区分主次信息的展示，更专注于内容，更多的展示信息，减少结构层级，提高操作效率。 * 9.4.2 响应式网页设计 除了多终端的多样化，我们还可以看到我们的电脑屏幕，手机屏幕都在不断变大，而在对未来生活的预测、概念设计里，“屏幕”这个产物更是被运用到多种新平台上。例如微软发布的“未来生活概念视频”里，厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现，响应式网页设计所具备