欧美主流网站都用什么字体? - 知乎

日期: 栏目:体坛资讯 浏览:58 评论:0
欧美主流网站都用什么字体? - 知乎

  想了解下欧美主流的一些网站通常都是用什么字体的?

  自从 web font 技术开始流行之后,现在西方大大小小网站都开始不局限于 Arial、Tahoma 之类跟随 Windows 火起来的「安全字体」。正好看到一篇文章,整理了所谓的 2013 年最流行的 10 大 web font,可供参考:GothamRobotoInconsolataAvenirFuturaMontserratBrandon GrotesqueAperçuOpen Sans

  原文:The Ten Most Popular Web Fonts of 2013

  我们在用Elementor编辑器进行网页的设计过程中,可能会需要用到特别的字体(也就是WordPress默认字体和Elementor编辑器里面没有的字体),这个时候我们就需要去下载字体。

  当你看到一个网站的字体风格你很喜欢,想要运用到自己的网站上,我们就可以把网站的字体文章下载下来,然后再上传到Elementor编辑器,这样我们就可以使用了。

  鼠标右键检查,开始查找网站字体文件存储的位置

  打开Network,点击Font (网页的文件字体就都存储在这里);

  然后刷新页面,就可以看到网页的字体文件;点击字体可以预览字体

  然后双击字体文件,就可以将字体文件下载到电脑本地。我这次下载的字体文件格式为.woff2

  打开Elementor的custom font面板,点击Add New新建字体geomanist, 然后就可以上传不同格式的字体文件。

  这时候将我刚才下载的geomanist.woff2上传到WOFF2 FILE(字体的文件格式一定要是对应的),然后点击发布。

  字体就成功上传了。

  然后我们在Elementor编辑器设计网页的时候,就可以在字库里的custom font文件夹找到我上传的geomanist字体啦。

  专挑动物宠物下手,一组来自欧美网站建设公司专门给各种动物、宠物提供网站设计、网站制作及开发的网页设计作品。在风格设计方面大胆创新,在图形及字体设计方面艺术、趣味,在整体色彩搭配与控制方面柔和唯美,值得灵感枯竭的设计师及网站建设公司参考借鉴。

  在展开这些欧美网站建设公司的作品案例讲解之前,我们先思考一个问题。宠物、动物行业的网站建设开发方案跟其他行业的有什么区别吗?主要区别是什么?是否更多的考虑动物与森林环境、动物的表情、神态与细节体现等等?

  NO.1

  犀牛

  哺乳纲、犀科的总称, 有4属5种。是世界上最大的奇蹄目动物,犀类动物腿短、体肥笨拙,身体呈黄褐、褐、黑或灰色。三维建模渲染软件中还有一个软件叫Rhino,还有很多科技设计公司都是用它作为公司名称或吉祥物。

  在这个欧美网站建设方案中,犀牛与粗体原型的结合非常巧妙,瞬间吸引用户的注意力,取得视觉感官很好的效果。

  猩猩的表情与海报banner的广告词非常吻合,Don't Kill Animals! 警告人类,不要再杀生。

  NO.2

  鹿

  鹿科是哺乳纲偶蹄目的一科动物。体型大小不等,为有角的反刍类,其特征是生有实心的分叉的角。在保护自然和动物的大多数网站当中都会有鹿的角色出现。

  利用动物的身体与字体设计结合在一起。汉堡式菜单、导航、多媒体分享、版权形成首页的基本版式布局。右下角轮播组件样式个性,中间布局一个幽灵按钮。整体视觉平衡,局部设计神秘趣味,符合动物行业的属性。

  NO.3

  狗

  中文亦称“犬”,狗分布于世界各地。狗与马、牛、羊、猪、鸡并称传统“六畜”。有科学家认为狗是由早期人类从灰狼驯化而来,被称为“人类最忠实的朋友”,是饲养率最高的宠物,其寿命大约在12~18年。在中国文化中,狗属于十二生肖之一,在十二生肖中的第11位。

  在众多的宠物网站建设方案当中,绝多数的官网都能看到狗作为主角活跃于网站界面当中。这个作品利用天狗望月的神态结合红色圆圈的叠加效果,把颜色控制在黑白灰的色彩搭配方案里,颇具艺术效果。

  NO.4

  象

  象是汉语一级通用汉字,象的本义就是大象这种动物,后转指象牙。另外象也有相似、如同之义,引申指仿效。又指事物的外表形态。

  象在很多设计行业的设计公司当中作为IP形象出现,寓意丰富。例如杭州的大象设计 goa、深圳的大象空间设计等,均与动物象有关。

  NO.5

  宠物狗的网站建设方案

  黑色搭配灰色,并结合红色作为品牌色,视觉效果很特别。竖着的矩形框包含文字的效果比较精致。

  NO.6

  动物大象的网站建设方案

  大间距、小字体的设计效果,比较独特。

  NO.7

  宠物狗的网站建设方案

  色彩搭配在这个宠物网站建设方案中非常关键,颜色控制很纯正、简洁,留下很深刻的品牌色印象。

  NO.8

  熊

  食肉目熊科动物的通称,熊平时还算温和,但是受到威胁或遇到危险时,容易暴怒,打斗起来非常凶猛。熊科是个大家族,可分为4属:懒熊属 、眼镜熊属、马来熊属、熊属,8种。

  熊在很多国外的设计、艺术公司中作为代表物比较常见。这个动物网站建设方案中,熊与环境的颜色过渡处理十分出色。

  NO.9

  大自然动物网站建设方案

  这个动物网站建设方案,上期已经通过视频的方式跟大家分享推荐了。这里就不详细讲解了。主要是交互动效设计方面非常卓越。几何图形与动物的身体造型结合得很棒。字体的排版与设计也很出色。

  NO.10

  猫

  猫睛,子午卯酉如一线,寅申巳亥如满月,辰戌丑未如枣核。鼻端常冷,惟夏至一日暖,隂类也。很多女生的最爱,通常都叫她小猫咪。还在有一首很火的流行歌曲写猫咪呢。

  这个宠物猫的网站建设方案,上期的视频动画案例中也介绍过。采用的是3D动画特效与网站制作交互技术结合的案例。

  小结

  以上是今天跟大家一同分享的欧美网站建设公司为动物宠物们量身定制设计的网站作品案例。他们都有一个共同点,就是利用动物宠物的身体造型与海报字体的排版设计结合在一起,并适当的运用动画特效的交互效果在作品中,让整个视觉画面更加动感、趣味。

评论留言

我要留言

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。