header_v0.7.32

淘宝汇吃-特色中国-原产地直达专场

201天前发布

原创作品 / 网页 / 电商
作品版权由夏往 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

设计思路:
1.页面风格:接到这个需求的时候,运营说需要做一个手绘风格的页面。但是手绘的风格有很多,具体是哪一种也没有提供参考,于是我找了很多参考发给运营 最终确认这种描线风格,也是我本人最擅长画的一种风格。
2.版头构图:版头的组成部分并不难确认,首先文案中出现的“煮妇”和“厨房”是必然要出现在画面里的,再就是要推的产品。把这三者结合起来就是餐桌前站着一个盛汤的煮妇,背景是厨房。
3.排版:在这个页面中我选择了左右排版,也就是文案靠左,模特靠右的排版方式,由于准备把人物和商品绘制出较高的精细程度,担心文案在整个版头中会弱化,所以用桌布的形式给文案一个背景使画面更有层次感,又将其延伸下去使版头和下面的内容有一个更好的结合。
4.选择配色:由于页面本身要推的是食物,根据文案“煮妇君的私人厨房”应该是想给用户一种温馨、暖心犹如到家了一般的视觉感受,所以我确认整体页面的配色为暖色。
而在暖色系中当属橙色和黄色最容易勾起食欲,但是偏红的橙色容易闷,不够通透,而且红橙类又容易给人大促的感觉,容易让用户产生视觉疲劳。所以最终确认以低纯度高明度的黄和偏黄的橙色作为主要配色。
5.区分主次:首先文案和商品肯定是页面中尤其重要的。画面在空间上分为三个层次 文案和煮妇、商品、厨房背景。
首先,主文案我是通过了字体设计和错落开却又紧凑的排版方式使其更加精致又不至于散乱。利益点是选了稍微偏冷纯度偏高的枚红色作为背景,字就用了白色和柠檬黄让人更有点击欲。
而商品就是通过颜色的对比和绘制的精细程度来吸引视觉焦点。
由于文案和商品都很精细复杂,煮妇除了五官精细刻画以外,衣服只是叠加了纹理 并没有绘制图案。
背景在整体绘制好之后也进行了多次调整,通过颜色纯度明度对比度以及透明度来降低其在整个画面中的比重。
6.楼层标题依旧延续了版头描线的手绘风格,使用了偏圆的字体,和绘制的一系列煮妇形象的icon。
总结:
在做这个页面的时候虽然一直在理清思路,找参考,整合信息,但中间走了很多弯路,基本就是不断地推翻自己,再重新调整,再打翻自己,再重新调整…一个页面在开始做之前一定要多想,多看,之后开始做的时候效率才会高,才能少走弯路吧。

2

作品信息

  • 创作时间

    2017/02/06

相关作品 收录收藏夹 TA的主页
淘宝汇吃-特色中国-原产地直达专场
意见反馈
没有新消息
密码登录
短信登录
微信二维码登录

提示文案

提示文案

提示失败
提示成功