当前:首页 > 新闻中心 > 网站设计

涨知识!网页设计中关于字母大小写你不知道的学问

作者:Yizhong 来源:昆山网络公司 发布时间:2018-05-17 10:53:01 浏览次数:51

你能看出下面两条信息之间的差别吗?

左边的大写字母会更多一些。


俗话说以小见大,虽然大小写只是细节问题,但在制作app或者网站的时候也值得注意。大小写会影响可读性、可理解性和可用性,它甚至会影响到用户对品牌的印象。

让我们先从大小写的一些背景知识谈起。

Title case vs. sentence case

在大部分的网站中,有两种大写方式:

  • Title case(标题式):每个单词首字母大写。This Is Title Case.
  • Sentence case(句式):第一个单词首字母大写。This is sentence case.

如果你是苹果用户,会注意到在产品中出现大量的title case,这是因为,苹果的设计准则对很多的UI元素都推荐title case,包括弹出窗口、菜单项和按钮。

如果你是谷歌用户,会见到许多的sentence case。这也是和谷歌的设计准则有关。

不管是你在苹果项目组还是谷歌项目组,iOS项目组还是安卓项目组,懂得什么时候应当使用哪种大小写方式都是十分重要的,让我们对于每种风格仔细分析一下。


Title case的优势

更对称

Title case看起来更整齐因为对称性更强。对称产生美,尤其是当你的语句比较短的时候,title case会制造出一个视觉韵律。

更突出

大写字母像是高举的双手,给你的标题加了一层强调。Title case在无法调节字体的时候更有效,可以清楚地区分出主体文本和标题文本。

可以从上图清楚地看出左边的标题比右边更突出。

更严肃

Title case会使词语看起来更正式更重要。像The New York Times(纽约时报)和USA.gov(美国政府网)这类的网站大部分都用title case,显得更加井井有条。

使用title case像是给你的词语穿上了一身正装,如果你的业务保密性强,title case看起来更专业可靠。

Sentence case的优势

更易阅读

Sentence case最大的优点就是便于阅读,尤其是当文本比较长的时候。Can You Imagine How Difficult It Would Be to Constantly Read Long Titles in Title Case?

所以看到下面的苹果屏幕截图的时候我实在是很崩溃。

更易定义

根据谷歌的第一位UX写手Sue Factor所说,谷歌使用sentence case最主要的原因之一就是向设计师和工程师解释起来更简单。在产品界面中,被定义为标题的界限通常很不清晰,选项卡名称是标题吗?复选框呢?确认窗口信息是吗?

使用title case的注意事项也很多,from、through类的介词应不应该大写?the、an这样的冠词需不需要大写?取决于你遵循的是哪一种风格的规则。下面是苹果对title case做出的规定:

如果有很多人对同一个网站进行编辑,很容易有人忘记在title case下的规定。使用sentence case可以避免这种混乱,只有一种方式来书写,不会轻易出错。

更友好

和title case看起来正经严肃不同的是,sentence case看起来更随意友好,Dropbox使用的是sentence case,因为他们期望让品牌更自然亲切,这也让他们的产品特点和其他竞争者区别开来。

更突出专有名词

最后,sentence case让含有专有名词的语句看起来更清晰,专有名词总是需要大写的,比如姓名、城市、品牌名。

很多公司命名的时候会使用一个描述性的名字(比如“Inbox”、“Calendar”),而不是特殊的词(比如“Spark”、“Fantastical”)。如果在所有按钮中使用title case,很难分辨某个词是否是专有名词,以影响可用性。

其他大写方式

Title case和sentence case是最主流的两种大写方式,但你仍有其他的选择。

比如:在Windows Phone 8中,微软在界面中使用了很多小写文本,甚至标题和按钮也都是小写。

接下来是GIPHY,我最喜爱的网站之一。这个网站在所有地方都使用大写。

找到适合你的方式

Title case和sentence case各有千秋,不管你选择哪一种,确保你的选择和品牌形象相符。

千万不要不制定标准,前后不一致会导致最后难以修改。如果用户注意到你的网站前后不一致,对品牌形象还会有负面的影响。




小编的话:
看完这篇文章,不知道你心水哪一种大写方式呢?还是你更喜欢自创一种规则?如果你有任何的想法或是对本文有任何的意见问题,都欢迎在下方评论交流!


本文关键词:

责任编辑:吴梅

相关新闻

小程序的优势都有哪些
百度SEO优化推广排名第一的关键词水溶性粘尘剂、昆山画册设计、昆山广告制作、昆山地热安装、昆山德语培训、昆山室内装修
外贸网站建设时这些事项需要注意的问题
企业网站应该怎么建设效果才好?
百度SEO优化推广排名第一的关键词润倍光洁润滑脂、昆山代理记账、昆山别墅装修、昆山水地暖、漆雾凝聚剂
设计一个高质量的网站需要注意哪些细节
涨知识!网页设计中关于字母大小写你不知道的学问
百度SEO优化推广排名第一的关键词 昆山展厅设计苏州消防公司
百度SEO优化推广排名第一的关键词漆雾凝聚剂厂家、昆山地暖保养、昆山加工中心培训、AB剂价格、漆雾凝聚剂价格
百度SEO优化推广排名第一的关键词,多袋式过滤器,苏州排名seo优化服务,推广关键词排名-搜狗,网站排名推广,网站优化排名推广

客服在线

网站建设服务热线
0512-50110815


点击这里给我发消息
 
QQ在线咨询
售前咨询热线
0512-5011 0815
售后咨询热线
138-6264-8819