润雪观点

将想法与焦点,与您一起共享

润雪观点

重庆网站建设谈谈网站设计中字体该如何设计

2017-06-26 润雪科技:重庆网站建设公司 浏览器:2266

        每一个网页设计师是不是都被别人说过文字排版这不好那不好,要怎么修改怎么修改的,在网站建设过程中,程序也是一样的,同样会一会有人提出问题,提出bug,别不太高兴,好好反思反思,我的作品为什么不好,程序为什么会有bug,下面重庆网站建设谈谈网站设计中字体该如何设计




        看完了上图标颜色你是否陷入程思?是的。“不够档次”,其实只是一种委婉的表达方式,说白了评价者的意思就是你的设计做得俗甚至丑,那么下面我们就来解决这个问题,我们的方法一言以媲之,审美不够,方法来凑,其实这些方法都是老生常谈的设计细节,但是正因为这些细节的简单易懂往往很多设计师不中式,知道不代表就能做到,细节决定成败,也可以毁掉所有。


        网页设计中字体的问题

        文字可以说是网页设计中最重要的传达元素之一,整个网页中除了文字就是图片,图片上也会有文字,在一个网页设计作品中即时你其它地方都做的十分优秀但却没有用对字体,结果也将功亏一篑,视觉效果会不堪入目,下面我们选取一些优秀的设计作品一一说明

重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计


        字体的数量


        首先我们来看关于字体的数量问题,很多新手设计师和基础不好的设计师都喜欢在一个版面当中使用过多的字体,以此来彰显自己的“设计能力”,其实不然,字体数里过多会导致版面的凌乱以及缺乏统一性,字体用不好,就好比玩游戏开局就挂了一样何来的胜利可言。


        那么这个问题该怎样解决呢?我们的建议是在一个版面当中汉字用一种字体,英文或数字用一种字体,总之晶好不要超过三种字体,并且需要考虑中英文是否搭配,这就需要深入的去学习字体知识了。下面我们通过具体的案例来对比演示:

重庆网站建设,重庆网站设计


        案例的设计过程就不在此演示了,我们只讲有关相应知识点的部分,这里灰色块为文字填充部分,对于字体掌握不好的人很可能会做成下图所示。

重庆网站建设,重庆网站设计

        我们一起来感受一下什么叫做恐惧,把双手准备好了来数数用了多少种字体。


重庆网站建设,重庆网站设计

虽然这个案例多少有些夸张的成分,但现实中确实有很多人喜欢这样做设计,下面我们汉字用一个字体,英文和数字用一个字体来修改这个版面。


重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计

相比于之前的多种字体,调整之后的整体档次瞬间得到了提升。这里需要强调的是我们并不是在评价字体的好坏而是在探讨数量的多少。最后我们来观看下方的动图对比。

重庆网站建设,重庆网站设计

        字体的字体问题


        字体的字形这里主要是指特殊字形,所谓特殊的字形就是除了宋体和黑体以外的一些字体,比如圆体、手写体、卡通体、书法体等,当然也包括在宋体和黑体基拙之上创造出的变体。这些字体的存在必然有他的价值和用处,但是在使用之前要分析自己所做设计的风格以及了解这些字体的历史、气质、适用领域等等,决不能为了标新立异而胡乱用字。下面还是上一个案例的版式,这里我丨n随意使用一款字体感受一下。


重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计

虽然这个案例中只使用了一种字体,但是在表现瓷器展览的海报中使用一款偏向卡通风格的黑体明显是不妥的,会让具有文化气质的海报显得幼稚。如果是关于几童或卡通的设计那么这款字体也许会有用武之地。


重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计

        这里汉字所运用是小塚明朝体,它是一种曰文字体。小塚明朝体雅致大方,字形具有方正雅观的特点,结构条理清晰,运用在这款表现瓷器文化的海报上也是比较适合的。

重庆网站建设,重庆网站设计

        字体的效果


        字体的效果在这里主要是指字体的变形、立体字、添加肌理、光效、合成、分离打散等一切区别于纯文字的变化,同样的道理我们不是在否定技法和特效,只是针对于水平有限的设计师来说这些技法往往做不好反倒会起到减分的作用,并且技法的添加也要根据所设计的内容来决定,不能单纯为了增加效果而晔众取宠。要想提升设计的档次在这些技法的使用上需要愤重,总之越倾向简洁越好。


重庆网站建设,重庆网站设计


        假设这个案例中小文字部分已经确定,而现在只需要填充灰色块的主标题部分,这时候相信很多人会因为版面中整体的感觉有些“简单”而开始打主标题的“算盘”,而在众多的“算盘”当中一定会有下方这种情况出现。


重庆网站建设,重庆网站设计


        咋一看可能会有人感觉还可以,但是由于使用金色浮雕立体字而又加粗了字重二者相结合完美的破坏了画面的整体风格,一股俗气迎面扑鼻,这种字效也是有它适用的场合,只是不适合用在这个案例的版面当中而已。


重庆网站建设,重庆网站设计

        其实这个版面当中主标题文字不加任何效果也是可以的,但是如果想要有一些变化也不能是非常大的变化,只需要加一些点缀效果即可。


重庆网站建设,重庆网站设计

重庆网站建设,重庆网站设计


        这里通过文字颜色错位从而模拟3D的效果,方法是在主标題下方复制两层文字,然后分别填充不同颜色,然后调整位罝错开即可。这个效果即操作简单又有很好的视觉效果,并且能够体现出案例中音乐的动感。


重庆网站建设,重庆网站设计

本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/391.html