技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 字体图形化设计

字体图形化设计

浏览:1878次  出处信息

banner

PART1:为什么要字体图形化设计

现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容文案形成对比,引起用户的知觉兴趣,从而达到让用户有效的了解页面的重点信息。

PART2:字体图形化设计的方法与技巧

在开始之前,首先先了解下字体设计最基本最基础的设计处理方法如加粗、变大、斜体、改变颜色或者字间距等,同时所有的高级技巧都是在此基础上进行延伸与扩展或者突破。

faketi

如网络流行的凡客体综合运用了字体设计如放大、改变字体颜色等的基本方法,文字与文字之间形成了强烈的对比,突出了重点,建立了良好的视觉层次与焦点。

blog2

改变了字间距,使文字与文字之间的联系更加紧密了,且运用了阴影等使之层次更加丰富。

(1)字体变形

在电脑调出来的基本形上做基础变形处理,在vi字体设计中经常运用到的技巧。

blog4

方案2比方案1的线条的处理更加圆滑,同时看起来也更活泼些(但并不是说方案2就比方案1好,需要视具体的情况采用合适的方法)

同时在做字体变形设计的时候需要了解分析其笔画结构走势以及其综合体现出来的“气质”与“感觉”。.

blog3

因为整个画面要营造出一种向上的气势,所以在设计处理上线条变的更加倾斜尖锐,强化其速度感和力量感。同时若设计关于女性产品的页面时,就可能会使用比较曲的、纤细的线条体现女性柔美的特点。

小技巧:向优秀的英文字体取经。

blog5

推荐两个优秀的英文字体网站:http://new.myfonts.com/http://www.dafont.com/

(2)字形组合

字形组合设计其实是抽象文字的具象化,即抽象的文字与具象的图形结合, 使受众能更加快速的理解传达的信息内容,并能留下深刻的印象!设计的时候最重要的是找到其两者之间的特征属性以及关联性。

201034115416635

(3)3D字体设计

平面立体化,营造一种层次感与空间感,模拟物理使之更加接近于真实 ,也更有视觉冲击力,在3D字设计的时候无论是PS/AI还是借助3D软件辅助设计最重要是掌握其光影的变化以及形体的透视。

blog6

形体比较复杂的可以3D软件把握透视(熟悉AI的可以使用”效果>三维>挤压&斜面”等命令实现),同时后期可以使用PS进行处理,如加强高光阴影以及整体氛围的渲染等。

blog7

PART3:字体图形化设计在具体设计过程中应注意的点

(1)网页设计主要是信息的传达设计,任何的设计目的的是为了让用户快速有效到其信息,同时不要为了浮夸的设计技巧而舍本逐末,首先最重要的是先保证其识别性;

(2)字体不是孤立存在的,是页面内容之一,在设计的时候需考虑与周围的其他页面元素的协调一致,强化页面的整体氛围的营造。

建议继续学习:

  1. 介绍“最好的编程字体”Monaco    (阅读:6399)
  2. Vim(gvim)编程字体推荐    (阅读:6370)
  3. 等宽字体:程序员的字体    (阅读:4712)
  4. 图形化简历    (阅读:4476)
  5. CSS设置字体大小    (阅读:3856)
  6. 解决Chrome最小字体限制    (阅读:3097)
  7. 默认Web字体样式    (阅读:2875)
  8. 字体文件也属于二进制文件    (阅读:2729)
  9. 给自己的字体课(一)——英文字体基础    (阅读:2905)
  10. 更改 Windows 10 命令行字体    (阅读:2597)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1