创意设计:话说网页也有杂志海报风!

发表于 讨论求助 2021-09-24 16:32:18


咱们纸媒网页做得不咋D,咱敢于自踩,但必须欣赏能力不可缺,自踩后接着浏览与评论,再敢于转发分享。嘿嘿。

--------------------------------------------------------------------------------------

近两年涌现出的网站并不少啊,看惯了千篇一律的板块布局,咱是否要尝尝口味丰富的海报风?虽则一直是网页上不太推荐的一种设计风格。

——杂志海报风,以下为夜猫教育的作者通过分析精品纸媒的设计来寻找网页杂志设计风的思路。



把文字稍稍压在图片上的手法,最近网页设计上也常有看到。

比如这个网站网页


在图片颜色较浅的地方

用黑色的字轻轻覆盖。

像上面第1张海报那样,

盖在图片上的字

用反色白色效果应该也不赖。

如果是网页文字的话怕是很难实现。



以上都是把淡色或荧光色灵活铺设在背景上的印刷制品效果。

用在网站上的话,可以把主广告词或者第一标题用英语像花纹般大大的铺上去。

文字字号已经很大了,所以尽量用能融进背景的颜色而不是过于抢眼的颜色。

[译者:其实就是要有透明度,不能傻傻实实的放上去,要的效果就是既醒目又要融于背景]


X这种符号压在背景上效果也不错。



网页设计中还是比较忌讳和害怕竖排文字的。

但是根据情况的不同,适当尝试一下竖排文字也许会有不一样的惊喜?

当然也要看情况。比如下边这个网站的竖排给人感觉就不错


[译者:作为同样有竖排传统习惯的中文,在需要一些传统风的网页可以尝试竖排。但最好是文字量较少的标题。]



其实一般在网页上很少把标题放这么大

但是把标题按照它表达的内容方向进行一番设计的话,的确很有杂志海报风。


众所周知,对齐文字是常识。

但有时,根据人类视线移动的规律,可以故意不对齐文字。

比如上边的栗子,按照人们在读取时视线的顺序,从右上到左下,

文字也按照这个顺序排列而非对齐,也没有影响浏览阅读。

比对齐文字更活泼。

特别注意:尝试这种做法时一定要好好研究下人们视线移动的规律,乱放一气只会被领导骂的,呵呵。



通过控制文字的大小、粗细来突显标题是比较基本的做法。

像上边,,放大到覆盖整个图片的做法会更有海报风的效果。



据说当下流行的扁平化设计理念是瑞士极简风的复活。

所以,如果尝试扁平化设计,与其模仿国外不知名的扁平化设计,

还不如好好参考下极简扁平化的鼻祖-瑞士国际极简风(swissted)。

[译者:swissted是一位名叫Mike Joyce的平面设计师在上世纪八十年代尝试的一种风格。他把摇滚秀的海报用瑞士极简风进行设计,把两种怎么看都不搭边的风格元素糅合在一起,在设计爱好者和音乐发烧友里引起极大好评,并由此推广。很多评论认为,swissted风格是当下的扁平化设计的鼻祖,是对它的复活。]



泼墨效果,黑白图片




总结一下——

以上都是为了解决手头的课题而提供的思路。

如果本末倒置,因为“我想用这种设计风格”而刻意为了某种风格而设计就大错特错了!

作为设计是这样一个流程:

“出现问题→这个解决思路怎么样?那个思路呢?”——try and error

一个不断试错的循环才是找出最合适设计的最快方法。

所以,为了锻炼这种思路习惯,

平时看到好的设计时,

应该多分析他的解决思路。

比如:

这到底是为了什么而设计的

这个设计的对象人群是谁

用了怎样的设计解决思路

图片用了什么样子的

最有个性的点是什么

不流俗的地方是什么

它对浏览者的视线导向如何

用了什么色系

广告词用的怎么样?很难懂吗?

属于哪个行业领域

用了怎样的字体?

等等……

[译者:看到好的设计,最大吸取它精华的方式就是:学会他的解决思路。

正所谓授之以渔,而不是疯狂吃鱼。]



发表
26906人 签到看排名