- 浏览: 531667 次
- 性别:
- 来自: 上海
最近访客 更多访客>>
最新评论
-
freedom_melody:
谢谢。 我也是在寻找,怎么备案icp。受教了
网站ICP备案流程图解 -
andrew913:
非常感谢,记录一下
调色工具集 -
176170847:
不错,呵呵!!!!!!
FLASH从入门到精通256招 -
176170847:
好,收藏!!!!
FLASH制作全套装备 -
mic010:
太好了..我正在找怎么注册那个icp的..
太感谢你了..
网站ICP备案流程图解
你有没有被客户强迫照搬英文网站的经历?
你有没有被领导指责为比较“土”的作品?
你有没有感到疑惑,因为你搬过来的“英文”网站总是那么别扭?
如果有的话,这篇文章也许能帮你提供一些证据,至少让你自己能明白,为什么不能照搬英文网站的设计规则。
首先我们找一个非常有名非常牛气的网站,对比一下它的英文和中文网站的区别。恕我无知,我第一个想到的就是MicroSoft了。
英文站:http://www.microsoft.com/
中文站:http://www.microsoft.com/china/
你觉得怎么样?两个站点采用了完全一样的界面和布局,但你是不是仍然觉得中文站要乱那么一点点?
好,我们抱着学术研究的严谨心态来看看,究竟是哪里不一样。
首先我们对比一下菜单。
点击放大
放大以后看,仍然是中文菜单比英文菜单要乱那么一点点。同时我们发现,在行数相同的情况下,中文菜单比英文菜单要长。
放大以后看,仍然是中文菜单比英文菜单要乱那么一点点。同时我们发现,在行数相同的情况下,中文菜单比英文菜单要长。
再放大一点,加上辅助色块对比。
看到吗?中文比英文要高(黄色VS灰色),但是行间距反而更小(红色VS黑色)。
这说明什么呢?完美的最高境界是“增一分嫌多,减一分嫌少”,适当的留白是保证整体视觉效果的重要因素。不要小看这“一点点”,正是这一点一点的空白,足以决定整个外观的成败。
接下来我要推出的观点,完全是本人在多年实践中总结出来的。关于中文字符和英文字符差异而导致的设计效果差异(希望能有机会对此进行深入研究。)
首先我们要宏观地来看一下,还是MicroSoft。
缩小一点,再缩小一点。然后我们把模糊的字符用色块覆盖。
哪个会让你觉得舒服一点?
对于菜单或列表这类的纵列排版方式,英文每个单词的长度不同,就自然而然地形成一种起伏,比如“Support”和“Knowledge Base”就相差了大约7个字符的长度。这种差值被排列成一串以后,整体便有了一种服从语言本能的节奏。我们都知道,节奏韵律是公认的审美准则之一,而天然形成的节奏更是完全契合人类心理期望的一种韵律。
而中文呢?它是方块字。每个汉字占的宽度是一样的,同时我们不知道是受什么影响(也许是成语?),常常习惯于用四个字来给菜单命名,出现著名的“4字词”现象。
MicroSoft中国这个情况还不是很严重,但仍然出现像“开发工具”、“商务管理”、“所有产品”这样的词。
随便翻一个网站,看看这个现象有多么普遍。
而这样的“无差异纵列”,很容易使本来就规整的方块字变成铁板一块。
宏观看整体,微观看细节,如果你说访问者不会像我们这样后退N步,来研究文字韵律的话,我们现在再来看一下细节。
现在对比的是MicroSoft的另一个列表菜单。
我的研究方法很简单——用色块,这样比较有效地排除掉一些干扰因素。
我按照英文的阅读习惯(按词阅读),以及中文的阅读习惯(按字阅读),来放置我的宝贝色块。
如何?英文的韵律仍然存在,如同音乐的节拍一样,“嘀~嘀~~哒,嘀嘀~~哒”,前面说了,这是一种天然的、服从语言本能的节奏,因此你永远不会觉得别扭。而中文呢?
“哒!哒!哒!哒!哒!……”,它的韵律,就是刻板的、严谨的、永远不变的。
如果你没有意识到方块字的这种属性对于通过HTML来实现的设计来讲有多么重要,我们可以再看一个例子。
这次我选择新版的Yahoo EN和Yahoo韩国(为什么不选Yahoo中国?嗯……因为我写这个的时候它还没有改成新版),韩文、日文和中文都很相似,虽然不是严格的横平竖直的方块,但每个字仍然是具有固定比例的。(从这个程度上来讲,中文的情况会比韩、日文更加突出)
通过这种对比,我们还发现一个新的规律——“自动回行”。可以看到,英文的自动回行是以单词为最小单位的,前面我们说过,每个单词的长度不尽相同,所以,自然的空白出现了,整个页面清透了;方块字的自动回行以字为最小单位,所以总会在同一个地方回行,空白几乎不可能出现(除非文字不足一行),整个页面被挤得满满当当,透不过气来。
我把这个图再缩小一点,这个现象就更加明显。
我认为这就是大多数中文网站给人“挤”的感觉的原因。
可以看出韩国设计师为了适应“一统天下”的界面,作了很多努力,对比下图。
韩版网站的用色更加鲜亮,阴影去掉了,沉重的黑边也去掉了。这些微小的改动,使图标在沉重的方块堆里更突出些。想想把英文站上的图标搬过来会怎么样?
好了,我们回过头来总结一下:
1、中文的行间距太小;
2、中文缺乏一种起伏的节奏;
3、中文的自动回行有重大缺陷。
结论:中文一不小心就变成铁板一块。
如何解决这个问题,设计师有的是办法,我就不一一赘述了,我这里想说的是:中文和英文由于语言属性根本上的差异,因此完全照搬英文站的设计是一种愚蠢的、教条的思路,尤其当这种设计方案需要用同一种计算机语言(XHTML+CSS)来实现的时候,细节的修改就显得更加重要。建议还是多参考亚洲同行的作品,前两年韩国和日本网站模板盛行,有它的道理,至少我很少看到他们用纯黑色——嗯,就说到这儿,不多不少刚刚好,完美!
发表评论
-
互联网上最独特的20个网站
2009-01-06 09:41 1226当你在创建一个新的网站的时候,一个版面独特的网页总会在不经意间 ... -
FLASH制作全套装备
2008-11-28 15:09 1940文章转自Flash片头之家 PianTou.net绝对超值!不 ... -
网页栅格系统研究:960的秘密
2008-11-28 14:56 1412网站 首页页面宽度 px Ya ... -
從道德經第十二章談中國傳統元素
2008-11-28 13:43 1353老子道德經:第 十二 ... -
调色工具集
2008-11-26 15:50 1924色彩是设计中很深的一门学问,有的设计师色彩感觉很好,设计作品也 ... -
国外web设计教程资源网站收集
2008-06-06 14:21 1661作者authorSawser来源http://sawse.co ... -
网站的视觉路径和版式设计
2008-04-25 12:31 953cooper谈到用户的视觉路径一般是:从上到下,从左到右 ... -
网站中文字的视觉设计
2008-04-25 12:25 1427可能很多人都要问,网站的文字还需要设计吗?对于很多的网站来说, ... -
10个最经典的网站改版
2008-04-25 12:22 862一般来说,网站设计制作到最后发布到网上,这只是网站发展的最初一 ... -
优秀设计博客
2007-10-26 16:06 966http://www.eevvoo.cn/default.as ... -
2007视觉中国精赏辑
2007-10-09 17:24 1126作为2007年十一的礼物,视觉中国编辑收集整理各类精彩文 ... -
21宽高质量免费字体
2007-10-09 17:19 1455设计师必备:21宽高质量免费字体 作为设计师,在从事的创意 ... -
雅虎中国改版
2007-09-28 12:58 1376感觉雅虎每次页面改版都很有意思,要公测一段时间,不免让我想起再 ... -
韩国商业网站界面设计分析------推荐2005-5-24 出处:vipcn.com
2007-09-27 10:51 1506一、页面结构 韩 ... -
如何引导自已成为一名网页视觉设计师
2007-09-21 13:00 1544在网际网路刚刚兴起的 ... -
网站风格概论
2007-09-16 18:34 1177一个人拥有自己独特的风格,是一般人所没有的,就会让人注意到那个 ... -
首届CSS世界大赛获奖作品欣赏(二)
2007-09-13 17:32 12047、Media类获奖作品 第一名:UX Magazine ... -
首届CSS世界大赛获奖作品欣赏(一)
2007-09-13 17:29 1262首届CSS世界大赛(The first CSS World A ... -
国际知名网站设计大师精品设计集
2007-09-13 17:22 1694http://www.2advanced.com/ ... -
网页设计配色精彩十例
2007-09-11 13:29 1311颜色的使用在网页制作 ...
相关推荐
《毕业设计中英文翻译:超声波液位测量技术在期刊论文中的应用》这篇论文深入研究了超声波液位测量技术的原理,并结合具体案例分析了其系统设计以及在实际中的应用效果。 首先,超声波液位测量技术的基本原理是基于...
在中英文对照的情况下,读者可以比较两种语言的表述差异,理解翻译的准确性,同时也能加深对原文思想的理解。中英文对照的摘要有助于国际学术交流,使非英语为母语的研究者能够更容易地获取和分享知识。 在进行管理...
该研究主题为中英文横竖排版方式对视认绩效的影响差异。研究目的主要是探索不同语言文字的排版方式(即横排与竖排)在视觉识别上是否产生不同的效果,并探讨这种效果是否因为语言文字的差异而有所不同。在此研究中,...
这些论文全部采用英文撰写,代表了当前LNA设计领域的前沿研究和技术成果。 LNA是射频接收系统中的关键组件,其主要任务是在信号进入接收机前端时提供高增益、低噪声系数,以确保微弱的射频信号能够被有效放大并保持...
在信息论中,熵被定义为一个消息源平均信息量的度量。 2. **信源编码**:为了有效地传输或存储信息,信源编码技术用于将原始信息转化为更紧凑的形式,如哈夫曼编码和香农-费诺编码。 3. **信道容量**:由香农定理...
"Office中英文字号对照表"是帮助我们理解和应用字号规则的一个实用工具,特别是在需要同时使用中文和英文字符的情况下。下面将详细解释这个对照表的内容,并给出一些相关的应用建议。 1. **中文字号**: - **八号...
在IT行业中,尤其是在学术研究领域,论文是传播新思想、技术进步和理论探索的主要载体。这篇"英文文献翻译-论文.zip"压缩包文件显然包含了与论文相关的英文文献及其翻译,这对于那些需要理解英文科技文献或者进行...
3. 方法论:这部分详细描述了研究的设计和实施过程,可能包括数据收集(如调查问卷、实验室实验、现场观察等)、样本选择、实验条件设定等。对于美食研究,这可能涉及对食材的选择、烹饪技巧的实验或者不同人群对...
- **多样化配置**:Bigtable被部署在不同规模的集群中,从小型集群到成千上万台服务器,所存储的数据量从几百TB到PB级别不等。 #### 四、Bigtable与传统数据库的对比 - **相似之处**:Bigtable在很多实现策略上与...
深度学习的训练过程通常采用反向传播算法,该算法基于梯度下降法,通过计算损失函数相对于每个参数的梯度来更新网络权重,以最小化预测结果与实际结果之间的差异。此外,为了加速训练并防止过拟合,还会使用一些技术...
《学术短语库导航2021版》的中英文对照设计,不仅有助于理解原文的含义,还能让学者在写作时直接将英文短语应用于论文中,减少了翻译的困扰。同时,通过反复查阅和实践,用户可以逐步掌握学术英语的表达习惯和语法...
SIFT算法通过一系列精心设计的技术手段实现了对图像特征的有效提取和描述,在多种计算机视觉任务中展现出了卓越的性能。随着深度学习技术的发展,虽然SIFT在某些方面已被更先进的方法所超越,但它仍然是一种非常有...
这篇毕业设计论文的英文标题为"The study of consumer behavior",主要探讨了消费者行为研究的历史、范式转变及其对相关学科的影响。 自19世纪以来,消费者行为研究已经历了一个多世纪的发展,形成了两大范式:实证...
"拖拉机的分类--中英文翻译.doc"可能作为一个参考材料,帮助学生了解不同类型的农业机械和汽车在结构上的相似性和差异性,从而拓宽设计思路。虽然轻型载货汽车与拖拉机在用途上有所不同,但它们的底盘设计原理有共通...
### 英文论文超市管理系统 #### 一、引言 1.1 社会背景 随着现代科技的发展,计算机技术已经渗透到了各个领域之中。在零售业,特别是超市这一业态中,信息技术的应用变得越来越普遍。面对日益增长的商品种类与...
包含的论文、开题报告、中英文摘要等文档,详细阐述了项目的背景、目标、设计实现、技术选型、系统架构、功能模块、性能测试等方面,是项目开发过程的重要记录和成果展示。 本项目不仅展示了JSP和SQL在实际应用中...