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

2016-02-17 02:43 3 1 收藏

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

【 tulaoshi.com - 平面设计 】

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

一、了解目标国家

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

阿拉伯语

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

如图:

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

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

其他方面的使用习惯几乎与欧美网站没有区别,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教程,图老师教程网

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

http://www.sanook.com/

越南

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

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

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

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

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

http://yume.vn/

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

http://kenh14.vn/home.chn

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

http://muachung.vn/ha-noi

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

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

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

三、视觉风格

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

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

主色彩为:蓝色 、绿色

蓝色

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

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

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

绿色

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

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

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

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

四、突出视觉主体

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

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

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

五、文字形体分析

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

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

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

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

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

如:导航

阿拉伯语

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

泰语

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

越南语

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

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

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

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

六、总结

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

来源:https://www.tulaoshi.com/n/20160217/1577758.html

延伸阅读
百度钱包怎么知道账户余额   登陆百度钱包:www.baifubao.com,选择交易种类进入支付页面: 勾选百度钱包余额,输入钱包账户支付密码即可完成付款。 目前不支持钱包账户余额、银行卡组合支付。
标签: Web开发
通常人们写程序时都是将文字写死在程序里的,比如:echo "Hello World!"; ,假如要改成它国语言,写国际化程序,就要逐个打开进行修改,程序较短时还行,若程序有上万甚至更多,改起来就不是那么容易了。近来随着i18n的逐渐标准化,我也来讲一讲在PHP中如何实现国际化支持。跟其他程序语言一样,在 PHP 也可以利用 gettext 套件...
标签: PHP
为什么我的网站在百度里收录为"0",而我给别人做的还没有几天就有二三十条收录了?【论坛浏览】   相关评论作者: 迎风 发布日期: 2006-10-06如果站点所在IP和domain之前没被BAIDU ban过.. 还有没外连已经被baidu ban掉的站的话.... 只要有已经被BAIDU收录的站连接你....就可以慢慢等收录了..作者: fcicq ...
百度糯米怎么绑定百度钱包   百度糯米怎么绑定百度钱包?前面百事网图老师小编为大家介绍了百度糯米本单不可用解决办法,百度糯米余额提示本单不可用客服回复需要绑定百度钱包或者微信钱包,然后下单,24小时后即可解除限制,下面图老师小编就给大家带来百度糯米绑定百度钱包教程,希望对大家有帮助。 1.打开百度糯米,点击右下角...

经验教程

930

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部