欢迎光临缘震官方网站
案例库 | 彦蓁科技 | 新官网

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络
精彩案例
精彩案例

地址: 上海市静安区共和新路4718弄10号楼2楼

热线:400-166-3538

电话:13122077371

邮箱:sales@shyuanzhen.cn

英文字体在网站建设中的运用技巧

2019-09-19 09:45:32

0

容性设计是一个热门的话题,它拒绝少数服从多数,也不是让多数配合少数,而是保持对大众的广泛关注,创造出拥有足够包容性的好设计。从这个层面上来说,设计的可访问性必须做到足够好,尽量让大家都能轻松方便地享受设计的成果,良好的对比度,普适的交互模式,以及我们提的最多的正确的字体选取。989888.png

  值得一提的是,不仅仅是公共机构的网站需要注意选取可访问性优异的字体,品牌和企业的网站中字体的选取同样需要精心挑选。但是,你如何确定哪些字体合适?这是否意味着要在设计上做妥协?

  并不一定。今天我们来聊聊英文字体的选取的技巧,下面的12条技巧,应当能给你足够的帮助,帮你选取拥有足够包容性和可访问性的英文字体。(注意,这里讨论的是挑选尽可能让所有人都能清晰阅读的字体,寻找展示性、个性化、强形式感的功能性字体是另一个问题。)

  1、尽量不要选择那些看起来就非常童趣的字体,完全没有这个必要。这是相当常见的错误,原因也很明显:挑选一款高包容性、可访问性好的字体的时候,它的平衡性和实用性同个性化同样重要。

  2、有些字体设计风格会让特定的几个字母之间的识别度降低。最常见的就是数字 “8″ 和大写字母 “B”,大写的 “I (i)” 和小写字母 “l (L)” 之间的识别度问题。选择带有衬线的字体能够让小写字母“i”和大写字母 “I” 更好地被分辨出来,即便是在较小的屏幕上。如果字体中的小写字母 “a” 是双层结构则能很好的同小写字母 “o” 区分开。

  3、如果你需要在标题或者头条的位置使用较少的文本,而字体大小在16pt 及以上的时候,那么使用笔画较为舒展、内外空间都比较大的非衬线体是相当不错的。

  pt 也就是 Point ,而我们常说的 px 指的是像素 Pixel,两者有着明显的差异。pt 源自平面印刷领域,指的是1/72 英寸,是一个固定的长度,而px 指的是像素点,在iPhone 3GS 上 5px 的物理长度和 iPhone 6s 上 5px 的物理长度是不一样的,前者由于像素密度低从而导致5px 的物理长度更长。所以,px 是一个“相对长度”单位,而 pt 是一个“绝对长度”单位。

  4、在选取网页字体的时候,尽量选取 X高度较大的字体。X高度覆盖的区域是阅读的主体,而上伸部和下降部则为每个字母提供了足够的识别度。上升部应该比大写字母稍微高一点。

  X高度通常指的是小写字母的平均高度,之所以为称为x高度是应为通常拿字母x作为参考。诸如字母 “h” 和 “f” 超出X高度的部分被称为 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位则被称为 Descender,即是下降部。

  5、尽量挑选内部空间均衡、外部轮廓锐利、末端清晰的字体,当字体较小的时候,字母之间距离缩小靠近,空间会被模糊、填充,会影响识别度和可读性。

  西文字体设计存在“External Counter”和“Internal Counter”的概念,通常称之为外部空间和内部空间。小写字母 “a” 和 “e” 的字母内部两个空白区域即为内部空间,如果某部分内部空间比较小,当字体尺寸较小的时候,会降低识别度。诸如字母 “r” 和 “n” 则需要注意它们外轮廓的细节锐利度和那些勾勒细节的外部空间,也就是竖线和弧线之间所夹的空间。如果外部空间较小,在字母间距较小的情况下”rn” 和 “m” 就很难分辨了。

  6、数字的设计也应该有特色,尤其是数字 “0″ 应当同大写字母 “O” 有显著的差别,而数字 “6″ 和 “9″ 的末端开口应当足够舒展开阔。

  7、字母的X高度和笔画宽度之间有一个最佳比例,为了达到最佳可读性,通常笔画宽度应该控制在X高度的17%~20%。

  8、挑选小写字母 “t” 上面的一横相对长一些的字体,这样字母的识别度会更高。

  9、大写字母 “Q” 底部的尾巴能增强字母的识别度,字体选取的时候应当注意这个细节。

  10、字母之间的间距应当均匀而富有韵律感,这样能提升字母的可读性和识别度。间距太大太小都会让人感觉不适。

  11、在黑色的背景下,将字体色彩设定为白色,输入一段文字,查看它们的显示效果。如果字母之间间距看起来比较小,字母的形状看起来像在“发光”,从而令字母仿佛比单独看更粗的话,那么你应当选取笔画更细的字体。

  12、你应当挑选字重范围更广的字体族,这样当你在设定不同平台、不同屏幕尺寸、不同设备下的显示效果的时候,可以更加轻松自由地找到对的效果。


