专题访问地址:https://dsc.ecmoban.com/
初次接到大商创改版需求是在8月份,本以为只重新设计页面,框架无需大改。便设计了一稿首页(因了解到c4d在设计行业十分火热,于是做了一款伪3d的banner)。我一直将banner设计做为专题页面的等一步,页面的整体风格都以banner来引导,但接下来的专题设计改变了这一模式,随之改变的还有更多的设计习惯与思维。大商创改版专题由四位设计师共同完成,我也是第一次与别人共同设计一个项目。设计风格如何确定?间距、素材、用色等在设计之初如何把握?不担心,当时小徐已经拟定了一份设计规范,马上磨刀上阵。
第一页面:运营模式 这是一个全新的概念,是旧专题中没有的内容,第一天的设计确实很头疼。
布局:每一个版块都是一个概念说明,标题+扩展解说,布局相对简单(上下排版或左右排版)以概念图来表达文字意思。
用色:专题统一用色明亮轻快,一改往日大红大紫风格。
难点:理所当然是在配图上,即没有参考又概念理解不深。还有配色。另外,因为是与其它设计师合作心中难免有压力,在时间上也紧张。
总结:整体无大修改之处,只与专题整体风格相比颜色较轻,版块中无重色,页面飘飘然,节奏把握不好。
第二页面:PC端 在旧专题中有过的页面,设计起来相对得心应手。
布局:每个版块内容都配上大商创网站相对页面截图,放在💻上展现,用💻的各个角度来呈现,给用户以真实感。需注意截图的清晰度是否合适,并给予相对美化。
用色:因为图片用的是统一的💻设备,截图也因内容而定,用色方面考试较少。
第三部分:banner整体风格 专题的视觉焦点,决定整个页面的命运。我通常以banner设计为第一步,以banner来决定专题用色与风格。但此次专题的整体设计风格早以确定便放在最后来设计banner。
风格:使用扁平化是必然的。为了使画面丰富、精致、更有设计感,我对文字都进行了变形设计。为了使文字更加突出,都加了底纹与高光。再配上中心构图,更加集中视觉,从文字到图片,有条有序。
颜色:作为商城系统专题,又是专题改版的重新推出,承载着巨大的使命,暖色最为适合。主色:红、橙;辅色:黄,紫。
A:首页banner设计 本来已做好只让我改改而已,我因过于局限无从下手而从新设计了一款。我最得心应手的便是中心构图,上字下图中心对齐,背景扩散炫染。这次所有banner也都采用这种形式。
颜色比例:红:紫:黄(5:4:1)红色作为大面积的背景色;标题文字用紫色,即能衬出背景又比红黄搭配别致;局布以黄色点缀。
首先对文字(大标题)进行设计,做连接处理,方便快捷更多了一丝设计感,厚度与描边让文字更加突出。
接着是产品的摆放,错落有致的产品置于文字下方,要注意疏密有度和设备几格统一等细节问题。
散发似的背景元素设计,配上红黄色,像初升的太阳,代表新生的产品。
B:概述页banner设计 头脑风暴:看见文案(让天下没有难做的电商)第一想法就是--江山在我脚下。地球、人物、建筑、城市。
C:PC端banner设计 文案(美出特色,精出品质)重点在于“美”、“精”二字。
D:资源区banner设计 文案(海量精品模板)重点突出量多。设计元素海浪。
第四部分:总结
很完规范、很完善的一次设计。众人拾柴火烟高。有对比才有压力,动力源源不断。
专题访问地址:https://dsc.ecmoban.com/