熟练设计师的七原则(1):字体设计

所属分类: 网页制作 / 应用技巧 阅读数: 287
收藏 0 赞 0 分享
  好~设计大师,或者也太吹牛了吧,但根据下面七个基本原则至少你可以成为一个熟练的设计师。
  这将是最短的最详实的系列博客文章,你看过后就会知道如何成为一名更优秀的设计师。
  请记住:这些原则不是定律,是可以打破的。它们只是些通用的指导,我在设计的时候通常会遵循它们,遵循这些简单的设计原则,你就会找到一条你属于你自己的优秀艺术道路。
  原则一:限制你的字体。
  你会看到一个好的设计很大一部分看起来非常协调。一个最好的方法是用少量的元素去完成一个看起来非常协调的设计。
  你最先选择的字体可能是你想要删掉的,我常常的做法是一个作品剔除2种字体。第一种字体可能会是很有思想力或艺术感,将给你的设计带来第六感,特征或个性。这些字体集合了当时所有心情的片段,这个扭着腰枝的有趣字体像女孩们的舞会,这个蹩脚邪恶的字体是一个摇滚乐队?我将使用这个花哨的字体人为文本的标题,在任何地方它都需要足够大,这个花哨的字体将是这块的重点。你通常很少再用这字体,但它又大得多,所以这就是人们看到的重点内容
  第二种字体要非常普通,读者在整篇当中都不会感觉到它的存在。这种字体需要有很高的易读性,它会占据这篇文本相当大的篇幅,显然,那些大手大脚的艺术字体占据文本的大篇幅的话会非常影响阅读的。
  这有一个正确使用字体的设计例子。正如你所看到的,这里只用了两种字体,花哨的艺术字体作为标题出现,内容就是很基本的字体。这样看起来整洁,协调。

  这里还有一个失败的例子,这里我用了很多花哨的艺术字体,这样很不协调,分节看起来并不是配合主标题。

  在一个设计中有太多的字体是大忌,没有什么事比用8种字体来印他们的传单看起来更糟的了,同样使用艺术字作为正文也更糟。这是一个错误使用字体的例子。

  在我让你亲自动手之前的最后一个思路。如果你的艺术字看起来非常时髦有现代感,那正文部分就使用无衬线字体;如果你的艺术字看起来很正规化,那就用衬线字体作为第二字体吧。。
  PS2:衬线字体与无衬线字体
  Serif 或 San Serif?
  Serif 是一个字笔画的结尾,例如 M 的起点与终点。Serif 是由罗马刻印字母所发展出来的,用以改良字体的优雅程度与易读性。它们是先用毛笔写在石头上,然后再刻出来的。Serif 会活存到现在,是因为它们十分美丽及古典,而且它们阅读起来比较容易。对于细小的文本字体,非常适合用 Serif 字体,相反地您可用 Sans Serif(Sans 是法文里的“无”),来当标题或是供短篇文章的字体使用。
  不同字体的分类
  拉丁文字 方块字
  衬线字体 (Serif)
  笔划粗幼对比明显,阅读时较省目力
  Times New Roman
  Architect
  BalletEngraved
  Creedmore
  Benjamin
  Capshc
  新细明体
  宋体
  标宋
  无衬线字体 (Sans Serif)
  笔划粗幼平均、对比不太明显
  字型较突出,阅读时较费目力
  Alberta
  ANNSTONE
  Garamond
  Nimbus Script
  黑体
更多精彩内容其他人还在看

网页设计技巧:iframe自适应高度的问题

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像
收藏 0 赞 0 分享

网页色彩性质的分类

任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

这篇文章向大家介绍一套免费的Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等
收藏 0 赞 0 分享

CSS使用技巧总结

偶尔看到一篇CSS常用技巧的总结文章,本人整理了一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

到目前为止,我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”,这些设备能为用户呈现更细腻、平滑和高质量的图片效果,提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别以及在什么场合下使用进行详细介绍看了下面的内容后你可能会有了自己的结论
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程,开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间为了更好的开发,我们做了一下总结
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我是一名还不算特别优秀的UI工程师;这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用;今天就给大家分享8款非常出色的CSS工具,这些工具都是很出名的,能够解决开发当中常见的棘手问题,希望对你开发有所帮助
收藏 0 赞 0 分享
查看更多