sns视觉设计分享


时间: 2021-07-30 10:46:31 人气: 3 评论: 0

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

关于视觉风格定位:

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

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

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

  改版中的过程稿:

关于logo设计:

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

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

关于构架布局:

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

关于文字编排:

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

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

关于icon:

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

关于其他设计:

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

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

  • (本文出自Tencent CDC Blog,转载时请注明出处)
  • 给作者打赏,鼓励TA抓紧创作!
---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

QQ校友

评论