【视觉组】 – 排版、悬赏banner、总结、规范

排版 COMPOSE

排版的主要几点是:逻辑、层次、引导、美观。

逻辑就跟人说话一样,只不过是把想说的话,想推销的点通过网页视觉的形式告诉用户。

一个人说话思维很乱,没有重点和层次,别人就听的很头痛,不知道在说什么,也听不进去,难理解,没有共鸣。

比如说我想让朋友陪我去逛街:“今晚我们去逛街吧。”和“ 上次你买的那件衣服好好看啊,今天我听说那家店打折,我们一起去逛逛吧。”相比哪个更有说服力和引导力。

美观,好比店招,宠物店通常采用透明玻璃墙,并且向外展示店内的猫猫狗狗,当你被可爱的小动物吸引自然而然的想进去逛逛,才会有可能产生后续的购买行为。

总体来说页面分为两部分:版头和内容。

版头就像书的封面,给人第一印象。漂亮的封面和书名会去引导你想打开这本书细细品味,版头也是一样的,他精华概括了内容部分,信息量比较少但很明确,需要起到吸睛和引导的作用,所以在排版上的重要度是:

美观 > 引导 > 层次、逻辑

而内容是一段很冗长的部分,需要有节奏有主次的排列出来,让用户不会厌倦去阅读的同时也要用户清楚明了,以及让用户的后续行动点顺畅进行,因此这里在排版的时候重点会放在:

逻辑 > 引导、层次 > 美观

这里只是做一个优先级的排布,一个好的设计,好的排版,这四点都很重要,并且这四点也是相辅相成的!

现在我们将设计分开,有交互设计、UI设计、视觉设计,可在以前,设计师可能还坐着运营策划的工作,这里有好处也有坏处:好处是职能拆分,工作范围更明确,效率更高了;坏处是大部分时候没办法参与到前置工作中去,滋生惰性、思考和创意,也限制了尝试。不过以后成立用研部门后,我们可以切身的参与到每个活动中去了,去了解活动的初衷,为什么要以某种形式出发,为什么等等……

有了策划、有了原型、有了交互,只要设计就可以了吗?

答案当然不是的。我们需要去理解原型,理顺交互,从设计师和用户的角度去提出心中的疑问,有意见相悖要和策划、交互提出,彼此说明原因,当出现跟一贯处理问题的方法不一样的时候,抛出所考虑的点。

会前收到了小伙伴目前碰到的三个问题:

1、悬赏任务推广图的设计?

2、写那些项目总结的时候,怎么去归纳那些点,表示语言功底薄弱~~~

3、UI规范是怎么整理的?

悬赏 BANNER  

有小姐姐说:

“做悬赏任务的时候感觉前期想的有点多,但是又抓不住重点去思考,然后花大量的时间去找图片,又想着给它拼凑啥的,有没有那种比较固定的一些思考方向,比如说做金融,我就不要去想一些文字变形,简单干净一些的这样子的。我感觉去搜一些关键词,也经常搜不到好看的图片,感觉直接搜金融啥的都是出来一些土土,又感觉不能直接拿来用的那种,可选性太小。”

首先我们从业务线的根源出发,悬赏任务是做什么的?商家是谁,用户又是谁,用户从中获得什么,商家获得什么?一张广告图的生命周期是多久?目前线上的广告图整体设计的分析。

设计配图的优先级: 推广商官方素材  >  网络素材  >  原创

悬赏图的制作时间控制在30min左右,原创在1~1.5H左右。

这里,设计的几种形式和方法就不展开说明了,有问题私聊。

项目总结 SUMMARY

我们在看大厂设计师分享项目总结的时候,会发现他们的总结会很完整,包含了前期活动策划、用研、竞品分析等等,甚至还有前后端开发的工作分析。他们更多是以一个团队的形式去做总结,每一个人都是从项目前期的用研开始一直跟到最后的产出,对每一个环节都有了解和参与,那么我们在做项目总结的时候,其实在前期项目需求沟通的时候就可以沟通到某些问题,只有了解到了,项目整体才是同一个基因链,同样的灵魂,运营、产品、设计才是环环相扣。那么,这里大致罗列了这么几点提纲,不展开说明了:

· 项目介绍、参与人员、背景目的

· 用户研究、需求分析、竞品分析

· 逻辑导图、交互、功能点

· 设计过程(理性阐述、关键词、参考图、多个方案、列举有可能出现的问题或跨职能会出现的问题)

· 效果展示

· 总结性的语句、创新点、遗憾的点、优化建议、不足或错误

* 说明:红色部分目前对我们来说比较难去阐述,划线部分不要写。

规范 STANDARD

为什么要做设计规范:

1、长期的项目或者频道页,方便后期换肤或者改版。

2、庞大的项目需要多人合作,出一套详尽的规范可以让视觉统一,尽少出错,提高协作效率。

3、一般来说,我们将页面规范化后,会找出设计和排版中的许多问题,设计是否严谨一目了然。

4、在做大项目时,涉及到多个页面,多个设计师和多个前端,多个页面会有重叠的功能或者设计点(例如按钮、弹窗、边框等)除了设计上的统一和减少重复工作,也可以减少前端的工作,更可以减少多个页面的重复切图数量,进而缩减网页大小加快浏览速度。

要说的是,并不是每个页面或者banner都需要做设计规范,这里设计规范的制作方法不展开讲述了,需要案例请私聊我~

作业点评 WORKS

主题:创意文字排版和配色

我们在花瓣上经常会看到这类的设计,会觉得很费时间去制作,并且会感觉很难在PS里去配色,这一课程教我们用AI制作,相比PS优点是:

1、配色方便,尽管AI不能使用吸管工具取色,但是他在渐变和色彩上很占优势,渐变的过度不会有色圈,色彩不会脏。

2、所有图形均矢量化,对于打印类的设计很友好

3、功能逐渐强大,在AI里完全可以用模糊等模式实现PS中的效果

有兴趣的可以实操一下:

https://huke88.com/course/3587.html

下面欣赏一下大家的作品:

主题:PS-凸出功能

我们第一眼看到这张图的时候会惊讶,觉得更像是C4D或者三维软件中做出的效果,也不知道该如何下手,其实这是新版本隐藏在PS中的一个功能,只需要几秒就能实现这样的立体方块,当然要好的最终效果还需要后期整体的处理,以及对画面的理解,有兴趣的可以尝试一下哦:

https://www.bilibili.com/video/av17278819

https://uiiiuiii.com/photoshop/121211850.html

阴阴作品: