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

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

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

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

热线:400-166-3538

电话:19301461038

邮箱: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:网站色调的调配和谐

色调在页面里能够起到好多种效果,利用强烈的对照可以凸显页面的核心,或是利用色调的调配,能够让网页达到十分好的效果。通常情况下,页面下方的色调都是比较浓重的,由于这样可以压制住页面上方的色调。倘若不使用这种方法,整个网页会显得头重脚轻,页面底部的文字和图片会有种飘出去的感觉。因此要让整个页面显得比较均衡,必需有可以镇得住其他颜色的色调。

分析网站制作中常见的问题及解决方案中也说过,一种比较显眼的色调,倘若随便安放在页面中很容易显得突兀,这样对于凸显核心或是Logo图标都会带来负面影响。因此应该在相称的位置上添加和该色调同属色系的颜色,这样能够弱化突兀感,减少视觉冲击。

2:字体配置样式不必过多

做网站时字体配置不要有过多的样式,在进行企业站点策划格调上的操作时,总是觉得过多的字体能够让企业官网总体看起来不是特别的死板,其实并不是这样。企业网站策划将就的是策划,而不是颜色的堆集和款式的堆集,要讲究各种字体款式和颜色的运用,这样才能够看出来网站策划人员的技术实力和策划功底,真正让客户领会到官网策划的美感。

一般来说,企业站点策划中运用到的字体不要高出是三种款式,这样才不会看起来乱乱的。基本上客户一打眼,就可以看到自己想要知道的讯息,而不是刚刷新出来便是浓妆艳抹的,一点核心都没有。

3:做好网站总体分块

在进行企业网站策划时,策划师应该依照企业网站内容、网站格调对页面总体进行分块。分块其实是一项很重要又难以掌握的职责。页面分块不同于杂志分块,杂志的分块是有边界的,杂志的策划师可以经过边界来形成立体感,但页面分块弱化了边界,由于电脑屏幕可以上下左右随便移动。

因此页面分块更加重要,可以经过不同的颜色、框、线来进行分块,但分块的素材不该该过于夺目,不要影响客户对内容的正常浏览。

4:网站务必使用高清图片

任何官网都会使用图片,倘若图片够高清、够高质的话,就会让人觉得你的企业站点很有质感,很有层次,不过,高清大图多了的话,就要降低其他要素的使用,避免影响打开速度。同时,展示的图片内容要与企业官网主题相符,因而要花足够的时间和脑力在图片材料的收集分析上下功夫,才能使得网站有特色,能够迎合客户口味,得到客户的点赞。

二. 网站建设中的seo设置

1:常用设置。

很多基本的seo设置也是必要的,典型的有301重定向,404错误页面,robots协议,网站地图,图片alt,基本的TKD设置。还有现在百度所推崇的mip改造,https改造等。

2:其他设置。

较为重要的点在于url的提前规划,面包屑设置。

3:百度分享

百度推荐阅读,百度站内搜索等百度官方组件的设置使用。

三. 网站上线后的seo运营阶段

1:内容的组织,内容为王的观点永不过时,为搜索引擎提供大量的即时性,权威性内容是根基;内容更新频率不宜过小;ugc方式产生内容更为妥当。

2:百度站长平台链接提交工具的使用,将网站产生的内容第一时间提交给搜索引擎;注意屏蔽不需要让搜索引擎收录的内容。

3:链接建设。关于链接建设,应不局限于外链,还应考虑到友情链接以及内部链接。

类似于一个链条,网站建设与seo优化都是不可或缺的,还有一些点不能做,诸如典型的蜘蛛池等黑帽SEO,站内关键词叠加作弊。也有一些点应该做,诸如网站数据分析,IIS日志分析,不断借鉴优质网站的优质原始,不断对网站进行优化,创新。

不断用心,让网站满足细分用户的搜索查询需求,让网站满足搜索引擎收录,排序,展现的维度,就是一个成功的网站。


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

联系我们


• 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开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今!

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

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络
缘震世界
关于缘震
服务及合作流程
我们的优势
我们的团队
客户及评价
招贤纳士
新闻中心
最新动态
缘震优势
网建知识
网站建设
精彩案例
响应式网站
PC站
手机站
微信公众号
微信小程序
数字孪生
微信平台
APP开发
解决方案
联系我们
联系我们

官方二维码

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

免费热线:400-166-3538

在线客服