在不能中寻找可能 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