设计趋势赏析单页网站设计.pptxVIP
2024-10-31 19:52
什么是单页网站单页网站建立在单个窗口中，单页网站的概念更多基于滚动，而非点击（尽管点击也没有被禁止），来浏览和通读网站与它的内容 一个单页网站可以简单到像一页纸，恰好吻合浏览器窗口，不需要滚动。也可以滚动（当然也别把网页设计得太长，影响用户体验）简单来说，单页网站就是一个网站仅需一个URL，进入之后只需要纵向或者横向滚动就可以浏览信息而无需点击单页网站实例http://terra-digitalis.dfg.de/1http://terra-digitalis.dfg.de/、http://terra-digitalis.dfg.de/Terra-digitalis（http://terra-digitalis.dfg.de/）这是一个非标准的单页设计，网页中使用热气球元素来引导用户进行浏览。为什么选择单页网站所有内容在一个页面内1趋势2故事3轻松导航4适应移动设备5原因一“所有内容在同一个页面”一个单页网站的页面空间是有限的，所以其中的内容需要足够有条理，将最希望用户看到的内容呈现在他们面前在有限的页面空间中呈现内容是需要讲究技巧的，字体、图像、排版、列表、信息图等元素的合理使用，都值得仔细推敲当你打算将一个传统网站重新设计成为一个单页网站的时候，需要进行精简整合，把乱七八糟一塌糊涂的信息收拾得井井有条。这个过程就像是从郊区2层小楼搬到市区两居室一样，不断去芜存菁用户喜欢简约整洁的页面案例/Agencysurvivalkits（/）这个单页网站使用了视差滚动式的设计，网页向下滚动的过程中使用了很多典型的视差滚动网页的图片设计技巧。案例/6-reasons-why-smiles-matter/Burkecomfortdental（/）这个牙医网站使用了绿色的色调，手绘的效果也拿捏的不错，垂直滚动的过程中伴随着动画效果。和许多同类网站一样，滚动到底部就是分享按钮了。原因二“趋势”不论如何单页设计是大势所趋。潮流和趋势来来去去是没错，但是谁原因蹲在阴影里坐视潮流和趋势从眼前溜走呢？不仅仅是一个时尚的单页网站，简单愉悦的用户体验也是你的用户的诉求，只需要滚动就可以完整浏览的单页不会令人失望的。案例http://www.liplover.ca/Lip Lover Website http://www.liplover.ca/Design（http://www.liplover.ca/）时尚的视觉效果，鲜活的色彩原因三“故事”与用户进行沟通，最有效的方法之一就是讲故事讲故事最常见的误解：它必须以一段文字、一组图片或者一个视频的形式而存在，与设计无关单页式的网页设计本身就是一个承载一系列内容的绝佳载体，流动性的页面与连贯性的内容在逻辑上完全相合网页设计所涉及的一些网页元素图片：图片是最重要的元素之一，它能强化网页视觉的吸引力，推动故事的发展，调剂视觉让用户远离沉闷。视频：视频是主动输出信息的载体，可以以更清晰更主动的方式传递信息给用户。视频可以承载的信息量非常可观，同时占据版面也不会太大，越来越多的网站开始选择使用视频来直面用户。音频：音频确实没有视频出现的比例高，但是它无疑也是一个极具潜质的载体。用来作为背景音乐的时候，它可以渲染氛围，作为单独音频文件播放的时候，也可以讲述故事。网页设计所涉及的一些网页元素排版：排版很重要，它决定了信息要如何在网页上展现。很多网站并不重视排版，至少不太重视网页布局、文字、色彩之间的排版关系。滚动：可能你之前未曾仔细注意过页面滚动，但是它的确是影响讲故事的关键因素。多页式网站在信息呈现上相对支离破碎，而在单页设计之下，流畅的滚动将信息源源不断地传递给用户，勾起他们的好奇心一直阅读下去。案例/The Art of Texture Movie /Website（/）这个网站充满了视频、图片和滚动效果，来呈现故事案例/index_start.php/index_start.php这个网站以一开始加载完成之后会跳转到页面的最底部，火箭为载体，以遨游太空为故事背景。随着火箭的升空页面逐渐向上滚动，随之以场景化的手段，形象的讲述了intacto 从2001年到2012 年10年的历程原因四“轻松导航”导航是网页浏览的基石单页网站让信息呈现更加扁平，最大化地降低了获取信息的难度。鼠标滚动，信息就全部展现在用户面前单页式的网页设计本身就是一个承载一系列内容的绝佳载体，流动性的页面与连贯性的内容在逻辑上完全相合案例.br/site/content/index.phpPC Baruk .br/site/content/index.phpWebsite（.br/site/content/index.php）这个网站设计得赏心悦目，用户可以直接滚动，也可以使用点击来控制浏览的节奏。内容被安置在一个页面上，但是分组呈现的方式，降低