刚开始就遇到了“不能”

接到需求之初，项目组的同学们对个性相册的头绪还不明晰，开发对设计的约束也还没有具体的说明。为了大家在讨论时能有图可依，我以迅雷不及掩耳盗铃（囧）的速度输出了以文件袋中的相片为情景的版本，拿着草稿便找到了产品和开发的同学讨论了。果然一百个人心中有一百个“个性相册”，讨论很激烈，这个未经过深思熟虑的版本顺理成章的被pk掉了，换来的是我们对相册风格样式，照片浏览方式细致的梳理。

为了提高加载速度、节省带宽、方便维护，便于开发，开发gg提出了主程序模版化的建议。需要模板化的程序包括相册翻页，播放控制，加载图片处理，切换效果，小图列表等等。这意味着个性相册只有皮肤和过场动画可以有不同视觉效果的发挥，其余部分用统一的视觉元素和动画。经过多轮设计、产品、开发同学的三方会谈，最终决定以大局为重， 牺牲一部分视觉效果来配合开发。

虽然主程序模板化使很多表现形式和手法无法实现，但是，勤劳的设计师不会因为各种的限制，放弃对视觉效果的追求，设计组同学们开始在限制中寻找激发创意的入口。

天马行空寻找各种“可能”

就这样开始吧，通过对使用人群的年龄喜好分析，我们和产品mm确定了休闲，清新，涂鸦，魅惑，年轻，可爱，商务，简洁，情感这几个设计方向。颜色上倾向于黑白、多彩、中性、女性青睐的粉、清新的蓝、绿。由于项目一期deadline迫在眉睫，上线的相册模版数量有限，为了能让第一期上线的相册能最大化的满足用户使用需要，我们又从中筛选出大众更偏爱的风格首先进行设计,如清新，潮流，确定了以个性皮肤＋开场动画的设计形式展现相册最个性的部分。

                                            个性相册“异国风情”皮肤效果
“异国风情”体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42180/1/4369bc1b-5efc-4b2a-8d88-75f705980785

没有什么不可能

相片浏览是相册最基本和最重要的功能，主程序模版化需要我们在各类相册中保持一致的图片切换效果。我们首先想到的就是要让用户浏览相片时不因动画展示区域大小限制图片的查看，简言之就是图片的展示区要足够大，要满足可能有的大尺寸相片。二是要让这套动画适合不同风格的皮肤。三是减少开发开发量。在尝试了图片渐隐等几款图片切换效果之后，我们最终选择了类似相纸的设计，图片切换设计成了纸张翻页效果，这种切换效果的特点是：浏览区域大。大众化易在不同风格的皮肤下统一。
 
                                 个性相册“休闲时光”模板,加载图片区域处理成了相纸效果
 
　　　　　　　　　　          相片浏览模式处理成了纸张效果，浏览区域大
“休闲时光”体验地址： http://user.qzone.qq.com/845048408/photo/personal/1/42176/1/7d646538-ac0b-4c73-b2c5-9a0ecc223164

转载请注明：艺宵网 » 透过QZONE平台的相册系统开发看网站建设