地址: 上海市静安区共和新路4718弄10号楼2楼
热线:400-166-3538
电话:19301461038
邮箱:sales@shyuanzhen.cn
容性设计是一个热门的话题,它拒绝少数服从多数,也不是让多数配合少数,而是保持对大众的广泛关注,创造出拥有足够包容性的好设计。从这个层面上来说,设计的可访问性必须做到足够好,尽量让大家都能轻松方便地享受设计的成果,良好的对比度,普适的交互模式,以及我们提的最多的正确的字体选取。
值得一提的是,不仅仅是公共机构的网站需要注意选取可访问性优异的字体,品牌和企业的网站中字体的选取同样需要精心挑选。但是,你如何确定哪些字体合适?这是否意味着要在设计上做妥协?
并不一定。今天我们来聊聊英文字体的选取的技巧,下面的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日志分析,不断借鉴优质网站的优质原始,不断对网站进行优化,创新。
不断用心,让网站满足细分用户的搜索查询需求,让网站满足搜索引擎收录,排序,展现的维度,就是一个成功的网站。
• • • • | 公司名称:上海缘震网络科技有限公司 开户银行:中国工商银行上海市彭浦支行 银行账号:1001 2508 0930 0206 455 |
总部:上海市奉贤区金海公路6055号29号3楼 分部:上海市静安区共和新路4718弄10号楼2楼 商务官网:www.shyuanzhen.cn 彦蓁科技:www.shyanzhen.cn | 缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今! |