网页设计专题:营销类节日专题设计案例分析 |
时间: 2014/2/8 11:09:45 点击: 7027 |
意义,所以也没有必要花时间设计。
个人认为最有效的信息是”限定皮肤3送1起”,最能吸引玩家眼球的就是他,有「限定皮肤、送」这些字眼,这明摆着就是勾引用户嘛,所以我选择把这块文字进行放大,吸引用户的眼球!也让头部的文字有的大小对比,有了简单的形式感。 2:然后是活动时间,这也是一个很重要的传递的信息,所以也需要很明显的展示,但又不能很抢眼。一般都放在标题的上方或下方 3:接下来是第一部分内容,”四重献礼”,交互稿上有四条信息”献礼1、献礼2、献礼3、献礼4″,通过和接口沟通后,这四条信息是下面四个皮肤的领取条件,而下面四个皮肤也是这个专题的主角–要送的皮肤,所以我们也确定了这一块内容在整个页面的重要关系。那么为了和下面售卖的皮肤有区分,这四个皮肤的区域我采用了「圆形」来进行区分和强调!并且把四条领取信息梳理在了应该出现的位置,领取按钮的下面。 4:最后专题下方的”指定冰雪节限定皮肤”售卖区,这个从交互上看没有什么问题,所以我们就不用再此纠结。 p.s.在每一次对一个区块进行主次分析后,最好和接口人对一遍,以免你的判断出错,到最后白费功夫。最后确认你的分析是正确的之后,就可以开始进行视觉设计啦。 第四:利用”颜色查找”制造大感觉接下来就是今天要说的“颜色查找”功能,这个功能之前在”优设网”上有个介绍《PHOTOSHOP CS6鲜为人知的一个调色功能》,大家可以先看一下。 查找颜色是一个调整图层,他的位置可以查看上图, 添加了颜色查找以后,在颜色查找的面板里找到3DLUT文件,下拉就可以看到很多自带的特效样式,可以一个一个尝试。 本文附件提供由 @良知塾TaoStudio 提供的更多 查找颜色 样式下载 这个功能用了之后会立刻给页面制造一些电影级别的色调,有冷的,有暖的,诡异的,小清新的,在经过鼠标滚轮的一番滚动后,总有几个颜色会让你灵光一现,如果没有,那你只能绕道而行,换其他的方法了。 颜色查找效果一 颜色查找效果二 颜色查找效果三 颜色查找效果四 颜色查找 效果五 颜色查找 效果六 上面这些步骤就是不断尝试样式 ,还有更多! 因为这个专题是冰原献礼,所以第一感觉想到的是冷、雪、蓝色、白色,这些关键词蹦出来。所以在经过”颜色查找”的尝试后,找到了自己满意的一个效果,就是上图 颜色查找效果六 这个蓝色的效果。 选好这个蓝色后,发现页面太冷了,冷的让人没有欲望进行操作,所以在头部的光源处打一个暖色的光芒,冬日里的阳光,立刻暖起来了,有木有。 第五:分清主次进行内容刻画。这个时候画面的颜色已经是差不多了,有大调子,有冷暖对比。接下来就是要对内容进行设计了。 1:首先给标题挑一个和谐的颜色,并且选择一款看的顺眼的字体!(标题放在光源的后面)然后继续调整文字的排版。 2:对页面中的主要区域进行刻画,并且
本文标签:网页设计专题:营销类节日专题设计案例分析 |
上一篇: 让网页设计更现代,2014年网站设计的变化趋势 下一篇: 从零开始做站该做些什么?怎么做? |