IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

推广设计形式研究报告―真实的视觉

Taobao.com UED Team 2010-01-04 12:54:16 累计浏览 1,834 次
本机暂存

    原图已失效

    推广专题设计在淘宝运用频率相当高,涉及面广泛,设计形式也丰富多彩,本期推广设计形式研究来讲解其中一种形式:模拟场景设计.

    原图已失效

    模拟场景设计的类别(全局场景模拟、局部场景模拟)

    1:全局场景模拟:大量使用与主题相关的元素合成,并且有很连贯整体性的页面。

    全局场景设计适用与大型促销活动,主题内容单一类的活动,页面内容元素丰富,但不适用与页面高度较长的活动。

    

     此类设计形式能提升用户浏览时对主题表达内容的理解,感受设计师所想传达的信息氛围;

    下图是《08年年终大促》活动的终稿,页面使用了全局场:

    需求方要求:喜庆,奖品丰富。

    基本构思:红色/黄色色调、幕布舞台与奖品。

    页面从构思到实现基本没什么出入,将角度合适的奖品放置与有透视角度的舞台上,为了增加头部与页面整体的联系,左侧加了一地毯由舞台上方延伸下去原图已失效

    另外,全局场景设计对页面主要内容表达的手法也很简单,通常将主题内容的光、影、透视角度、色彩反差等增强就能实现,

    如下图:页面背景颜色使用绿色,视觉中心以反差较大的黄色做为主色,并且增加了高光,很容易将用户的眼球吸引至此

    原图已失效

    2:局部场景模拟:打破传统页面设计、布局形式,部分主要信息内容以真实视觉展现方式存在,用高透视,高光影将其突出;

    局部场景模拟适用与页面长度较高的类目促销活动、突发事件活动专题、单品展示、品牌宣传等。

    下图中是《宝贝传奇―匡威》设计稿,

    需求方要求:设计时间2天 潮流

    基本构思:醒目的鞋子、潮流元素、方便后期延伸设计

    设计时选择了一只角度合适的鞋子,经过阴影处理后让鞋子感觉真实存在页面上方,加以修饰达到视觉中心点突出的目的,原图已失效

    同类手法中,也可以做为缩短设计周期的取巧办法。

    下图中整页背景统一,页面中机车的角度真实,并且还有景深机车作为透视辅助,页面简洁但不失档次,页面主题性质也一目了然。

    原图已失效

    现实生活中,我们的手机界面由原来的黑白数字屏幕到现在的真实触控,越来越注重用户体验,和使用的真实感,设计也这样;

    传统的页面已经泛滥,如何让用户耳目一新?

    如何能让用户在页面停留的时间更长?

    如何让用户由原来的使用页面变成在使用的同时并能真实感受到一些什么?

    这些应该是我们视觉设计师可以去多去考虑的,模拟场景设计在众多设计形式中相比,氛围感最强,视觉中心点最好控制,并且有推动用户对页面主题理解,不妨可以多去尝试。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  3. 网易微博平面视觉项目执行 (累计阅读 10,034)
  4. sns视觉设计分享 (累计阅读 9,523)
  5. 图书馆的世界纪录 (累计阅读 9,507)
  6. 网站导航设计的6大分类 (累计阅读 9,298)
  7. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,199)
  8. 概念视觉设计 (累计阅读 5,827)
  9. 2011年手机产品设计趋势(1):精致实用的界面 (累计阅读 5,526)
  10. Android设计中的.9.png (累计阅读 5,040)