看到大家写的读书笔记都是文艺细腻,为了能在读书群留下。
想到我很久没写作文了,所以我只能简单粗暴的写写,欢迎大家来吐槽。
所以写写自己接触最多的banner。记得刚开始接触网站banner的设计之后,发现自己一窍不通,很多都要重新来,在设计过程中也是一把心酸泪,从不会到半会,经历了很多,也懂得了很多,这次写主要是把自己在设计过程的心得体会整理一下。 从接触设计网页的banner设计以来,跌跌撞撞没少过,记得刚开始改的过程一张图一般会改个两三天,会经过至少3-4个人认为可以才把它放上线,过程不易但最后却很满足~
做了这么久的banner,最深的心得应该是以下这些
1.让设计看的简单一些,主次分明(因为我们网站是O2O互联网,所以在这些设计上最好是让用户一眼能明了你想表达的意图。
因为用户可能只打算看你的banner一眼。一句话能表达清楚的不要增添文本复杂性,让用户看着很繁琐,设计底色单一化能更好识别。限时免费字样跟其他文本有区分,让用户能在短时间内关注到主要信息点。
这是网站banner的尺寸,网站的首页图其实挺特别的,从尺寸上可以 找到内容的突出点保持在(600x300)之间使得用户能一眼了然。举一个例子:下面这张图的设计是我花大概15分钟做好的,虽然不够完美,但是是在最短时间可以简单完成的比较清晰的图,从简单的背景和文字的反差可以清晰的突出主要内容~
2.在选择适合的颜色方面,在选择颜色的时候,要考虑到用户的情绪,这也是他的第一感官。颜色会有不同的文化体现,让人有不同而想法,在选择时要研究你的目标受众。
我在选择颜色的搭配上其实出过很多笑话,记得之前出过的图中很多同事会经常问我:菜,你这个颜色能不能改改,感觉哪里奇怪,但又不知道。其实我现在看回以前的图也会不明所以,为啥会选那样的颜色来搭配,看着好怪~简单给大家过一下1年前做过的banner的改前和改后吧
在此插入乙方看完的要求
其实过后我想了一下,为什么会觉得不够大气呢,其实简单的说从颜色上看就有点重复,三个图的颜色都比较单调,虽然颜色简单,但没给人一目了然看到重要信息的第一感。所以我大体对三张图都做了改动。
前后做了对比,虽还有些欠缺,发现好了很多,因为是家居方面,所以我在颜色上都尽量往暖调靠。仔细上网查看了下颜色的心里选择。
橙色:活力,幸福有关。没有压倒红色,它充满活力,邀请和友好(它是行动按钮)
黄色:幽默,阳光,乐观,能量有关。的黄色触摸可以捕获观看者的注意力,它甚至比橙色和红色更有活力和应使用明智,但太多黄色会刺激用户的眼睛。
绿色:健康,新鲜,丰富,环境,发展,培育和新的开端有关。这是对眼睛最简单的颜色。
蓝色:安全,信任,清晰度,平静,理智,形式,高雅,真理,茶点,发凉,阳刚之气有关。
紫色:与奢华,皇室成员,贵气,智慧,魔术,野心,女性气质和创造力有关。它有一个观众舒缓,镇定的作用。
粉色:有爱,甜蜜,女人味,和婴儿有关。最有女人味的颜色。
白色:纯度,清洁度,现代性,不育,简单,诚实,纯真,童贞,善良有关。
从这些的颜色选择上再调出自己想要的颜色。
5.有明确的框架(其实在框架的设计上我至今都还不是很明确,所以在做图上有时会给人感觉不够统一的视觉效果)
但是你在设计上如果框架狗明确,的确能够让用户被设定框架里的主要内容吸引,从而确保广告达到预期想要的效果,在这里有一定的用户习惯。
我只能把我醉喜欢的一个网站的banner设计其中的几张拿出来给大家参考~这是某个音乐网站banner设计的框架风格,因为音乐是主体,所以在设计主题上都是以人物为主,颜色都会随人的风格而统一,从而来吸引人的眼光。
4.图片尺寸不要太大(这是我们技术大神最最最最经常提醒的,尽量不要影响到网站的缓冲速度)
当用户滑动滚动条时需要及时看到你的banner广告,加载速度要很快,所以你的文件越小越好。
5.图文搭配上风格(图文搭配其实是挺难的一个步骤,很多时候做banner最多的时间就是花在这上面
产生的问题
1.去哪找图
2.素材不够高清怎么办
3.找到图了要如何让文字和图搭配上能够和谐
上面的问题时有很多刚接触这方面设计的人都会在这上面纠结很久,然后做出来的图也不够好,我也是这样,我在这方面找了很多方法去做,去想。最后总结了几点:多做,多看,多想,多学
多做:就是一张图多改几次没事,最主要在做的基础上找到自己对图的感觉,所以要尝试多些风格
多看:就是看各大网站的banner图设计,从他们的设计元素上找些放到自己的设计上
多想:拿到图要求的时候,不要急着去做,可以在找素材的时候多多想想自己想做的图的框架要如何去排版。
多学:套句我们产品大叔的话,你找一个自己认为和自己设计图的风格相似的网站,认真地去抄他的风格和图,抄久了你就有自己的感觉了。
所以总结了以上几点,可能不够完美,也许你会有更多的看法,所以请你尽量来吐槽。大家一起进步。谢谢~
这周的作文笔记就在此一段落,下周想写点自己还不够专业的,希望大神多多看出我的缺陷。努力进步。