英文|站与中文网站徏讄区别
英文|站与中文网站的区别不仅仅是使用中文与用英文的差别。得有时出Cؕ?q给企业带来很大的损q于中文字形复杂,q且?sh)脑上的中文字体设计相对落后Q这使得设计中文|页要比英文|页更困难。不֏中文字体的特D性,单的照搬英文|页的设计方法,l常会降低中文网늚易读性(英文中称作readabilityQ。下面列举三个用英文设计方法设计中文网引发的易读性问题:
一.相对大小的字?
在英文页面中Q固定字可UCؓ“ frozen font sizes”Q用固定大的字号是一个明昄错误Q很多交互设计的专家都对此做q研I。用相对字h那么的正,于是Q中文网늚文字也被设计成了相对字号。这U做法主要集中在英文|站的中文版的设计中。然而对于中文,相对字号却不如预想的那么好?
很多的字L中文是不能清晰显C的。比如,10px的Arial字体昄英文是清晰的Q但?0px的宋体中文就变成一个黑疙瘩了;再比如,20px的英文大而清晎ͼ但是20px的中文就会出现明昄锯Q笔ȝl不均。我曄在《文字,你到底能多大Q》一文中对中文字可行过讨论Q?2px?4px?6pxQ或18pxQ显CZ文是比较理想的。实际上12pxQ?6px大小的宋体显C的效果都是不错的?
相对字号允许文字以不止一U的实际字号Q以象素为单位的字号Q显C,调整览器的讄Q文字大可以羃放。下面我们来看看Q用相对字hC的中文是什么样子的Q?
相对字号分ؓQ?7?6?5?4?3?2?1、标准大?1?2?3?4?5?6?7Q共15U。这其中“-2”以下的字号与“-2”一样小Q?ldquo;+4”以上的字号与“+4”一样大。实际上剩下了-2?1、标准大?1?2?3?4Q这7U相对字受我们逐一来试验一下每一个相对字L昄效果?
以IE览器ؓ例,如果面上的文字被设|ؓ相对字号Q那么它可以有五U不同的大小~放Q?ldquo;最、较?yu)、中、较大、最?rdquo;。下表中是不同的相对字号在IE览器的不同讄中所昄的实际字P以象素ؓ单位的字P?/font>
从表中可以看刎ͼ没有一U相对字号可以始l落?2pxQ?6px区间内,也就是说Q如果IE览器的“文字大小”选项?ldquo;最?rdquo;逐步调整?ldquo;最?rdquo;Q那么,无论相对字号讄成什么,都不能始l保持理xC效果。从表中q可以看刎ͼ被设|ؓ“-2?1、标准大?1?2”的文字,在调整浏览器?ldquo;文字大小”q程中,有些时候显C出的字可入了12pxQ?6px区间中。在一个页面中往往需要大不同的多种字号以区别不同的内容Q应该选择哪几U相对字号呢Q中国的设计师的选择q不多?
使用相对字号的设计方式将自主权交l了用户Q这昄是好的,但是Q中文网中使用相对字号却达不到英文|页中的效果。也是_实际上中文用h能得到英文用户那么大的自LQ中文用户在览器中选择“文字大小”时不仅要考虑哪种大小适合自己阅读Q还要注意所选的文字大小昄效果如何?
一些英文网站的中文版按照英文原版的相对字号q行设计Q会出现一个糟p的效果Q用h论怎么调整览器的“文字大小”选项Q都没办法让|页上的所有文字都清晰的显C(卻I?2pxQ?6px区间内显C)?/font>
?斜体?
斜体字是英文中常用的一U表现方式,对于p用户来说Q?ldquo;斜体”?ldquo;加粗”的用频率几乎是相同的,从微软的officepd软g的设计上我们p看到Q?ldquo;加粗”功能“B”按钮?ldquo;斜体”功能“I”按钮都放|在很容易点d的位|。但是,中文自古以来没有斜体这个概c或许是q代革命家的行书、草书给我们的印象太׃Q得我们很Ҏ(gu)的接受了斜体的表现方式?
对于打印的文E,斜体的中文问题不大,因ؓ打印是以较高的分辨率来显C的。在昄器上则不同,昄器上的显C是72象素/英寸。这U差异几乎每一个用过word软g的h都有体会Q在昄器上要阅L档中的斜体非常吃力,打印出来好多了?
|页的浏览是以显C器Z的,那么斜体的中文则是一U很p糕的表现方式。然而这p糕的方式却在照搬英文网站的q程中被不加思烦的拿了过来?
博客的BSP是这一做法的先锋,几乎所有的中文博客在撰写新文章的工h中都?ldquo;斜体”功能按钮。增加一个功能会增加用户学习界面的难度;增加一个没有用的功能会降低用户的用效率;增加一个烂功能会误导用L辑出p糕的文章?ldquo;斜体”是个很烂的功能?
在英文博客中Qtrackback地址往往使用斜体Q这是一个约定俗成的表现法式Q于是中文博客中也将q种表现方式照搬q来。糟p的表现倒是与糟p的功能配套了,目前大多C文博客提供的服务中traceback功能都不能用Q开发者恐怕是q样考虑的:反正用户也看不清文章最下面那一行字写的是什么,自然也不会需要用q个功能的?
我们可以品尝襉KQ但却没必要象西方h那样饭前祷。学习的目标是青Z蓝,而不是东施效颦?/font>
?q小的字?/font>
q小的文字往往出现在英文网站的中文版上。前面说q,英文字体?0px的大就能清晰显C,在设计中文版的时候,只是机械的照搬英文版的设计,文字翻译成中文Q还使用10px的样式?
M英文|站中编码问题是很多国内|站没处理好的问?在国内浏览不会出Cؕ码但在国外会有ؕ?设计英文|站我们一般用UTF8~码?中文则用GB2312?/font>
以上是对英文|站与中文网站徏讄区别的观点,仅供参?/font>
易神州网l?middot;|站--服务于高端网站徏设、网站设计公?nbsp; 免费咨询?sh)话Q?10-51290809