打开一个网站，第一眼看见的肯定是位于首页页面最上方的横幅，某种意义上横幅就是一个网站的门面担当，其设计的好坏可以直接决定用户的去留，用户的喜爱很重要。因此，我们在网页制作的时候横幅的设计就变得尤为重要。下面小编将介绍几种横幅的图文排版方式，希望对大家有所启发。

一、图文分离式

像上面的网站模板就是图文分离式，将图片和文字明显分割成两个版块，界限明显。这种横幅设计最为简单，适合刚开始制作网站的新站长，不容易出错。要注意的问题就是文字的背景色调不要跟图片的色调有太大冲突，最好是简单素雅的背景。

二、纯图片式

像上面这种就是纯图片式，没有文字，一般都是对审美要求比较高、艺术性强的网站才会采用这种横幅形式，像一些摄影网站、艺术网站等。这种横幅设计非常有个性和艺术感，但是在网页设计中局限性比较强，设计难度也会相对比较高，刚开始学习网页制作的新站长还是不要尝试。

三、图片虚化式

图片虚化式是指将图片部分虚化作为文字背景，这种横幅设计在制作网站中应用最为广泛，堪称“万金油”。这种横幅设计难度为中等，算是适用性比较广的一种设计。网站模板采用这种方法的新站长在建网站时要注意文字的颜色要与图片背景形成一定的对比，不然会很难让人注意到文字。

四、图文黑白式

上面这种横幅设计就是图文黑白式，将图片做黑白化处理作为背景，配以白色的文字。高端时尚网站尤其青睐这种横幅设计，很容易就可以营造一种神秘而高级的氛围。同样不建议新手站长在网页制作时采用这种设计，很容易设计成寡淡无趣而非神秘高级。

五、抠图背景式

抠图背景式就是像上面的横幅设计一样，一般以白色（或其他纯色）为背景，图片文字呈对称分布，模特就像从原图抠出来贴在新背景上一样。这是服装行业在创建网站时最喜欢采用的横幅设计，能够清楚展示服装的质感，简洁之余又可以点明主题。可以的话，文字的颜色可以跟服装上的颜色有一点关联，形成呼应。

以上就是小编总结的5种如何建立网站横幅的图文排版方式，忽略小编（取名废）总结的名字，大家可以看看哪种更加适合自己，不断实践，一点一点进步，最后肯定能设计出称心如意的横幅！