1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

英文网站规划理念(绝对原创,转载请注明)

本帖由 sseoo2010-12-11 发布。版面名称:新人报道

  1. sseoo

    sseoo New Member

    注册:
    2010-12-11
    帖子:
    20
    赞:
    0
    前言
    在谈到英文网站的设计风格的时候,我并不是一个设计的专业人士,所以在很多时候所涉及的主要在网站的功能性以及用户体验方面发表自己的一些看法:对于欧美人士来说,网站具有几个特性的分别:宣传性的网站,例如企业站,形象站,产品站等等;实用性的网站,例如电子商务站,软件服务,信息服务比如房屋中介等等;还有一类就是经营性的网站。这三类网站对于网站的设计风格以及功能,布局,色彩等等方面都有很大的不同。总体而言,西方的网站不论在风格上,功能上都很重视用户体验的问题,首先让人喜欢这个网站,然后再慢慢的吸引用户去查询他所需要的信息。

    宣传类的网站
    如果用简单的词语来描述宣传类的网站的话,可以把它比喻成一个立体化,功能化的广告,而不是国内常见的一板一眼的企业产品信息介绍,企业组织结构等等。在整个设计风格上应该和企业以及产品或服务的性质紧密地结合在一起,让用户在第一眼看到这个网站的时候就能够把网站和所提供的产品或服务联想到一起。

    电子商务类网站
    电子商务类网站的核心是各种各样的商品,网站的所有内容都是为商品的照片以及介绍,购买服务,任何栏目的色彩和风格都不能比商品更加抢眼。

    拿eBay的主页来说,最抢眼的就是中间的一幅大图,上面写着:“免费送货”。详细的信息都避免干扰这个信息,这样的布局在国内几家大型的电子商务网站上都可以看到,例如淘宝,亚马逊等等,突出商品以及商品的卖点是西方电子商务类网站的特色
    1.简约而不简单
    在西方用户的眼中,除了一些特定的网站,比如政府,教育,书店,大段大段的文字介绍是不受消费者欢迎的。(在很多情况下对国内的用户也是如此)那么如何将网站做的简约而不简单呢?

    1. 西方人喜欢大块的背景色彩而不是在国内我们经常看到的纯色背景配上宽窄不一的色条,色彩的搭配上根据网站内容的不同有相应的变化。
    这是一家动画工作室,他们很巧妙的将名称里的“born(诞生)”和画面上的四个不同色彩的蛋联系在一起,色彩很简单,但是让人眼前一亮,整个画面都是灰色的,但是光线产生了丰富的变化。

    2. 使用简单的文字和少量的图片,用户的注意力是一种稀缺资源。与东方人不同,西方客户的阅读习惯是简短然后再去深入地了解详细的内容,而不是逐一的去阅读每项内容。这一点在很多欧美的网站上相信大家都可以注意到这一点。

    3. 色彩不要太多,除非是一些涉及艺术类的网站,请记住,网站永远是为内容服务的,网站宣传也好,电子商城也好,都离不开展示,烘托内容的主要目的。

    4. 设计网站的时候要从用户的角度去考虑如何让用户最短时间内找到他所寻找的东西。

    5. 网站的目的是和用户进行交流,请转换一下思维,看到一个网站的时候最引起注意的东西是什么,如果没有,那么请设计一个,最多两个,其它内容都围绕这一两个视觉焦点。

    一个设计很成功的网站无论是欧美风格,中国风格,都是要很好的突出内容,所不同的是中国人比较讲究条理性,所以很多中国的网站设计风格都是块状的,用色条或图片把内容划分成不同的区域。欧美偏好用大块的色彩或者纯色背景,用光线,底纹,或者鲜艳的小色块来吸引浏览者的注意。
    如何去做
    说起来简单做起来难,可以试试每次都减少一个元素来表达同样的信息,这个信息可以是文字,图片,或者联想到的东西等等。可以试试一个比率:

    相关信息元素/非相关信息元素

    这个比率越高,那么设计相对就比较有效率

    2.中央布局和较少的栏目
    一个网站的布局应该是简单的,大气,而且诚恳,用最少的语言和图像来表达最丰富的信息,利用好空白比运用好色彩更加能够得到读者的青睐。

    在几年前,三栏网页是主流,四栏的很少见,而现在,两栏的比较多,而三栏已经是极限了
    比如上面的这个亚马逊的网站,就采用了两侧栏,中央三栏结构,但是却能够让人很清晰的分辨出他所寻找的信息的分类,进而直接去寻找他想要的信息,像亚马逊这样的大网站都能够让人简单明了,为什么很多时候一个小网站却让人很难找到想要的信息呢?个人认为,还是在于对于网站的内容没有一个条理化的了解吧,在欧美人士看来,简单就是美,不只是看起来简单,使用起来简单才真正让人觉得有美感
    3.独立的导航栏
    就是把导航栏或者顶栏从颜色上与下面的栏目区分开,这一点相信大家都很清楚,就不罗嗦了,但是有一点要注意的是欧美网站习惯栏目和上面的banner统一起来

    4.网站区域的清晰划分
    最强烈的办法莫过于使用对比强烈的颜色,让人一眼就能区分开网页上的不同功能区
    5.简化导航
    有几条原则大家可以参考:
    1. 让读者任何时候都清楚他阅读到什么位置了
    2. 把超链接和内容通过颜色等手段区分开
    3. 让读者任何时候都知道如何跳转到任何页面
    4. 让读者看到他阅读的路线
    5. 展示读者可能接下来感兴趣的内容
    6. 让链接很流畅
    6.大字标题
    这个不用解释
    7.大字文本
    便于阅读,对老外来说,很多时候要考虑视力不太好和讨厌细小文字的读者(其实在中国人数也很多)
    8.大字简介
    简化读者的阅读过程,让读者很容易找到他们感兴趣的内容
    9.强烈的色彩
    作用有两个:
    1. 用强烈的色彩来突出核心的内容,可以是一个词,一个图标,一段内容等等,抓住读者的注意力,把读者最想知道或者最想展现给他们的内容突出出来
    2. 用色块来划分区域,而不是线或者框架,这样比较有整体感,同时更加有美感
     
  2. 利美丽

    利美丽 New Member

    注册:
    2010-10-09
    帖子:
    207
    赞:
    0
    那是一定的啦!·
     
  3. soucai

    soucai New Member

    注册:
    2010-06-20
    帖子:
    109
    赞:
    0
    路过学习一下
     
  4. 唯美007

    唯美007 New Member

    注册:
    2010-12-01
    帖子:
    38
    赞:
    0
    什么时候会更好。。。
     
  5. shcpr123

    shcpr123 New Member

    注册:
    2010-11-04
    帖子:
    19
    赞:
    0
    学习的时间长了,就会发现。很好。写的也很好、
     
  6. 利美丽

    利美丽 New Member

    注册:
    2010-10-09
    帖子:
    207
    赞:
    0
    谁和谁又不太正常