当前位置: 别格网络 » 博客 » 欧美网站设计风格

美国作为互联网技术的发源地,其在互联网基础设施的建设和网站建设方面都远远早于我国,而欧洲的互联网发展起步也早于我国,其在网站的建设项目风格上与美国的网站的建设风格比较接近,发展到今天,其在网站建设风格上形成了一种比较近似的风格。我们将其统称为欧美风格。其特点为:

·页面风格简洁紧凑,文字与图片显示相对集中;
·图片及文字的布局文字明显多于图片,文字标题重点突出;
·善于应用单独色块区域及重点内容进行划分;
·页面执行速度快,相对(当然这也与欧美现有的网络硬件设施支持有关);
·广告宣传作用突出,善于用横幅的广告动画突出其产品或理念的宣传,整体搭配协调一致。

一、页面的风格

欧美风格的网站页面给人的第一印象就是简洁,突出重点,页面中的文字和图片都相对较少,文字和图片的混排也相对较少,而文字内容的描述和图片展示都比较紧凑集中,但关联紧密,使浏览者可以明确精准的找到自己想要搜索和寻找的信息。因为文字比图片所要表达的内容更集中准确。除一些娱乐或者产品宣传的页面或者栏目频道,会用大幅的动画广告加以宣传外,基本的文字描述都是很精致简单的,即使是长篇的文章,它们也会通过段落排版,把文章恰当的分成若干部分,从而不会让浏览者感觉到阅读的疲劳。

二、页面的布局

欧美风格的网站在图片的应用上喻意传达很有内涵,图片处理很精致细腻,与区域的划分区块大小搭配很合理恰当,而且一般都集中在页面的头部,或者中间位置,少有在页面中与区块错落混排的情况。同时欧美风格网站上的图片的广告作用十分突出,为了突出宣传效果,往往都会使用大幅的图片或者动画,因此这些内容一般也都会摆放在页头或者中间这些醒目的位置。使用文字的位置摆放也很有讲究,一般文字与图片都是在分布在两个区块里,较少使用图文混排的方式,即使使用图文混排的方式,图片与文字的间隔也会大一些。这样会使图片和文字说明的内容分开,使文字说明的作用更突出。

三、应用单独色块对区域及重点内容进行划分

网站在色彩的应用上,主色调一般都选用一些给人以稳重深沉的颜色,如:灰色、深蓝色、黑色等等。但除了这些基础底色的运用,欧美网站风格的设计师也会应用一些色彩鲜艳,表现强烈的颜色应用到网站的设计中来,比如一些传媒娱乐业或者电子产品的宣传网站则会应用这些色彩加深浏览者的印象,以达到加重浏览者感观刺激的作用,但大体都会使用同一颜色或者单独颜色。而设计师有时候为了突出表现一些内容的时候,也会通过应用与主色调反差明显或者较大的颜色来作为显示内容的底色,从而使内容在整个网站上显得更为突出。

四、页面执行速度快

由于欧美风格的网站在布局设计上基本采用图片与文字搭配简洁,紧凑的布局排版风格,且其文字介绍内容简单明了,图片在分辨率和大小的处理上也细致细腻,较少像韩国网站使用大量的动画效果,因此其页面执行速度比较快。

五、广告宣传作用突出

欧美国家的互联网建设和网站建设都要早于我国,同时其在网站应用目的上也更为明确。欧美网站在网站宣传上也是很重视的。因此,在欧美网站上经常会看到大幅的广告,且在广告设计和广告放置的位置上也是不惜余力的。常常会用一些与网站整体色系反差大的颜色作为广告图片或广告动画的底色,同时应用醒目的文字标题或者喻意明显强烈的图形用以表达其所在宣传广告内容。广告一般包括制造企业的产品展示和服务性行业的服务项目及理念的宣传,制造企业的产品,如:汽车、电子产品、家居用品、服装、化妆品等等。服务性行业的广告内容都是宣传其的服务项目和公司理念,如:保险、金融、医疗、保健、教育等等。欧美国家的网站在广告宣传上相当重视,这也是我国企业类型网站在建站后,较为薄弱的环节。在这一点上,可以多借鉴欧美的经验,在设计和制作网站时重视网站广告的宣传。

六、艺术字体的设计及应用

在欧美网站上,我们经常会看到一些企业会使用其企业名称或者名称的缩写来做为其公司的标志(如:微软-Microsoft、惠普-HP、通用-GM等),或者在其广告中使用其产品或者宣传理念的标题性文字或者文字缩写。由于英文字母的构成基本上都是线条,英文的艺术字体较多,而且通过处理后所形成的文字和图形相对简单整齐,容易与其他颜色或者背景形成统一的效果,可以给人以很深刻的印象,同时也容易记忆,所以在网页的设计上会经常使用到,然后中文由于其笔划繁多,虽然也有较多的艺术字体形式支持,但是设计起来比较困难,同时也不适合网站宣传与国际化接轨的需求,所以在借鉴欧美风格的网站设计元素的同时,也应该照顾到这一点。应该以图片化的logo设计来适应欧美风格网站设计中的整体效果。