上海企业网站建设做的好不好,要特别注意这些!

1、网站建设频道

 
网站的渠道是指网站的主体部分,包括公司简介、产品、新闻、客户服务等相关项目。这些都是公司网站必须包含的内容,也是公司构成网站框架的主体..因此,应为公司网站规划具体的框架结构..
  
客户访问网站,第一从网页设计排板,风格展示,甚至图片文字,整体网站给人的di一印象从这里开始。合理美观的界面设计站点从文字,图片,版面色彩合理融合..因此,在施工现场对于文字的大小,字体,字形,间距等应合理布局,文字颜色,图片颜色,设计时应仔细调整图标与内容之间的缝隙..往往一个高端的档网站做的很细,适当的选择图片,整体会给人很舒服的感觉。
 
所以在策划这类网站的时候,不要太华丽,少用图片,多用文字,多策划,突出功能特色;网站策划的展示类型需要比较活泼,多添加图片,视频等元素,内容的展示追求视觉效果..
 
3、网站建设布局
 
无论是内容板块还是导航链接,对于网站的整体体验也是至关重要的,一些违背直觉的板块设计让网站感觉凌乱,而糟糕的导航链接也会让浏览者错过很多至关重要的内容。因此,在网站制作过程中要在合理合规的基础上追求美观,在实用的角度完善导航..能起到根本作用的设计风格是一个合格的布局,还是越精致越漂亮的是一个花瓶,看不到用处..
 
网站布局要体现网站的人性化服务,规划符合读者阅读习惯的网页..当读者在阅读过程中打开下一页时,网站添加一个按钮返回主页,链接,帮助读者快速返回。有些网站通常很长,读完后回到顶部很麻烦,所以在这个时候添加一个顶部的链接。使布局更加合理,提前观察读者的阅读习惯,把zui重要的内容放在突出的位置..另一个是注意段落之间的间隔更大,给读者一个缓冲时间。
 
4、遵守目前的趋势
 
要使网站充分考虑到当前用户的来源渠道,太经常访问企业网站的都是电脑端访问。然而,随着互联网移动性的发展和普及,更多的流量来自平板电脑和手机等移动智能设备。所以我们在制作企业官网的时候,一定要把重点放在对当前最大流量的适应上,根据当前的移动化趋势去顺应趋势,不然网站的搭建成本会带来非常糟糕的用户体验..
 
5、参靠经验
 
也在现场制作过程中充分考虑浏览器的兼容性,对主流的访问设备和浏览器要充分适应,避免布局混乱..同时,网站防止服务器硬件环境好,安全性和网速快,访问速度太慢网站容易导致访问者流失,一般网站打开额头速度控制在5秒以内,这是访问者可以容忍的等待限制。


缘震网络-互联网运营专家,专业建站十余年

联系我们


• xtb_dh.png 免费热线:400-166-3538

• xtb_dh.png 咨询电话:19301461038

• share_icon03.png 咨询QQ :63778992 

• share_icon02.png 微信咨询 : chunhua19820

• zx.png 直接咨询 

公司名称:上海缘震网络科技有限公司

开户银行:中国工商银行上海市彭浦支行

银行账号:1001 2508 0930 0206 455



总部:上海市奉贤区金海公路6055号29号3楼

分部:上海市静安区共和新路4718弄10号楼2楼

商务官网:www.shyuanzhen.cn

新官网:www.shyuanzhen.com

案例库:www.shyuanzhen.cc

彦蓁科技:www.shyanzhen.cn

缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今!

网站关键词:网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司

版权所有:上海缘震网络科技有限公司   备案号:沪ICP备15001555号       公安备案号:31010602002651   

免费热线:400-166-3538

在线客服