
——读懂i的房子 因为i,全城看光谷
这次网站创作花费时间和心力最多的是素材手绘。梦幻和小清新的风格,凸显“i”主题,让爱情理想,肆意飞扬。
网站地址:http://www.ms.ovuni.com/
———————————————————————————————————————————————————————————————
Phase 1——Planning proposal 企划
网站建设开始同客户洽谈时,美生的楼书还没有出,宣传物料仅限于几张户外围墙和项目宣传单张。广告公司出的设计稿,类似于几米的画风,整体风格偏向于童话。
述求语“独懂i的房子”
i有三重含义:
i是,于纷扰世界,做最真实的自己(爱自己)
i是,遮住我的双眼,我依然能看到你(爱情)
i是,满足对生活一切美好的遐想(爱生活)
那么我们的网站创作也希望从各个侧面烘托这样的价值观。
此外,网站的表现形式,客户也期待有更多不同。
Phase 2——Pitch & Initial concepts 风格创意 & 初步概念
本次创作的过程不算顺利,也经历了推翻重来的过程。
第一稿:
从项目LOGO,与项目手绘风格调性发散。以情侣生活贯穿整个网站,清新唯美的插画,意在营造浪漫童话般的世界。
加载画面为夕阳下情侣骑自行车,湖面泛着光 远景慢慢向后移动。
加载完后引用电影的画面,自行车飞向天空,在满月前演绎成项目LOGO,带出主场景。
主声景结合“因为I 全场城看光谷”设定为分昼夜两部分,浪漫紫色的流星雨夜景与清新蓝色的荡秋千白天。随鼠标左右移动切换场景与导航,同时画面元素产生前后景深。
二级首页延续首页插画风格,卡通但不会幼稚。二级导般的样式考虑画面太丰富,不易太花哨,简洁一些在其它画面上也不会显得突兀。
内页会以项目资料进行设计,配图以实景或效果图为主。

客户反馈意见是整个画面色彩太过浓烈,建议有视觉聚焦,其他元素弱化;此外整体表现形式偏传统,希望在栏目布局上有所突破。
第二稿:
针对以上意见,我们决定转换创意思路。
可以将各栏目作为具象的元素分布在首页,一方面讲述美生“i”的情景剧,另一方面情景剧中的各个元素都是可以和受众交互的,整个画面就象一个寻宝故事,处处充满惊喜。

此稿初步获得客户认可,但是蜿蜒的马路有些喧宾夺主,整体色调有些苍白。
接下来进入了细节调整的阶段:
关于色调我们做了两个方向的尝试
样式一

样式二

最后在样式二的基础上确定了整体色调,另外困扰设计师的是首页的6个小元素,客户觉得风格不统一,小元素应该更具有场景感。
但是这样的小元素能找到合适的就不易了,还要统一风格,真的很难办到。
没有办法,这种情况下只有设计师用数码绘来原创,才能解决元素融合的问题。所以在素材的手绘上我们花费了大量的时间。6个小场景还有情侣踩脚踏车的分帧,看似内容不多,却让我们的设计师通宵加班了几个夜晚,再加上多次修改。手绘的部分花了3个星期才完成,也幸亏客户给予了理解才得以有更多的时间用于细节创作。
这是修改的步骤稿,也展示出来做一个纪念!

Phase 3 内页创意
首页确定后,网站的整体调性得以明确,内页的设计也就水到渠成了。
延续手绘风格,内页更注重感性文字的表述,以及项目实际信息的介绍。


Phase 4 网站建设的后续工作——ipad现场营销导购客户端
IPAD客户端的界面设计延续网站的界面和板块设计
但是根据IPAD的特点,界面我们做了调整。
首先板块精简,原先的六个栏目修改为五个
其次界面按钮放大,方便拖拽和点击
再次,IPAD上的交互是没有触碰效果的,所以之前用到的触碰提示改为直观显示,点击即进入二级栏目。

——————————————————————————————————————————————————————————
今年的项目网站创作,根据项目的定位正在向两个方向改变,极简或更具创意。不变的是对交互流畅度和界面细节的把控。
从卓越到超越,矩阵精品待续。。。。。