sns视觉设计分享:QQ校友视觉设计

时常和sns相关工作的同事们一起讨论社区类网站的风格设定,logo的设计,排版等等问题,这里就工作中的实践经验和大家做分享,还有很多不足之处期望和大家共同努力。

关于视觉风格定位:

当时市面上已经有着一大批以不同明度,纯度的蓝色为主色调的sns产品

所以要让用户在众多同类产品一眼中认出来,必须给你的产品创造产异化,又根据校友的用户定位我们为校友选择了绿色作为主色调。
青葱岁月、绿色给人轻松、积极、清新的感觉,而且又和同类产品造成了视觉上较高的识别性。
下图是对外发布的第一版的QQ 校友

校友至上线以来经过无数次小的迭代,下面是去年一次较大的改版:

改版中的过程稿:

关于logo设计:

之前我们也给出了多个方案以及适用环境的效果比照。大家会倾向于选择写实四叶草的方案。

在产品推出公测前,我们对logo作了一次用户调查,得到了一个比较满意的反馈。下面是用研的方法和报告:
方法:以">用户访谈的形式给20名在校大三以上的本科生和研究生看logo的设计稿件(包括环境使用效果图)请各自说出自己对各方案logo的理解并给出自己的评分(10分制)

关于构架布局:

这类网站的信息量很大、在整体界面的搭建上要简洁便于信息的阅读。因此网站栅格的搭建和信息的编排布局很重要。

关于文字编排:

由于大量的信息内容,文字的排版很重要,这里举出一些编排上的细节给予参考(以feed为例)。

注意:这类网站会有很多的子级页面所以在模块的分栏等细节设计上要考虑周全便于全站的统一。

关于icon:

这类社区网站使用到icon的地方会比较多,但这类图标起的是一定范围内适度上的提醒,而不会过度打扰到用户。
因此这期间我们对icon做了次较大的优化,优化方向在颜色上更柔,造型上更平稳方正。

关于其他设计:

常常讲到这类网站的设计约束性,但设计师更要为产品挖掘亮点,为产品加分。

以上仅是个人的实践和经验总结,欢迎大家指出不足之处并提供更多宝贵建议。
希望这些分享对大家做sns方面的设计能有所帮助。

来源:http://cdc.tencent.com/?p=2400

时间: 2024-09-20 11:56:48

sns视觉设计分享:QQ校友视觉设计的相关文章

QQ校友发布 腾讯博弈新一轮SNS市场

中介交易 SEO诊断 淘宝客 云主机 技术大厅 事件背景: 2009年1月6日,腾讯旗下校园SNS产品QQ校友正式对外发布. 早在2008年6月6日,腾讯就开始内测针对在校大学生的SNS社交网站-QQ校友(xiaoyou.qq.com)产品;根据腾讯数据显示,截止2008年11月30日,QQ校友总注册用户数量过千万,日均注册量10万. 艾瑞点评: SNS+IM组合模式新纪元 SNS网站是2008年中国互联网最热门应用之一,像Facebook.Myspace.51.校内网.Oukut以SNS模式发

sns视觉设计分享:社区类网站的风格设定

时常和sns相关工作的同事们一起讨论社区类网站的风格设定,logo的设计,排版等等问题,这里就工作中的实践经验和大家做分享,还有很多不足之处期望和大家共同努力. 关于视觉风格定位: 当时市面上已经有着一大批以不同明度,纯度的蓝色为主色调的sns产品 所以要让用户在众多同类产品一眼中认出来,必须给你的产品创造产异化,又根据校友的用户定位我们为校友选择了绿色作为主色调.青葱岁月.绿色给人轻松.积极.清新的感觉,而且又和同类产品造成了视觉上较高的识别性. 下图是对外发布的第一版的QQ 校友: 校友至上

百度手机输入法2.0升级交互视觉设计分享

