常规or创意？别让网页中的文字禁锢了你
先和大家分享两个关于网页的中文文字设计现象。
公司前端技术同事看到我上周写的《》后，主动和我聊了排版网站文字的各种心得体会，他提到的一个现象让人很意外：除了设计师、前端技术、策划、排版印刷等职位的人员对文字有一定的敏感度外，实际上大多数用户对文字的字体和字号没什么概念。
他说的没概念是指，虽然用户对正在浏览的网页有一个大致印象，可以说说自己对网站的直观感受，比如网站好不好看、风格是否吸引人等。但他们并不是很在意这个网页使用的是什么字体，甚至不知道造成视觉疲劳的罪魁祸首可能正在于一个字号的&小小&选择。
经常听到设计师们抱怨网页设计中可供选择的中文字体太少，创意字体即使设计出来也没法实现，或者实现成本太大，大大限制了他们创意的发挥。我们也看到很多设计教程都建议设计师们不要在中文字体上做太多创意。
这种现象也是AnyForWeb上一篇文章中设计师的问题：为什么国外网站字体做出来的效果那么好看，但我们在设计网页时总觉得无法达到那种效果？
先从视觉角度说明：我们能很明显看出，英文是线条结构，中文是方形结构。从构图设计的角度看，英文字母比中文更具有几何符号的感觉，图形感会更丰富；从字形的角度看，英文采用的拉丁字母包括大小写一共52个，而且字形都比较简单，符号数量少便于识别，字形简洁便于设计，而中文的笔画很多过于密集，不利于字体设计。
然后我们再了解以下事实：
用户的操作系统中自带的字体有限，若使用创意字体，打开网页前还需要下载，通常英文字体只有几百KB，因为它只需要包含数字、标点、英文字母即可。而中文字件庞大，动辄数个MB，甚至十几MB，下载时间一般比较长，往往导致网站打开速度慢，可能特殊字体还没看到，用户已经关闭网页了。
从以上真实情况可以了解，其实我们不必纠结于网站的字体设计无法发挥创意，因为用户在意的不仅仅是字体设计的创意，而是网站整体给人的感受，因此AnyForWeb认为：设计师对文字的创意可以通过其他方向的发挥来让用户对你的网页设计印象深刻。比如，保证网页整体文字设计的规范性、增加修饰文字段落的创意，以及对少量特殊字体的灵活应用。
一、如何保证网页整体文字设计的规范性？
& 网页设计规范：字体选择
在选择字体上，AnyForWeb建议设计师们尽量选择系统默认的或通用字体，保证浏览器能够正确识别并显示出正常的文字。
我们以宋体和微软雅黑为例：
宋体是最常见的中文字体，在没有指定字体的情况下，浏览器往往选择它来渲染。但很多人认为这种字体并不美观。
NoNoNo，并不是这样！举个例子，在下面AnyForWeb网站的案例中，右侧对客户案例的描述文字正文内容就是采用的宋体12px，配上18px的微软雅黑标题，层次清晰，让人一目了然，同时展现的美观度丝毫不弱。
2.微软雅黑
微软雅黑可以作为网站首选字体，它的美观度和清晰度都较好。
在优度旅游网站中，网站首页采用了Metro风格，整站使用微软雅黑字体，在不同板块灵活应用了不同的字号，文字层次很清晰。下图中文字与卡片式设计风格融合在一起，让整个网站显得干净大方，富有亲和力。
这里有个小提示：微软雅黑字体可以用font-family写在页面，但在网站图片里面嵌入微软雅黑的字体会构成侵权，这一点是设计师们需要注意的。
我们再来说说宋体和微软雅黑的一些区别。
宋体是衬线字体，微软雅黑是无衬线字体，宋体在视觉上更纤细。和宋体相比，微软雅黑的字形不是正方形的，而是稍微的扁宽，字间距很小，这样会使默认的行间距更明晰，同时微软雅黑的字心显得更饱满。所以在同样的字号下，雅黑的单字面积显得更大，更容易识别。
标题字体使用微软雅黑更适合，正文内容可以根据设计风格和需求灵活选择。不过在手机端查看时，我们很明显感觉到微软雅黑字体更赏心悦目。
除宋体和微软雅黑字体之外，设计师们还可以根据实际需要选择其他经典通用字体，比如Windows自带的中文字体黑体、仿宋、楷体等，以及英文字体Arial、Vardana等等。
& 网页设计规范：字号选择
CSS里面常用描述字体大小的单位主要是em和px。其中em在跨平台设备字体处理上很有优势，在常规网页设计中，我们通常更多采用px作为单位。
这里以px为例，网页设计中一般使用14px 作为标准字体，16px 作为中等字体，18px 作为较大字体，12px 作为偏小字体。当然，我们这里说的只是一种比较通用的标准，实际上如何选择字号需要设计师根据网页整体设计布局来确定。
在页面自适应的设备上，比如手机屏幕分辨率比PC端的低，这些因素也是设计师需要考虑的。
& 网页设计规范：文字设计的规范性
大家应该记得一点：虽然我们看到很多网站页面的分享，但这些页面都是属于不同网站的，而用户关注的是一个网站的整体。所以对于设计师来说，他们在设计网页时应该考虑所有页面规范和一致性。
初级设计师比较容易犯一些细节错误，比如同一层级下的不同页面出现字体不一样，字号不统一，字间距不一致的情况等等。
如果想成为一个专业设计师，这些问题都是需要通过规范设计来避免的。
注：相关网站建设技巧阅读请移步到频道。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
&&<a rel="nofollow" class="red" href="" target="_blank" color="red新版网站排行榜
===全新上线===
网友热评的文章您正在使用IE低版浏览器，为了您的雷锋网账号安全和更好的产品体验，强烈建议使用更快更安全的浏览器
内容型问答网站怎么盈利？
【编者按】本文改编自新浪科技，作者、，。
什么是内容型问答网站？即用户上这个网站主要为了实现一个目的：获取有用的答案，解决自己的问题（或者帮助需要答案的人）。虽然没有成熟的盈利模式，但这类型的创业者热情不减。国外的，国内的知乎、，包括本文原作者在职的“”层出不穷。这类型的网站上既看不到广告，也看不到有规模的商业化痕迹，那么，它们怎么盈利？
盈利的基础：有质量的内容维系稳定的用户关系
的创业者都喜欢强调一点：在没找到盈利模式之前先潜心把产品做好，把用户做起来。
对于内容型问答网站来说，内容的质量是最重要的。在内容型网站上，内容受欢迎是因为质量高，与创造内容的人的身份、地位、性别、知名度关系不大。答案质量就是生命线，好内容就通过、推荐，坏内容就咔嚓掉。保持有质量的内容，让用户因我是“XX问答”而产生荣誉感，形成用户体系。
但是相应的，严格的质量要求会降低用户的活跃程度。这也是为什么知乎、K2只能在某一类圈子里受欢迎，如果它放开自己的要求，势必又变成论坛了——论坛的盈利状况，大家都是知道的。
“做一个特点鲜明的产品会让你损失一些用户，做一个没有特点的产品会让你损失所有用户。”
盈利的可能
虽然自己也在做问答网站，不过原作者倒是坦陈并不知道有什么明确的盈利方式，但即便不知道什么是“yes”的，也知道什么方式是“no”的：
不要付费阅读。说的高大一点，这不符合互联网的免费精神；说的现实一点，至少在中国市场，卖内容是被一条无数先烈验证过的死路。
不要轻易尝试虚拟形象、互动礼物这些东西，因为它会让你的网站走向关系型。在这个转型的过程中，你会有一段时间处于要内容没内容，要关系没关系，要盈利没盈利的尴尬境地。
“企业问答”尝试了一种线下实体收费模式，他们尝试和创业者聚集的咖啡馆、酒吧合作，定期举办讲座、沙龙等活动，收效还不错。探索线下为用户带来享受的服务模式是内容型问答网站的一种盈利探索，但这个难以形成规模。
同时，在知乎上我们也看到了几种说法：
向会员收取年费模式。肯定会有一部分用户因为收费而离开，但留下来的相信应该是优质用户，会在一定程度上保证知乎内容的品质化；
招聘。问答网站最重要的一点是记录了用户的行为，根据行为特征来去评估这个用户是什么样的人，从而对应推荐招聘，例如我如果要在知乎招聘“无线产品运营”经理，找到的人肯定比传统招聘网站要多，质量要高；
被收购。把品牌和影响力做到位，吸引有需求的巨头，比如腾讯要是收购知乎，肯定能提升自身的价值。
此外还有精准广告、衍生app等等。至于哪一种最可行，恐怕还要视不同的内容问答网站的情形而定。“问答网站”如何盈利是每一个进入这个领域的创业者或者准备投资这种项目的投资人都会问到的问题。以上设想不详尽，提出来是希望各位业内人士提供宝贵意见。
微信扫一扫，打赏作者吧～
关闭雷锋广告
同步到新浪微博
中国智能硬件第一媒体。
关注软硬结合和硬件创业，热爱和从业者交流，微信号“”，另有一公众号“花家舍”（fakecountry），一个我闲暇时用来批发情怀和文艺的地方。
当月热门文章
本栏目由提供
为了您的账户安全，请
您的邮箱还未验证,完成可获20积分哟！
您的账号已经绑定，现在您可以以方便用邮箱登录& & & &目前网页设计已成为最火热的高薪职业之一，越来越多的人加入到了网页设计之中，很多的人就在问，网页设计具体是做什么的呢？我们学网页设计要学习什么内容呢？
& & &&&网页设计主要工作是：写代码编程！网页设计主要分为两个部分：前端开发和后台开发。前端开发主要做的是页面内容的排版显示，就是美工，后台开发主要是WEB程序的编写，前端实现的功能是靠后台的程序运行起作用。
& && &网页设计主要用到的工具有：Photoshop&、&Flash、Fireworks、Dreamweaver（DIV+CSS）&等....
& & & &我个人建议的话如果想在网页设计领域有所发展的话，不要使用带有辅助功能的工具如：Dreamweaver，还是勤勤恳恳练习英打吧！包括这些工具都用有权威信Adobe研发的，这样设计出来的作品更专业。
& &&& 网页设计是个技术活，记住要领，孰能生巧坚持下去就能有好的结果。我朋友也是做的网页设计，刚开始在网页培训机构学习了3个月，然后第一份工作的工资是4000左右，现在也已经做了一年多了，他还是坚持礼拜六去以前培训的地方学习，现在工资涨到一万了！网页设计就是要不断的坚持去研究，去进步，薪资都不是问题！
& & & 网页设计主要可从事的工作有：网络设计公司、文化艺术公司、传媒广告公司、印刷厂、喷绘公司、展览展示公司等......
&&&&&无论是网页设计也好，平面设计也好，做任何一件事情都是要坚持努力的走下去！俗话说的好&活到老，学到老&在学习这条路上有很多的挫折，很多的艰辛，只要自己不放弃，不妥协，相信成功就是属于你的！
相关内容：
document.write('<a href="http://sns./cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(location.href)+'" title="分享到QQ空间" class="t5" tar}