在不能中寻找可能 QZONE个性相册设计的始末
作者：vivi 来源：腾讯webteam 发布时间：2009-07-13 12:27:00
QZONE平台的相册功能为保证加载速度一直以来以简洁的图片排列查看模式呈现相片，随着市场上各类相册产品推陈出新，用户越来越强烈的要求个人相册的独特展示，为了给广大用户提供更炫更酷的个性体验，QZONE在2009年5月全新推出了flash动态个性相册。Vivi有幸参与了个性相册的设计，项目一期成功推出五套相册，设计过程令人意犹未尽，下面和大家晒晒项目过程中的设计体会吧。
相册默认的图片排列查看模式
刚开始就遇到了“不能”
接到需求之初，项目组的同学们对个性相册的头绪还不明晰，开发对设计的约束也还没有具体的说明。为了大家在讨论时能有图可依，我以迅雷不及掩耳盗铃（囧）的速度输出了以文件袋中的相片为情景的版本，拿着草稿便找到了产品和开发的同学讨论了。果然一百个人心中有一百个“个性相册”，讨论很激烈，这个未经过深思熟虑的版本顺理成章的被pk掉了，换来的是我们对相册风格样式，照片浏览方式细致的梳理。
为了提高加载速度、节省带宽、方便维护，便于开发，开发gg提出了主程序模版化的建议。需要模板化的程序包括相册翻页，播放控制，加载图片处理，切换效果，小图列表等等。这意味着个性相册只有皮肤和过场动画可以有不同视觉效果的发挥，其余部分用统一的视觉元素和动画。经过多轮设计、产品、开发同学的三方会谈，最终决定以大局为重， 牺牲一部分视觉效果来配合开发。
虽然主程序模板化使很多表现形式和手法无法实现，但是，勤劳的设计师不会因为各种的限制，放弃对视觉效果的追求，设计组同学们开始在限制中寻找激发创意的入口。
天马行空寻找各种“可能”
就这样开始吧，通过对使用人群的年龄喜好分析，我们和产品mm确定了休闲，清新，涂鸦，魅惑，年轻，可爱，商务，简洁，情感这几个设计方向。颜色上倾向于黑白、多彩、中性、女性青睐的粉、清新的蓝、绿。由于项目一期deadline迫在眉睫，上线的相册模版数量有限，为了能让第一期上线的相册能最大化的满足用户使用需要，我们又从中筛选出大众更偏爱的风格首先进行设计,如清新，潮流，确定了以个性皮肤＋开场动画的设计形式展现相册最个性的部分。
个性相册“异国风情”皮肤效果
“异国风情”体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42180/1/4369bc1b-5efc-4b2a-8d88-75f705980785
0
投稿猜你喜欢
- 阅读上一篇：微软建议的ASP性能优化28条守则(2) 技巧 5：不要将数据库连接缓存在 Application 或 Session 对象中
- ASP 错误代码 说明 ASP 0100 内存不足 ASP 0101 意外错误 ASP 0102 需要字符串输入 ASP 0103 需要数字
- 返回页面的类容，weburl为页面urlFunction GetBytes(weburl) '创建
- 1、什么是AspJpeg？AspJpeg是一款功能强大的基于Microsoft IIS环境的图片处理组件，AspJpeg可以使用很少的代码在
- 客户用的数据库是mysql，而研发好的产品支持oracle，为了让客户掏腰包，我们必须把数据库环境从oracle转向mysql。我们在转换的
- 一，啥是Block Formatting Context当涉及到可视化布局的时候，Block Formatting Context提供了一个
九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多，比如我们经常看到- 在最近一次项目有一个需求，点击按钮——异步提交——异步响应返回——根据响应返回值新开窗口。这有两个要点：异步响应之前不知道要打开窗口的URL
- 下面发一个简单的在线调试服务端js代码的asp源码。并可以提示代码具体错误信息。<％@language="javascrip
- 1概述 SQL语言的本质就是一串伪代码，表达的是做什么，而不是怎么做的意思。如其它语言一样，SQL语句需要编译之后才能运行，所以每一条SQL
- 本教程主要介绍css的基础知识,将逐个讲解css的各个属性,过程可能比较枯燥,但会尽力多举例说明.作者的网站：http://jorux.co
- 优雅的设计经常包含一些特殊的字体，而这些字体并不存在于用户的字体库中，我们并不能奢求每一个访客都是设计师。 :-)虽然CSS3标
- 孟宪会 由于XML（可扩展标记语言：eXtensible Markup Language）真正的平台无关性，它正在逐渐成为数据传
- 1.比喻 如同Windows用桌面、文件夹、垃圾筒来比喻计算机的*作，Web的设计也是如此。善于利用明确、抽象或概念化的比喻ICON来表达各
- 我们在建立一个大型网站的时候会有很多副页面框架模式，甚至一些细节元素都是相同的。但令人困扰的是更新它们却要费些周折，要一遍遍地反复更新每个页
- 很多网站都有“浏览历史”这个功能，通常都是显示在页面的一侧，特别是一些购物网站，这个功能会让用户使用网站的体验好一些；例如当当网或淘宝网都有
- 将近两个多月没有敲linux命令，手指头不听话了。该再次温习卖油翁的故事了。曾为oracle如何启动多个实例运行纠结过，不服输心理。当时在一
- 在MySQL4中，是已经开始支持全文检索（索引）的了。但是只是对英文支持全文检索。由于英文在书写上的特殊性，使得分词算法相对中文来说，简单得
- 省市级联这东西基本是网注一份，而且基本是全是js写的，js写唯一坏处就是JS无效时不可用，我所说的js无效包括不支持js，js加载未完成或者
- 优秀的Stoyan Stefanov在他的新书中（《Javascript Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全
