loading请求处理中...

网页字体设计常用方法_网页设计如何进行字体设计

2021-12-01 06:18:56 阅读 11547次 标签: 字体设计网页设计素材 作者: anyi

网页字体设计常用方法_网页设计如何进行字体设计
    一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。好的字体设计排版,可以让人耐心的看完那些文字,然后得到其中的重要信息,还可以影响到浏览者阅读的心情。同时,字体的选择、大小等,还应该配合企业的VI识别系统,还需要配合你作品需要表达的思想感情来确定(例如古典风格,应该选择哥特式字体等)。
网页字体设计常用方法
网页字体设计常用方法_网页设计如何进行字体设计
    我们在设计网页时,经常需要对页面上的一些字体添加一些效果,很多时候我们没办法在很短时间内制作很酷的效果,所以一般情况下网页设计师会使用常用的字体设计技巧来制作文字效果,这些技巧使用简单但效果很不错。以下一品威客网就一一来详细说明这些网页字体设计技巧!

网页字体设计常用方法_网页设计如何进行字体设计

1.更有质感的字

我们先看图片里这个LOGO,它显得更有质感,文字有一张向外伸展,不会死板地贴在网页上.如果你仔细观察,你会很容易发现文字的brightkite都使用了色彩“渐变”.是的,文字的颜色都不是单色填充,而是“渐变”.”渐变”为什么看起来更有质感呢?这是因为这里模拟了大自然光照中的效果,即高光部分在文字的上方,而低光在下.同时也不要忽略了另一个细节,就是文字的“阴影”,.

那到底要怎么做呢?

留意图中的2跟3,如果你还不懂如何添加渐变.请在图层面板中双击”图层名”右边的空白处,或是点击下图中的第2个按钮(在图层面板下方)打开样式面板.

“渐变叠加”,然后按下图设置.渐变的颜色选择2个同色系但是有”深浅对比”的颜色.例如例子中,一个浅绿跟深绿.这样才能模拟光照效果.

好了,剩下阴影.还是一样在样式面板左侧点”投影”,然后按下图设置:

再看其他使用了这个方法的网站设计:

2.凹陷的字

照例我们看一个例子:

ALEX BUGA网站 的LOGO,我觉得是凹陷字体的典范.而这样的字体效果很明显有一种凹陷在背景里的感觉,甚至文字像是刻在石头上一般. 如果你已经完成了第一个文字效果,那么接下来的内容对你是相当简单的.

1.首先输入文字,颜色填充为较背景更深的颜色,例子中为#4e3400

2.添加”内阴影”样式,设置如下图:

3.添加”斜面和浮雕”样式,设置如下:

作品完成. 该效果需注意:

  1. 字体颜色选择与背景色要搭配
  2. 第2部的内阴影设置时,”大小”与”距离”可以根据你的文字大小来调整
  3. 添加内斜面只为增强白色的光照效果,可以选择不加

接下来看一些使用”凹陷”效果的网站设计:

 

字体设计是网站最基本也是最重要的一个元素,选择一个大众化的字体,符合视觉美观的大小,设置恰到好处的颜色其实是一个不能忽视的网站优化要点。

一品威客网汇聚了数百万专业的LOGO设计VI设计商标设计按钮图标设计字体设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。

推荐更多与“网页字体设计常用方法_网页设计如何进行字体设计”相关推荐

 VI设计公司 | 咖啡店VI设计 | 鲜花店VI设计 | 企业VI设计外包 | 企业品牌VI设计

 餐饮VI设计 | 电脑字库设计 | 包装字体设计 | 企业VI系统设计 | 品牌VI色彩设计

 专业VI设计 | 字体排版设计 | VI标准色设计 | 日本企业VI设计 | 企业VI设计流程

字体设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
字体设计相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

车辆服务公司logo设计

¥1600 已有120人投标

药店logo设计

¥500 已有5人投标

给科技企业设计一个LOGO

¥600 已有10人投标

贺图插画设计

¥100 已有1人投标