大总管默默

前段时间在做项目的时候,桑德拉同学找了非常多的网页参考,如果你正在做网页设计但没什么灵感,这篇文章一定能给你很多启发。

看了上百个国内外网站之后,我发现网页头图经常用的设计方式有以下几种:

 

一、图片类

图片类的网页头图是非常常见的,比如像全屏图片类的:

图片

图片

当然,这种全屏图片也是可以增加一些设计感的, 像下面这个国外摄影网站:

图片

看起来就非常的高级!

除了全屏图片的方式,还有半屏的,比如像下面这种:

图片

图片

这种基本都是一半图片,一半文字排版,很多都用在知识类网站,看起来相对中规中矩一下。

图片类型的头图还有一些图片拼接型的,比如像下面这种,三个图片拼接在一起:

图片

或者还有这种不规则拼接:

图片

图片类的网页头图还是比较常见的,上面这些形式,大家都可以多多参考!

 

二、插画类

插画类的头图就会比较有设计感了,比如像这样充满全屏的,沉浸感十足:

图片

图片

还有这种一半插画,一半文字排版的:

图片

图片

当然,随着3d的崛起,3d插画也渐渐成为了一种网页头图的设计风格,很有冲击力:

图片

如果你的网页使用用户年龄比较低,需要一定的亲和力,不妨尝试一下插图的设计方式。

 

三、图形类

图形类的头图,如果做的好,可以非常有设计感,比如一些nft类平台:

图片

图片

再比如这种:

图片

还有一些比较常见的形式,就是图形加人物,让人物从图形里破出:

图片

图片

这些都是图形的一些用法,大家可以多多尝试!

 

四、排版类

除了上面这些类别,还有一种就是信息排版类类,大部分都是文字信息内容:

图片

图片

图片

相对来说会比较素一点点,但是如果排版排的好看,依然可以出来好看的效果,大家也可以多多尝试!

 

总结

好了,以上就是对网页头图的一个大概分类,如果想要看更多国外的网站页面,这里面有几百个页面截图:

图片

想要的同学可以加这个微信领取哈!

图片

 

原文地址: 菜心设计铺 (公众号)

作者:菜心

图片

转载请注明:学UI网 » 这回做网页不可能没思路了!

登录收藏
 
你可能喜欢的:
设计基础(9):拆解B端产品,总结界面框架设计的3原则设计基础(9):拆解B端产品,总结界面框架设计的3原则
B端设计经验总结-帮助新人快速上手B端设计经验总结-帮助新人快速上手
搜索交互哪家强?4家大厂盘其详!!搜索交互哪家强?4家大厂盘其详!!
设计基础(8): 表单设计中的认知与交互设计基础(8): 表单设计中的认知与交互
设计基础(7): 简约设计4原则在表单设计中的应用设计基础(7): 简约设计4原则在表单设计中的应用
内容创作平台的解析与分享内容创作平台的解析与分享
设计基础(6): 表单基础知识解析设计基础(6): 表单基础知识解析
秩序之美(上)-浅析栅格系统秩序之美(上)-浅析栅格系统
想把表单设计做到极致,居然有这么多细节需要注意,学到了!想把表单设计做到极致,居然有这么多细节需要注意,学到了!
B端组件红黑榜B端组件红黑榜