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

标签:qzone,flash,相册
0
投稿

猜你喜欢

  • Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例

    2023-04-19 19:40:57
  • Python网络编程详解

    2022-01-09 15:25:10
  • C++中的string类的用法小结

    2024-04-10 16:09:24
  • 网页特效文字之—粗糙字

    2013-07-23 04:34:56
  • 目标检测mAP的概念及公式详解

    2022-05-24 17:55:57
  • python爬虫之基金信息存储

    2021-12-25 03:20:04
  • Python3+pycuda实现执行简单GPU计算任务

    2022-06-04 09:55:29
  • 通过python将大量文件按修改时间分类的方法

    2023-04-11 00:26:03
  • python opencv实现信用卡的数字识别

    2023-07-05 02:20:23
  • 纯JS实现AJAX局部刷新功能

    2024-05-02 17:04:38
  • Python实现GPU加速的基本操作

    2021-07-30 05:10:34
  • 使用python tkinter开发一个爬取B站直播弹幕工具的实现代码

    2021-06-02 19:15:06
  • python实现搜索指定目录下文件及文件内搜索指定关键词的方法

    2023-06-22 22:49:41
  • vue axios请求拦截实例代码

    2024-05-13 09:14:17
  • MySql添加新用户及为用户创建数据库和给用户分配权限方法介绍

    2024-01-29 01:03:10
  • 详解Windows下源码编译PaddlePaddle

    2022-07-06 00:22:09
  • 一文详细聊聊vue3的defineProps、defineEmits和defineExpose

    2024-04-27 16:02:10
  • 利用python为PostgreSQL的表自动添加分区

    2023-07-07 14:44:58
  • python 使用cx-freeze打包程序的实现

    2022-10-18 12:23:26
  • 浅析SQL Server 聚焦索引对非聚集索引的影响

    2024-01-16 19:19:44
  • asp之家 网络编程 m.aspxhome.com