文章描述:让输入飞起来--百度手机输入法2.0升级交互视觉设计分享. 曾经有一个好用的输入法放在我的眼前,可是我没有用,等我被输入搞得焦头烂额的时候才后悔莫及,人世间最痛苦的事莫过于此.你的手机如果还没有装百度手机输入法的话赶紧去装吧!不要再犹豫了! 结合本次升级,我们从交互.视觉设计的层面与大家分享一些我们的设计心得和思路. 交互设计层面: 输入法的交互设计,首先应遵循的理念是:如何让用户更方便和快捷的输入? 要让用户更快捷和方便的输入,我们重点想从三个方面入手去实现这个目标: 1.尊重用户的

QQ校友正式发布 腾讯进军SNS

经过半年测试之后,腾讯旗下校园SNS产品QQ校友今日正式对外发布.业界评论人士认为,依托数以亿计的庞大客户基础.整合网络平台,此次腾讯推出QQ校友,可能将改写校园SNS(网络社交平台)网站的竞争格局. 据介绍,与许多单一功能的校园SNS网站相比,QQ校友依托腾讯平台,通过与腾讯网.QQ空间和拍拍网等腾讯旗下诸多资源的无缝融合,实现了更加完整的"在线生活",为大学生提供"一站式"网络应用体验. 此外,与目前赢利模式模糊的单一校园SNS网站相比,借助腾讯平台,腾讯更容易

论当今SNS QQ校友将笑到最后

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 论当今SNS群雄崛起,全球相当的活跃,看国内从单一的kaixin001,开心网,校内网,海内,同学等等独立的SNS网站,以及门户网站的进驻,比如新浪的新浪朋友,搜狐的白社会以及腾讯的QQ校友. 根据前段时间的真假开心网的官司,以及新浪收购kaixin001的谣言,以及开心001的程炳皓和新华社合作,都逃避不了一个现实的问题,就是盈利的问题,现

09年QQ校友翘起了校园SNS市场的杠杆

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在2009年初的时候,作为校内网忠实的用户,当时对QQ校友的推出不是很看好.近期看到校友推出一周年活动才再次开始关注.各调研机构的数据令人吃惊--QQ校友已经占据了大学生市场. SNS重要元素是关系链,QQ本身就是最强悍的关系链,QQ校友是在QQ关系链中的进一步细分,转移关系链是校友的巨大优势,校友一年对中国校园市场的进军,速度和成绩惊人.c

QQ校友、人人网、开心网雄踞火并中国SNS市场

中介交易 SEO诊断 淘宝客 云主机 技术大厅 SNS社交网站基于人与人之间的关系传播.在facebook的成功刺激下,中国的一夜之间诞生了无数的SNS网站.尤其是随着comsenz,及thinkSNS发布开源的SNS系统后.竞争进入了严重的白热化阶段. 但是根据最新的CNNIC报告显示:在用户对社交网站品牌选择的多选中,QQ校友.校内网.新浪空间.51.com.开心网分别以50%.37%.36.6%.27.1%.26.4%的比例占据了国内社交网站市场前五名. QQ校友:依托QQ好友关系链,定位

腾讯低调发布QQ校友 欲夺校内网SNS霸权

中介交易 SEO诊断 淘宝客 云主机 技术大厅 北方网6月8日消息,今天,腾讯公司低调开放了一项名为"QQ校友(http://xiaoyou.qq.com/)"的SNS(social networking service,社会性网络服务)产品.该产品的主要目标用户针对在校大学生及高中生.目前,QQ校友尚处内测阶段,只有被邀请的QQ用户才允许对这一服务进行测试. 显而易见,腾讯的目标是搞出一个中国版本的Facebook--事实上,这款新服务在UI设计上与Facebook如出一辙.但目前来

发布QQ校友 腾讯进军SNS

中介交易 SEO诊断 淘宝客 云主机 技术大厅 经过半年测试之后,腾讯旗下校园SNS产品QQ校友今日正式对外发布.业界评论人士认为,依托数以亿计的庞大客户基础.整合网络平台,此次腾讯推出QQ校友,可能将改写校园SNS(网络社交平台)网站的竞争格局. 据介绍,与许多单一功能的校园SNS网站相比,QQ校友依托腾讯平台,通过与腾讯网.QQ空间和拍拍网等腾讯旗下诸多资源的无缝融合,实现了更加完整的"在线生活",为大学生提供"一站式"网络应用体验. 此外,与目前赢利模式模糊的