LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭
大商创专题设计改版
昆娜 2016-12-06

专题访问地址:https://dsc.ecmoban.com/

初次接到大商创改版需求是在8月份,本以为只重新设计页面,框架无需大改。便设计了一稿首页(因了解到c4d在设计行业十分火热,于是做了一款伪3d的banner)。我一直将banner设计做为专题页面的等一步,页面的整体风格都以banner来引导,但接下来的专题设计改变了这一模式,随之改变的还有更多的设计习惯与思维。大商创改版专题由四位设计师共同完成,我也是第一次与别人共同设计一个项目。设计风格如何确定?间距、素材、用色等在设计之初如何把握?不担心,当时小徐已经拟定了一份设计规范,马上磨刀上阵。

第一页面:运营模式  这是一个全新的概念,是旧专题中没有的内容,第一天的设计确实很头疼。

  1. 布局:每一个版块都是一个概念说明,标题+扩展解说,布局相对简单(上下排版或左右排版)以概念图来表达文字意思。

  2. 用色:专题统一用色明亮轻快,一改往日大红大紫风格。

  3. 难点:理所当然是在配图上,即没有参考又概念理解不深。还有配色。另外,因为是与其它设计师合作心中难免有压力,在时间上也紧张。

  4. 总结:整体无大修改之处,只与专题整体风格相比颜色较轻,版块中无重色,页面飘飘然,节奏把握不好。

第二页面:PC端  在旧专题中有过的页面,设计起来相对得心应手。

  1. 布局:每个版块内容都配上大商创网站相对页面截图,放在💻上展现,用💻的各个角度来呈现,给用户以真实感。需注意截图的清晰度是否合适,并给予相对美化。

  2. 用色:因为图片用的是统一的💻设备,截图也因内容而定,用色方面考试较少。

第三部分:banner整体风格    专题的视觉焦点,决定整个页面的命运。我通常以banner设计为第一步,以banner来决定专题用色与风格。但此次专题的整体设计风格早以确定便放在最后来设计banner。

  1. 风格:使用扁平化是必然的。为了使画面丰富、精致、更有设计感,我对文字都进行了变形设计。为了使文字更加突出,都加了底纹与高光。再配上中心构图,更加集中视觉,从文字到图片,有条有序。

  2. 颜色:作为商城系统专题,又是专题改版的重新推出,承载着巨大的使命,暖色最为适合。主色:红、橙;辅色:黄,紫。


        A:首页banner设计     本来已做好只让我改改而已,我因过于局限无从下手而从新设计了一款。我最得心应手的便是中心构图,上字下图中心对齐,背景扩散炫染。这次所有banner也都采用这种形式。

  1. 颜色比例:红:紫:黄(5:4:1)红色作为大面积的背景色;标题文字用紫色,即能衬出背景又比红黄搭配别致;局布以黄色点缀。

  2. 首先对文字(大标题)进行设计,做连接处理,方便快捷更多了一丝设计感,厚度与描边让文字更加突出。

  3. 接着是产品的摆放,错落有致的产品置于文字下方,要注意疏密有度和设备几格统一等细节问题。

  4. 散发似的背景元素设计,配上红黄色,像初升的太阳,代表新生的产品。

       B:概述页banner设计        头脑风暴:看见文案(让天下没有难做的电商)第一想法就是--江山在我脚下。地球、人物、建筑、城市。

        C:PC端banner设计       文案(美出特色,精出品质)重点在于“美”、“精”二字。

       D:资源区banner设计       文案(海量精品模板)重点突出量多。设计元素海浪。



        第四部分:总结

        很完规范、很完善的一次设计。众人拾柴火烟高。有对比才有压力,动力源源不断。

专题访问地址:https://dsc.ecmoban.com/


推荐文章
评论(0)
联系我们|招贤纳士|移动客户端|风格模板|官方博客|侵权投诉 Reporting Infringements|未成年人有害信息举报 0571-89852053|涉企举报专区
网易公司版权所有 ©1997-2024  浙公网安备 33010802010186号 浙ICP备16011220号-11 增值电信业务经营许可证:浙B2-20160599
网络文化经营许可证: 浙网文[2022]1208-054号 自营经营者信息 工业和信息化部备案管理系统网站 12318全国文化市场举报网站
网信算备330108093980202220015号 网信算备330108093980204230011号
分享到
转载我的主页