百度知道的国际化网站设计思路

pk1438250

pk1438250

2016-02-17 02:43

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的百度知道的国际化网站设计思路教程,一起来看看吧!超容易上手~

知道国际化是国际化首推的问答类产品,经过一期海外的市场调研,目标国家定在埃及、泰国和越南。调研显示:几个国家的google搜索中,有20%30%的问答类需求,而这一部分的需求满足率仅为60%70%,且当地并没有成型的问答产品。综上,决定在以上几个国家推出国际化知道产品。

一、了解目标国家

在开始设计产品前先要了解这些国家的国情、历史、民族喜好、文字特点和网络发展等情况,以下是对这几个目标国家的调研:

阿拉伯语

埃及(阿拉伯语系国家)的互联网还处在刚刚起步的阶段,带宽小,显示屏幕小;资源下载站比较大。阿拉伯有着从从右往左的阅读习惯,主栏在右,侧栏在左,所有的内容、图标、文字、导航、版式都需要从右向左排列。

如图:

百度知道的国际化网站设计思路,PS教程,图老师教程网

其他方面的使用习惯几乎与欧美网站没有区别,Yahoo,CNN,DU等多语言版本网站,基本就是将英文版本整体颠倒左右板块以实现网站多版本。

百度知道的国际化网站设计思路,PS教程,图老师教程网

鉴于特殊的民族喜好,设计阿拉伯语网站时要注意如下事项:

1.在色彩方面,埃及人比较喜欢绿色、白色、橙色、红色,不喜黑色、紫色、黄色。

2.埃及、阿拉伯诸国对穿着星星图案衣服的人反应强烈,很是不满。原因是政治上的对手以色列国家国旗以星星做图案。除了衣服,有星星图案的包装纸也不受欢迎。

3.禁忌猪或外形相似的动物图案,如熊猫。

4.喜欢3、5、7、9,讨厌13。

5.埃及人喜爱金字塔形、伊斯兰教标志、波斯艺术图案。在商品包装上用金字塔图案或采用伊斯兰及波斯艺术图案颇受欢迎。埃及把莲花(Lotus)和鳄鱼(Crocodile)作为图腾,被认为神圣不可侵犯,在商业上回避使用。

6.女性人体图案也需慎用。

泰国

1.色彩:喜欢明快色彩饱和的颜色,泰国之前比较喜欢大红色,后来由于红巾军事件政府禁用大红色;泰国人不喜欢明黄色;比较偏爱粉红。喜欢比较闪烁的图片,如flash ,gif图片。

2.泰国人喜欢大象,似大象为吉祥的象征。

3.互联网处在刚刚起步的阶段,大概处于中国2005左右的互联网发展水平。

目前在泰国比较受欢迎的网站有:

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://www.kapook.com/

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://www.mthai.com/

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://www.sanook.com/

越南

1.越南人喜欢饱和丰富的颜色。

2.比较喜欢数字9,不喜欢13。

3.越南的互联网也还处在起步的阶段。

目前在越南比较受欢迎的网站:

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://yume.vn/

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://kenh14.vn/home.chn

百度知道的国际化网站设计思路,PS教程,图老师教程网

http://muachung.vn/ha-noi

二、知道国际考虑产品的自身特性

1.问答类网站如何让页面从版式布局,色彩上突出问答类网站的特性,让浏览者第一时间能感受到是问答类网站。

2.国际化路线版块风格适合多国使用,做好各国的调研工作,确保视觉设计层面的准确性,视觉设计既要有百度视觉系统基因,在此基础上又呈现出现代国际化感。

三、视觉风格

知道国际页面视觉风格: 简洁、清爽大方、国际化。

百度知道的国际化网站设计思路,PS教程,图老师教程网

主色彩为:蓝色 、绿色

蓝色

百度知道的国际化网站设计思路,PS教程,图老师教程网

有沉稳的特色。代表:理智、准确、知道的意向。

蓝色体现着一种人与人之间诚实的信赖关系,能够关照周围的人,与人交往彬彬有礼的感觉。适合百度知道中人与人之间提问与回答的用户关系。

绿色

百度知道的国际化网站设计思路,PS教程,图老师教程网

代表:希望、生机、力量的意象。

绿色还给人一种热于助人的感受。

蓝色与绿色两个颜色的搭配不紧能更好地体现出知识型网站,同时视觉上色彩也更加丰富。在页面上一问一答用两个颜色来划分,也使页面更加清晰明朗,让用户能更快获取需要的信息。

四、突出视觉主体

百度知道的国际化网站设计思路,PS教程,图老师教程网

从版式上看,首页的蓝色区域是整个页面的视觉中心,左侧为网站时时更新的问题滚动播放,右侧是提问框,提问框相对给了较大区域,为整个网页的视觉主体;同时这一整块蓝色区域也是一个宣传广告图,突出了问答类网站的特性。突出提问框鼓励用户提问也是网站上线初期的策略,目的在于积累更多的数据,也是为以后推出搜索引擎奠定内容基础和用户基础。宣传图里有实质性的功能,不仅能体现问答类网站的特性,也提升了整个网站的视觉效果。

知道国际是国际化前期推出产品,也为今后国际化的其他产品提供了参考设计方向, 做到了统一国际化产品的整体视觉风格。

五、文字形体分析

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

在设计中,我们用英文来排版设计,设计的这个版本是各个国家通用的版本,英文跟这几国文字比较相近些,与中文文字差别就稍大一些。

阿拉伯语 اطرح سؤالا: 文字呈书法体,比较飘逸,从右到左的阅读习惯。

泰语 ตั้งคำถาม:文字比较高,设计的时候要考虑到区域高度的设定。

越南语 Đặt câu hỏi:文字更长一些,设计的时候要考虑到区域宽度的设定。

因此在做视觉规范的时候,有时规范的是文字离顶部、底部、左侧、右侧的边距是多少,没有直接规范文字区域大小是多少。

如:导航

阿拉伯语

百度知道的国际化网站设计思路,PS教程,图老师教程网

泰语

百度知道的国际化网站设计思路,PS教程,图老师教程网

越南语

百度知道的国际化网站设计思路,PS教程,图老师教程网

导航中文字与中间划分线的距离是20px ,栏目与栏目的文字是40px。如图:

百度知道的国际化网站设计思路,PS教程,图老师教程网

这样能避免一些视觉上过宽或过窄不协调的的问题。

六、总结

都说设计无国界,好的产品好的设计是没有国界的。国际化产品我们刚刚起步,我们会不断总结与积累,为了让我们的产品每个国家都适用好用,我们会继续努力。

展开更多 50%)
分享

猜你喜欢

百度知道的国际化网站设计思路

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
百度知道的国际化网站设计思路

对于“大气和国际化”设计的理解

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
对于“大气和国际化”设计的理解

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

网页设计教程:何谓简洁,大气,国际化

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计教程:何谓简洁,大气,国际化

网站如何控制百度快照

Web开发
网站如何控制百度快照

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

新的jQuery国际化插件的原型

Web开发
新的jQuery国际化插件的原型

百度宝宝知道怎么用?

手机软件 应用软件
百度宝宝知道怎么用?

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

探索栅格化与网站布局设计

探索栅格化与网站布局设计

从ICON设计看细节的表现

从ICON设计看细节的表现
下拉加载更多内容 ↓