移商动力旗下网站:移商云 移商微站 移商云 移商APP 移商电商      全国服务热线:400-808-6610 移商 •深圳135-1010-6610 各地分公司 手机网站
行业新闻

手机网站建设字体设置方法

作者:深圳网站建设 来源: www.esung.net 日期:2015-3-20 10:03:05 人气:138

   一、留足空间

   字体并非屏幕上弯弯曲曲的线条排列;它主要在于周围和相互间的空间。字母本身对字体的影响,与构成它的空间相比,要小得多。要理解这一点,了解字体从何而来很有帮助:字母o(还有b、c、p等等)中间的圆孔被称作“凹槽”。在最原始的印刷机上,铅字由金属雕刻而成,这些凹槽来自雕刻成型、排列在盘中的金属活字。第一个字体设计师所处理的模具,实际上并不能用于印刷。字母本身对字体的影响,与构成它的空间相比,要小得多。要在移动端创造最佳易读性,尤其要注意这些特殊层次,这些格式塔式的词语、行、段落的文字组合,在自然光环境下同样至关重要。

   二、行宽

   行宽是一行文字的长度。或者确切的说,是一行文字的理想长度,因为很难让每一行都精确吻合。众所周知,舒适阅读的理想行宽是65个字符左右。行宽产生的物理长度,取决于字体的设计、字间距(见下文)和你使用的具体文字如果再加入斜体、大小写和一大堆其他字体细节,还会有更大的差异。在桌面端浏览器中,65个字符很难触及边缘,但在移动设备上,65个字符(如果至少大到看得清)会超出浏览器的边界。所以,在移动设备上,你必须得缩减行宽。移动端并没有普遍认可的行宽标准。不过传统上,报纸或杂志上每一个窄列都会趋向于39个字符。鉴于这个理想行宽已经经历了数个世纪的考验,它在移动端字体上也运转良好。

   三、宽松行距、紧凑行距

   行距是行之间的空间,行距太紧凑,会让视线难以从行尾扫视到下一行首。行距太宽松,字间距会开始形成队列,产生了我们通常意义上的河流,阻断了行的视觉流。从左至右:理想行距、太紧凑、太宽松。行距的标准通常是1.4em,这对于屏幕来说太紧凑了:在屏幕上表现良好的字体都有一个关键特征——大的凹槽,大凹槽需要更大一些的行距来保持空间层次。反过来,更短的行宽需要更小的行距。所以你可能需要将桌面端的行距设得宽松点,同时记得将移动端的设置得紧凑些。

   四、找到最佳状态

  所有字体至少都有一种最佳状态,在屏幕上展现最佳的尺寸,还有在浏览器中最能保持字形的抗锯齿选项。最佳状态下,多数笔画通常都能排列在像素网格中——像素字体,那些字体仅仅在字号调整到最佳状态下才有效。将字体设为最佳状态能形成更强烈的对比。为移动端设计时,对比尤其重要,因为户外的强光可能分散注意。

   五、不要忽视起伏边

   起伏边是一段文字的边缘。你读的多数内容是居左对齐的,导致右边沿参差不齐。当视线从行尾跳至下一行首时,大脑最好要能判断出下一次跳跃的角度和距离。把每次跳跃都想象成跑过跳板,如果间距保持一致,就会快很多。因此,文字左侧边缘应该是平的,每行从同一个地方开始。因此你绝不应该将两三行以上的文字居中对齐。通常文字会设置成两端对齐,这意味着每行文字所占空间相等,所以两侧都不会有起伏边。

   六、减少反差

   增强文字与背景对比的同时,我们也要减少不同层次文字间的反差。在移动端,实际可见的文字更少,所以反差被放大了。其原因是我们的大脑基于环境来判断重要性。在桌面端,标题可能是正文字号的两倍甚至三倍,因为屏幕上有更多文字,所以这是有效的。在移动端,实际可见的文字更少,所以反差被放大了,桌面端屏幕比移动端容许更夸张的字号缩放。

移商动力是国内领先的移动电子商务解决方案提供商,及专业的深圳网站建设公司。移商动力利用自主研发的手机客户端系统(Emobile)、手机触屏官网系统(EtouchS)、手机电商系统(Emshop)、企业营销官网系统(Eweb)、独立网上商城系统(Eshop)、基于移动中间件技术的双网同步手机网站、移动OA为数千家企业提供了专业的移动电子商务应用服务。

深圳移商动力电子商务有限公司
地 址:深圳市龙华新区民治大道东边商务大楼9楼
邮 编:518131
电 话:135-1010-6610
全国服务热线:400-808-6610

本文关键字:深圳网站建设, 深圳网站设计, 深圳网站开发, 深圳app开发, 手机网站制作, 手机网站开发, 手机网站建设, 深圳营销型网站建设, 深圳网站建设公司

转载请注明:http://www.esung.net

上一篇
手机网站怎样进行移动营销手段
下一篇
没有资料