论文部分内容阅读
摘要：网页设计作为当下最流行的设计之一，对人们的日常生活起到了至关重要的作用，本文以中国最具特色和最有人气的社区类网站——人人网为例，以网页设计中的版式设计为调查研究，分析在此类网站中版式布局、字体设计，图形图象设计和色彩运用等，从而得出一定结论，如何提高SNS社区网站的美观度和实用度，以及此类网站版式设计未来的发展。
关键词：SNS社区网站 版式设计 视觉导向 用户体验
SNS社区网站的网页设计作为当下最流行的设计之一，对人们的日常生活起到了至关重要的作用，尤其是生活在城市中的人们，已经融入到了生活中的点点滴滴，每天刷微博上人人已经占据了都市青年们休闲娱乐的一大部分。社会不断的发展，网络科技日新月异，网站的数量也与日俱增。据统计，截止到2010年中国网页有600亿，全球网页至少有1万亿个网页。这一数字已经可以称为是天文数字了。而SNS社区网站也在美国Fackbook创立开始，在全球开始蔓延。中国的人人网、开心网、点点网接踵而至，目前呈现白热化的局面。在争夺网络用户的基础上，人人网与开心网等新社区网站展开了激烈的竞争，不断提高用户的体验和自身产品的服务过程中，网页中的版式设计越来越受到重视，加之网民对于看到的网页美观度和实用度有了更多的需求，也对网页设计师们提出了更高的要求及挑战。中国的SNS社区网站的网页设计本身有自己的特点，它不同于其他种类的网站，不会像资讯类的门户网站那样，拥有庞大的新闻信息量及专题，也不会像个性化的官方网站那样，丰富多彩。
由于SNS社区网站普遍建立时间短，例如人人网是2005年12月开始建立，开心网建立于2008年3月。我们可以看到，迅速的崛起和短时间的发展时间导致很多设计不够整体、不够专业，尤其是网页设计中的版式设计部分往往差强人意。在人人网建立初期，个人页面的“博客化”令人不得不联想到2000年左右互联网刚刚兴起时各式各样博客的网页布局，单调、死板的构图、毫无配色概念的窘迫，一直深深影响着社交网站的设计和发展。因为版式设计中各种元素的组织结构是否有效合理会直接影响到用户直观体验和产品功能的体现，当然也会影响到所有网站行业在网民中的形象。所以，为了净化SNS社区网站的设计环境，提高SNS社区网站的美观度和舒适度，特此调查研究它的版式布局，并根据研究举证说明怎样才能达到SNS社区网站设计的最优效果。
1、视觉因素在SNS社区网站网页设计中的重要性
认知SNS社区网站非常重要，以人人网为例，人人网的前身是校内网，始建于2005年，蓝色的校内标志一直深深地被网民，尤其是大学生们所记忆，迎合当时大学生社交需求的平台迅速搭建，个人信息化和新颖的呈现形式被大家津津乐道，但是众所周知，初期的校内网结构非常零散，产品很单一，没有形成整体的模式，页面很难被人们记忆，这一过程持续了将近四年的时间，校内网一直没有找到突破口。直到2009年8月4日，著名的校内网更名为人人网，社会上所有人都可以来到这里，从而跨出了校园内部这个范围。根据人人网在百度百科中的解释我们能看到，人人网的宗旨是为整个中国互联网用户提供服务的SNS社交网站，给不同身份的人提供了一个互动交流平台，提高用户之间的交流效率，通过提供发布日志、保存相册、音乐视频等站内外资源分享等功能搭建了一个功能丰富高效的用户交流互动平台。视觉体系再次受到人们的关注，新标志的使用，使得人人网重获新生，网页中的版式设计也有了很大的变化，在老用户习惯的基础上有了稍微的变化，布局更加合理，色彩更加和谐。
根据上述对于人人网的介绍，我们知道标志和网页设计的变化是显而易见的，网页设计中的视觉表达元素会引起人们对具体信息内容的关注，可以使网页中的各种产品获得最大的大众关注度。这就需要网页设计师充分了解用户的上网习惯和大众视觉认知的心理和生理特点。从而去深入研究各个元素之间的关联性和影响力等多重因素，这样才能建立一个用户体验好、视觉色彩明亮的网页。人类自身视觉特性促成了视觉传达的形成。我们知道人是视觉动物，视觉语言的好坏直接决定了网站的生存与发展，人们在浏览SNS社区网站的时候，一般都会带有轻松或者愉悦的心情，所以视觉上一定要保持清新，给人以舒适的视觉感受，这样才能关注到本身的诸多产品，例如人人网中的整体视觉以蓝白为主，清新的设计风格让用户体验者的网页黏度高，喜欢停留在人人网上，从而关注了网站本身的内容，好友留言、照片评论、视频分享、状态更新等等功能才会受到关注，进而对网站的其他盈利产品产生兴趣，如人人农场、VIP会员专区、应用程序、人人逛街等。我们能看到，网页的版式布局和设计是否合理美观，直接影响着用户体验和视觉享受。
2、人人网网页设计中的视觉设计流程
人人网的整体网页视觉以清新明快为主，内容充实、结构清晰、色调统一、符合大众的审美需求，以内容为主导的SNS社区网站最大的特点就是图文并茂，高清图片配以简洁文字非常迎合大众的口味，使人阅读起来非常顺畅，整个网页没有太多多变图形和繁杂色彩的装饰堆砌，视觉化表象语言的合理利用是整个网页成败与否的关键，通过字体、图标、图片的疏密关系和组织搭配，我们不难看出，人人网对于重视视觉感受的用户非常具有凝合力，只有把网页整体布局把控住，才能衬托出网站高质量的内容，尤其是在点线面的处理上，字体和图标作为点，一定不要过于丰富和抢眼，做到舒适有度即可。
3、人人网网页设计中具体视觉要素的分析
网页设计就是通过对各种构成元素的设计来使信息内容有效的传达出去。网页的构成元素主要包括标志、文字、图形图象、色彩、图标、图片等造型元素及标题、导航条、正文、弹框等内容要素。
3.1文字的设计
文字算是网页版式设计中最为关键的元素，没有字体的版式是不完整的。作为传达内容最主要的手段，它的主要功能是传达各种信息和内容，而要达到这种传达的有效性和实用性，文字编辑非常关键，要综合整体效果，避免页面繁杂零乱，减去不必要的文字装饰变化，使人易认、易懂、易读。网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合而不是相脱离，更不能相互冲突。虽然现在可供选择的字体字库非常多，但在同一种网页上，最多不要超过三四种字体，标题字、正文字、链接字、注释字等。而且，由于浏览器兼容性的问题，很多字体是不能被显示的。只要字体符合内容，能在视觉上产生一定的美感，就能赢得用户的青睐。 3.2色彩的设计
版式中的色彩设计是非常重要的，如果说字体是基石，那么色彩就是灵魂了。色彩能促使用户对网站兴趣度和认知度的提高，在一定意义上说也是对网站整体印象的一个评定。一个失败的网页，色彩一定不会美观。我们看到人人网这点做得很理想，整体色彩以清新淡雅为主，浅颜色的背景让人更加关注了深颜色的文字和图片，内容至上。这样用户在浏览网站的时候，非常清晰、流畅、直观，突出了网站和页面的重点内容，这也有利于整体的配色，另外浅颜色的网页背景单纯，可以配以一些同色系的装饰来丰富背景。
3.3图片的设计
图片是网页中最有魅力的视觉元素，图文并茂地向用户提供信息，更直观的增加内容的信息量。人们喜欢看图片，因为图片和文字相比更直观更有趣味，增加了版式设计中“面”的成分。
网络图片的主要特点：一个特点是图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好；还有一个特点是图片质量不需要很高。一般来说，分辨率为72dpi是大多数图片最佳选择。当然，想人人网这种用户可以自己上传图片的网站，高质量和高清图片比比皆是，所以这条法则也是可以改变的。
人人网作为全球最大的中文SNS社区网站，有着其自身的优势和实力，在网页的版式设计上一直推陈出新，顺应时代的潮流。旧式博客网站布局正在悄无声息地变化，以时间轴式的版式结构模式逐渐取代大陆板块模式，新形式的网页设计更加富有创造性和实用性。社区网站对用户体验相当重视，用户决定网站的命运。怎么更好的服务用户，带给大众更多的形式和惊喜是产品经理和网页设计师们的当务之急。
时间轴的视觉要素以一条生命线为基准，从用户开始注册网站开始一直到当前用户在网站活动所发生的一切，都在生命线的左右相互交织，形成一条以时间为基础，以内容为核心的生命之网，对于用户来讲既新鲜又便捷，唯一的缺点就是和原先的版式设计模式大相径庭，这会对一部分老用户造成困扰，所以目前此模式还在推广之中。新模式和旧模式没有所谓的好与坏，只有适不适合。只要能经受得住大众用户的考验就是出色的设计，当然任何优秀的网页版式设计都逃不出准确的运用色彩、字体、图形等视觉元素。尽管中国目前SNS社区网站相对国外的同行业网站还有一段距离，但我们要相信，在不久的将来，一定会探索出条富有中国特色的网页版式设计之路。
关键词：SNS社区网站 版式设计 视觉导向 用户体验
SNS社区网站的网页设计作为当下最流行的设计之一，对人们的日常生活起到了至关重要的作用，尤其是生活在城市中的人们，已经融入到了生活中的点点滴滴，每天刷微博上人人已经占据了都市青年们休闲娱乐的一大部分。社会不断的发展，网络科技日新月异，网站的数量也与日俱增。据统计，截止到2010年中国网页有600亿，全球网页至少有1万亿个网页。这一数字已经可以称为是天文数字了。而SNS社区网站也在美国Fackbook创立开始，在全球开始蔓延。中国的人人网、开心网、点点网接踵而至，目前呈现白热化的局面。在争夺网络用户的基础上，人人网与开心网等新社区网站展开了激烈的竞争，不断提高用户的体验和自身产品的服务过程中，网页中的版式设计越来越受到重视，加之网民对于看到的网页美观度和实用度有了更多的需求，也对网页设计师们提出了更高的要求及挑战。中国的SNS社区网站的网页设计本身有自己的特点，它不同于其他种类的网站，不会像资讯类的门户网站那样，拥有庞大的新闻信息量及专题，也不会像个性化的官方网站那样，丰富多彩。
由于SNS社区网站普遍建立时间短，例如人人网是2005年12月开始建立，开心网建立于2008年3月。我们可以看到，迅速的崛起和短时间的发展时间导致很多设计不够整体、不够专业，尤其是网页设计中的版式设计部分往往差强人意。在人人网建立初期，个人页面的“博客化”令人不得不联想到2000年左右互联网刚刚兴起时各式各样博客的网页布局，单调、死板的构图、毫无配色概念的窘迫，一直深深影响着社交网站的设计和发展。因为版式设计中各种元素的组织结构是否有效合理会直接影响到用户直观体验和产品功能的体现，当然也会影响到所有网站行业在网民中的形象。所以，为了净化SNS社区网站的设计环境，提高SNS社区网站的美观度和舒适度，特此调查研究它的版式布局，并根据研究举证说明怎样才能达到SNS社区网站设计的最优效果。
1、视觉因素在SNS社区网站网页设计中的重要性
认知SNS社区网站非常重要，以人人网为例，人人网的前身是校内网，始建于2005年，蓝色的校内标志一直深深地被网民，尤其是大学生们所记忆，迎合当时大学生社交需求的平台迅速搭建，个人信息化和新颖的呈现形式被大家津津乐道，但是众所周知，初期的校内网结构非常零散，产品很单一，没有形成整体的模式，页面很难被人们记忆，这一过程持续了将近四年的时间，校内网一直没有找到突破口。直到2009年8月4日，著名的校内网更名为人人网，社会上所有人都可以来到这里，从而跨出了校园内部这个范围。根据人人网在百度百科中的解释我们能看到，人人网的宗旨是为整个中国互联网用户提供服务的SNS社交网站，给不同身份的人提供了一个互动交流平台，提高用户之间的交流效率，通过提供发布日志、保存相册、音乐视频等站内外资源分享等功能搭建了一个功能丰富高效的用户交流互动平台。视觉体系再次受到人们的关注，新标志的使用，使得人人网重获新生，网页中的版式设计也有了很大的变化，在老用户习惯的基础上有了稍微的变化，布局更加合理，色彩更加和谐。
根据上述对于人人网的介绍，我们知道标志和网页设计的变化是显而易见的，网页设计中的视觉表达元素会引起人们对具体信息内容的关注，可以使网页中的各种产品获得最大的大众关注度。这就需要网页设计师充分了解用户的上网习惯和大众视觉认知的心理和生理特点。从而去深入研究各个元素之间的关联性和影响力等多重因素，这样才能建立一个用户体验好、视觉色彩明亮的网页。人类自身视觉特性促成了视觉传达的形成。我们知道人是视觉动物，视觉语言的好坏直接决定了网站的生存与发展，人们在浏览SNS社区网站的时候，一般都会带有轻松或者愉悦的心情，所以视觉上一定要保持清新，给人以舒适的视觉感受，这样才能关注到本身的诸多产品，例如人人网中的整体视觉以蓝白为主，清新的设计风格让用户体验者的网页黏度高，喜欢停留在人人网上，从而关注了网站本身的内容，好友留言、照片评论、视频分享、状态更新等等功能才会受到关注，进而对网站的其他盈利产品产生兴趣，如人人农场、VIP会员专区、应用程序、人人逛街等。我们能看到，网页的版式布局和设计是否合理美观，直接影响着用户体验和视觉享受。
2、人人网网页设计中的视觉设计流程
人人网的整体网页视觉以清新明快为主，内容充实、结构清晰、色调统一、符合大众的审美需求，以内容为主导的SNS社区网站最大的特点就是图文并茂，高清图片配以简洁文字非常迎合大众的口味，使人阅读起来非常顺畅，整个网页没有太多多变图形和繁杂色彩的装饰堆砌，视觉化表象语言的合理利用是整个网页成败与否的关键，通过字体、图标、图片的疏密关系和组织搭配，我们不难看出，人人网对于重视视觉感受的用户非常具有凝合力，只有把网页整体布局把控住，才能衬托出网站高质量的内容，尤其是在点线面的处理上，字体和图标作为点，一定不要过于丰富和抢眼，做到舒适有度即可。
3、人人网网页设计中具体视觉要素的分析
网页设计就是通过对各种构成元素的设计来使信息内容有效的传达出去。网页的构成元素主要包括标志、文字、图形图象、色彩、图标、图片等造型元素及标题、导航条、正文、弹框等内容要素。
3.1文字的设计
文字算是网页版式设计中最为关键的元素，没有字体的版式是不完整的。作为传达内容最主要的手段，它的主要功能是传达各种信息和内容，而要达到这种传达的有效性和实用性，文字编辑非常关键，要综合整体效果，避免页面繁杂零乱，减去不必要的文字装饰变化，使人易认、易懂、易读。网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合而不是相脱离，更不能相互冲突。虽然现在可供选择的字体字库非常多，但在同一种网页上，最多不要超过三四种字体，标题字、正文字、链接字、注释字等。而且，由于浏览器兼容性的问题，很多字体是不能被显示的。只要字体符合内容，能在视觉上产生一定的美感，就能赢得用户的青睐。 3.2色彩的设计
版式中的色彩设计是非常重要的，如果说字体是基石，那么色彩就是灵魂了。色彩能促使用户对网站兴趣度和认知度的提高，在一定意义上说也是对网站整体印象的一个评定。一个失败的网页，色彩一定不会美观。我们看到人人网这点做得很理想，整体色彩以清新淡雅为主，浅颜色的背景让人更加关注了深颜色的文字和图片，内容至上。这样用户在浏览网站的时候，非常清晰、流畅、直观，突出了网站和页面的重点内容，这也有利于整体的配色，另外浅颜色的网页背景单纯，可以配以一些同色系的装饰来丰富背景。
3.3图片的设计
图片是网页中最有魅力的视觉元素，图文并茂地向用户提供信息，更直观的增加内容的信息量。人们喜欢看图片，因为图片和文字相比更直观更有趣味，增加了版式设计中“面”的成分。
网络图片的主要特点：一个特点是图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好；还有一个特点是图片质量不需要很高。一般来说，分辨率为72dpi是大多数图片最佳选择。当然，想人人网这种用户可以自己上传图片的网站，高质量和高清图片比比皆是，所以这条法则也是可以改变的。
人人网作为全球最大的中文SNS社区网站，有着其自身的优势和实力，在网页的版式设计上一直推陈出新，顺应时代的潮流。旧式博客网站布局正在悄无声息地变化，以时间轴式的版式结构模式逐渐取代大陆板块模式，新形式的网页设计更加富有创造性和实用性。社区网站对用户体验相当重视，用户决定网站的命运。怎么更好的服务用户，带给大众更多的形式和惊喜是产品经理和网页设计师们的当务之急。
时间轴的视觉要素以一条生命线为基准，从用户开始注册网站开始一直到当前用户在网站活动所发生的一切，都在生命线的左右相互交织，形成一条以时间为基础，以内容为核心的生命之网，对于用户来讲既新鲜又便捷，唯一的缺点就是和原先的版式设计模式大相径庭，这会对一部分老用户造成困扰，所以目前此模式还在推广之中。新模式和旧模式没有所谓的好与坏，只有适不适合。只要能经受得住大众用户的考验就是出色的设计，当然任何优秀的网页版式设计都逃不出准确的运用色彩、字体、图形等视觉元素。尽管中国目前SNS社区网站相对国外的同行业网站还有一段距离，但我们要相信，在不久的将来，一定会探索出条富有中国特色的网页版式设计之路。