设计理念:平面文字设计原则及组合

 更新时间:2016年9月20日 19:04  点击:1731

  一、文字设计的原则

  1. 文字的可读性:

   文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。因此,设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好,更有效的传达作者的意图,表达设计的主题和构想意念。

  2. 赋予文字个性:

  文字的设计要服从于作品的风格特征。文字的设计不能和整个作品的风格特征相脱离,更不能相冲突,否则,就会破坏文字的诉求效果。 一般说来,文字的个性大约可以分为以下几种:
  (1) 端庄秀丽。这一类字体优美清新,(2) 格调高雅,(3) 华丽高贵。 (4) 坚固挺拔。字体造型富于力度,(5) 简洁爽朗,(6) 现代感强,(7) 有很强的视觉冲击力。 (8) 深沉厚重。字体造型规整,(9) 具有重量感,(10) 庄严雄伟,(11) 不(12) 可动摇。 (13) 欢快轻盈。字体生动活泼,(14) 跳跃明快,(15) 节奏感和韵律感都很强,(16) 给人一种生机盎然的感受。 (17) 苍劲古朴。这类字体朴素无华,(18) 饱含古韵,(19) 能给人一种对逝去时光的回味体验。 (20) 新颖独特。字体的造型奇妙,(21) 不(22) 同(23) 一般,(24) 个性非常突出,(25) 给人的印象独特而(26) 新颖。

  3.在视觉上应给人以美感:

   在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受。字型设计良好,组合巧妙的文字能使人感到愉快,留下美好的印象,从而获得良好的心理反应。反之,则使人看后心里不愉快,视觉上难以产生美感,甚至会让观众拒而不看,这样势必难以传达出作者想表现出的意图和构想。

  4.在设计上要富于创造性:

   根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现。设计时,应从字的形态特征与组合上进行探求,不断修改,反复琢磨,这样才能创造出富有个性的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。

  二、文字的组合

  文字设计的成功与否,不仅在于字体自身的书写,同时也在于其运用的排列组合是否得当。如果一件作品中的文字排列不当,拥挤杂乱,缺乏视线流动的顺序,不仅会影响字体本身的美感,也不利于观众进行有效的阅读,则难以产生良好的视觉传达效果。要取得良好的排列效果,关键在于找出不同字体之间的内在联系,对其不同的对立因素予以和谐的组合,在保持其各自的个性特征的同时,又取得整体的协调感。为了造成生动对比的视觉效果,可以从风格、大小、方向、明暗度等方面选择对比的因素。

  但为了达到整体上组合的统一,又需要从风格、大小、方向、明暗度等方面选择协调相同的因素。 将对比与协调的因素在服从于表达主题的需要下有分寸的运用,能造成既对比又协调的,具有视觉审美价值的文字组合效果。 文字的组合中,要注意以下几个方面: 1. 人们的阅读习惯 文字组合的目的,是为了增强其视觉传达功能,赋予审美情感,诱导人们有兴趣的进行阅读。因此在组合方式上就需要顺应人们心理感受的顺序。

  下面,列出人们的一般阅读顺序。

  1.水平方向上,人们的视线一般是从左向右流动;垂直方向时,视线一般是从上向下流动;大于45度斜度时,视线是从上而下的;小于45度时,视线是从下向上流动的。

  2. 字体的外形特征 不同的字体具有不同的视觉动向,例如:扁体字有左右流动的动感,长体字有上下流动的感觉,斜字有向前或向斜流动的动感。因此在组合时,要充分考虑不同的字体视觉动向上的差异,而进行不同的组合处理。比如:扁体字适合横向编排组合,长体字适合作竖向的组合,斜体字适合作横向或倾向的排列。合理运用文字的视觉动向,有利于突出设计的主题,引导观众的视线按主次轻重流动。

  3. 要有一个设计基调 对作品而言,每一件作品都有其特有的风格。在这个前提下,一个作品版面上的各种不同字体的组合,一定要具有一种符合整个作品风格的风格倾向,形成总体的情调和感情倾向,不能各种文字自成一种风格,各行其是。总的基调应该是整体上的协调和局部的对比,于统一之中又具有灵动的变化,从而具有对比和谐的效果。这样,整个作品才会产生视觉上的美感,符合人们的欣赏心理。 除了以统一文字个性的方法来达到设计的基调外,也可以从方向性上来形成文字统一的基调,以及色彩方面的心理感觉来达到统一基调的效果等等。

  4. 注意负空间的运用 在文字组合上,负空间是指除字体本身所占用的画面空间之外的空白,即字间距及其周围空白区域。 文字组合的好坏,很大程度上取决于负空间的运用是否得当。 字的行距应大于字距,否则观众的视线难以按一定的方向和顺序进行阅读。 不同类别文字的空间要作适当的集中,并利用空白加以区分。 为了突出不同部分字体的形态特征,应留适当的空白,分类集中。

   在有图片的版面中,文字的组合应相对较为集中。

如见Web2.0被吵的如火如荼,同时也有很多的评论褒贬不一。有人说Web2.0就是“一帮人在看皇帝的新装而已”。也有人说Web2.0将是一场变革。无论这些争论有没有价值,但我相信,存在就有它的必然性。也许Web2.0更像是一种商业模式,一个观念的变革而非技术。
     不管怎样,它来了,你准备好了吗?
     说到Web2.0,就会提到Blog、TAG、SNS、RSS、wiki这些软件应用和xml、ajax等这些新理论和技术实现。
RSS毋容置疑就是其重要的应用之一。

     那么什么是RSS?它到底有什么用呢?

     RSS是站点与站点之间共享内容的一种简易方式(也称为“聚合内容”),通常被用于新闻和其他按顺序排列的网站,例如Blog网站。网站提供RSS输出,有利于让用户发现网站内容的更新。网站用户可以在客户端借助于类似新闻资讯阅读器等支持RSS的新闻聚合工具软件,在不打开网站内容页面的情况下阅读支持RSS输出的网站内容。
     RSS是基于XML的一种形式。并且所有的RSS文件都要遵守万维网联盟(W3C)站点发布的XML 1.0规范。具体格式可以查一下RSS 2.0规范,这里就不再重复粘贴了。

下面是我总结的几种RSS的技术实现代码:

1.在线生成RSS聚合页

(1)创建Rss.aspx
<%@ Page language="c#" Codebehind="Rss.aspx.cs" AutoEventWireup="false" Inherits="LiTianPing.Rss" %>
只留下这一行,其余的都删掉。

(2)后台代码;Rss.aspx.cs

  private void Page_Load(object sender, System.EventArgs e)
  {    
   Response.ContentType="text/xml";
   Response.Write(GetRSS());
  }

  /// <summary>
  /// 取得聚合文章
  /// </summary>
  /// <returns></returns>
  public string GetRSS()
  {
   News t=new News();//自己的业务类
   DataSet ds=t.GetListByClass(1);//根据类别得到数据
   
   StringBuilder strCode=new StringBuilder();
   strCode.Append("<?xml version="1.0" encoding="utf-8" standalone="yes" ?>");
   strCode.Append("<rss version='2.0' xmlns:dc="http://purl.org/dc/elements/1.1/"");
   strCode.Append(" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" ");
   strCode.Append(" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/">");
 

1、易读性

  字号过小,文本和背景的对比不明显,造成的阅读困难,并不是每个人都有着良好的视力,请记住这一点!

  2、不标准的链接

  为什么老是让你的访客去猜测页面上的链接在哪里呢?你应该明显的为链接指定明显的颜色或让它们带有下划线。

  3、Flash

  尽管与数年前相比,当前大多数人都可以很好的浏览和使用Flash,但还是不能忽略,依然有许多特殊情况令Flash无法正常显示。

  4、错别字和不良的语法

  5、糟糕的站内搜索

  如果访客用你的站内搜索什么也搜不到的话,还是考虑取消它吧。

  6、浏览器兼容性

  你的页面应该在任意一个浏览器上都可以正常显示,而不是“Only for IE”,尽量遵循WEB标准吧。

  7、罗嗦、笨重的表单设计

  8、没有站点联系方式或公司的相关信息

  9、页面宽度不可调整

  (这一点取决于设计师的个人喜好,有的站点界面采用弹性设计,在不同分辨率下能够最大限度自适应屏幕大小;而有的站点则固定界面大小,这两者没有绝对的好坏之分,不过在方便的前提下,前者更可取些。)

  10、不恰当的图片放大

  在浏览一家网上店铺或地产网站时,当访客点击‘放大图片’后,弹出了一个窗口,可上面的图片尺寸却毫无变化……这个设计师的脑子是不是进水了?!


  一、写篇文章

  写篇文章的程序并不复杂,先确定个主题,再拟订个纲目,然后编写内容,最后润色一番,大抵如此。不过由于我不是天才,因此在写作过程中,从来无法一口气写完。确定主题还比较容易,但从拟订纲目开始,就很难避免反复了。我的想法是在编写的过程中使用迭代的方式,这是从敏捷软件开发中借过来的,而且绝大多数人写文章都在用这种手法,只是还不系统。

  迭代方式非常简单,就是写文章时,若写到某个地方没有思路,就像写注释一样,用一两句话,把该写什么内容记录到这里;如果不是没有思路,只是思路不清晰,则在后边快速的把想法记录下来,以待使用。

  其实迭代在运用的过程中不必太拘泥,即不用一次迭代必须两周时间,也不必考虑必须应用于软件开发。反正我觉得自己在写文章时应用的手法就是迭代。

  二、一篇文章,多个版本

  一篇文章写成后,由于种种原因,很可能在当时被认为比较完善了,但经过一段时间,却发现了很多问题。例如我当初写《JUnit学习笔记》时,虽然也知道fail()这个方法,但由于很多资料上都没有详细介绍,我也就以为没有用,而未做介绍,但现在看,这个方法还是有用的。又如当时不知道JBuilder的测试使用的也是JUnit,所以也没介绍。这是由于知识局限而造成的问题,其实想不到的东西很多。

  再一个,是技术发展造成的,还以写作《JUnit学习笔记》为例,当时使用的工具是JBuilder X和Eclipse 3.0.1,而现在这两个软件都升级了,分别是JBuilder 2006和Eclipse 3.2M4,而且当时也不知道NetBeans和IDEA这两款优秀的IDE,而现在却都会用了。再比如写《NUnit学习笔记之Mono篇》时,使用的版本是1.1.8,而现在却已经是1.1.13.1了,那时候输出的中文是乱码,而现在却完全能正常输出。

  我认为一篇文章最好半年到一年更新一次,以保证内容的新鲜。除非你打算写完就拉倒,那我也无话可说。

  三、解决方案

  为了更好的编写文章,最好给自己制定一套解决方案,虽然总感觉这么说有点大,不过我确实很希望把这种理念应用此中。

  我所面临的问题:上网浏览信息、发布文章;编写文章;记录并查看需要进行的任务;技术尝试及积累;统计相关信息,比如文章的查看率,这对我可是很重要的哦。

  问题的解决:

  1.上网浏览信息、发布文章,关键是浏览器,我现在主要使用两款,一款是Maxthon,使用比较方便,一款是Firefox,浏览CSDN博客很快。

  2.编写文章,其实就是需要一个使用方便的编辑器,以前使用的是Word,而现在使用的是OpenOffice.org,本文就是用OpenOffice.org中的Writer写的。

  3.记录并查看需要进行的任务,其实用记事本就可以,我用的是UltraEdit,但有一点很重要,相关文件一定要放在一个查看方便的地方,我通常扔在桌面;此外,我在单位偶尔也会灵光一闪,这些东西都需要记录下来并通过mail发给自己,所以也会需要个邮箱工具,我用的是Foxmail。

  4.技术尝试及积累,主要有两块,一块是新技术的尝试,主要是用到的开发工具,比如前边提到的Eclipse、JBuilder、NetBeans、IDEA,还有数据库,像MySQL、PostgreSQL、Firebird等,服务器,像Tomcat、JBoss、Resin等,涉及的很多,这里不细说了。另一块是技术的积累,应通过文档的形式记录下来,或者是以注释的方式写在代码文件中,或者用记事本、Writer记录到文档中。

  5.统计相关信息,我以前用的是Excel,现在用的是OpenOffice.org Calc。

  整合:以上解决办法看起来还比较混乱,需要整合起来:操作系统为Windows XP SP2;浏览器为Maxthon和Firefox;邮箱工具为Foxmail;办公为OpenOffice.org和UltraEdit;开发工具比较繁多,这里不列举。整合之后,就是一套我所需要的解决方案了。

  此外,以后可能还会有其他需求,比如版本控制,至时可能会使用CVS。



  误区之一、仅仅停留在发布企业形象和产品信息上

  许多公司在网站建设过程,最早想到的就是把公司产品、业务简介、公司促销活动等信息贴在公司网站上。这样的做法充其量只是多个电子公告板而已,根本没有发挥网络的互动功能。由于传统产业经营者大多生性保守,因此对于主动出击的建议大多会瞻前顾后。其实,网站架设应由网络营销角度出发。换句话说,是否可以透过网络,在现有营销通路以外,提供一个企业与消费者之间直接接触与沟通的渠道,提供企业另一种销售模式机会。因此,传统产业要的网站,应该由营销主管角度优先思索。第二个角度就是从管理角度去思索,例如公司在全省拥有许多营业网点或分公司,各种网点之间的公文传递或资源分配是否可以透过网站,以提高经营绩效。
  
  误区之二、在页面中塞满图片、Java程序、Flash、音乐等

  其实就目前上网速度来看,网页如果加上太多的FLASH或FLAME,或挂上太多图片,势必影响传输速度,这样对普遍缺乏信心的客户而言,很容易就因为不愿耐心等候下载完毕,而选择中途跳开。如此一来,再漂亮的网页也不会有人看!依照我们的网站建设的经验,愈来愈多客户选择实用网站,不愿选择太花哨的网站。因为实在没有耐心等待像SHOCKWAVE程序那么长的下载时间;另外一个干干净净、条理分明的网页比较容易阅读,客户可以在很短时间找到他要的信息,不必被太多视觉污染所干扰。所以企业的网页不需要太多美工,因为要看漂亮的图片,客户自然有合适网站可以上,不必浪费客户下载的时间与金钱。

  如果你在经营自己的在线商务,你的网站最重要的任务就是销售你的产品或服务,其他任何脱离这个基本原则的东西都是垃圾。

  如果你还不同意我的观点,请你先去看看任何前100名的网站吧。就拿网上最著名的Yahoo(雅虎)来说,你见到Yahoo的网站上有Java程序、插件,或者听到过音乐吗?用不着多解释了吧?

  误区之三、很长时间都不更新一次

  如果一个网站的资料一个月才更新一次,请问谁会有兴趣上这个网站?当然资料更新与维护需要成本,因为我们不是在做一个入口网站或专业网站,不需要每天更新;如果能做到每周更新或每两周更新,并在网站上注明更新时间或预告下次更新时间,将有助于告知客户何时可以上网来取得最新资讯。另外所谓活网站的“活”,也是指需具备与客户互动机制,例如邮件列表系统、留言板或客服系统等,当然不需样样功能都具备。必须针对网站的定位,选择适死机制;同时对于客户所提意见的处理,也需及时,不能让客户对网站失去信心!
  
  误区之四、人家有什么我也要有的观念

  许多企业老板常说你看我的竞争对手XXX的网站建设多棒,什么功能都有,网页又漂亮,赶快帮我搞个更漂亮的网站来跟他拼一拼!这样想法真是可悲,网站不是做来好看的,也绝对不是在比谁的网站漂亮!真正关键在于你希望网站,能提供哪些实用的功能?只要做出来的网站能够满足当初设计构想,能帮企业缩短作业流程的时间或提高工作效率,这就是一个有用的网站。尤其是如果你自己的想法一变再变,不管你的网站是委外制作或由公司IT人员自行建置,碰到这样的老板,这个网站想要成功的机会将微乎其微。
  
  误区之五、不重视收集反馈信息,不依照反馈信息作出相应的调整

  一些人往往忽略了网站建设很重要的一点,那就是网站前途是由网站的访问者决定的,让他们满意往往是你的首要任务。我就曾经有过这样的经验。网站建设初期,时常有读者抱怨页面中有乱码且中文折行有问题,后来经过研究,改变了页面的设定,基本上解决了这个问题,从而使我们的访问量更上一层楼。特别重要的一点是,如果我们没有积极地去寻求读者的反馈,我们可能永远也意识不到我们的失误。

  所以说一定要重视访问者的反馈,因为那些将要购买你的产品或服务的客户就在这些访问者中间,只有了解他们的感受,才能使你获得成功。

  误区之六、将宝贵的时间浪费在无益的工作上

  对一名互联网市场推广人员来说,最宝贵的财产就是时间,有时候时间比金钱更重要。而时间又是很有限的资源,所以你必需分出轻重缓急。如果你不知道什么是重要的市场活动、什么不是,那你就是在浪费宝贵的时间。

  有人将搜索引擎奉为法宝,甚至有人想只要在搜索引擎搜索结果中排到前10名,就能一夜成名。这只是个神话罢了,别将你的宝贵时间浪费在那上面。

  你应该特别注意的一件事情是尽量使你每天的工作尽可能自动化,包括履行订单。要想在网上取得成功,你还必须将你大部分时间花在做广告及做市场营销上面。

  误区之七、不能高效率地管理电子邮件

  你与客户及潜在客户之间的电子邮件交流既能让你成功,也能让你失败。你很难有机会单独与他们交流并给他们留下印象,抓住这种机会很重要。

  我们每天都会收到人们发来的商务电子邮件,许多邮件写得就象10岁小孩的作品:错别字连篇,语法错误,格式混乱,难以阅读…… 每个人都会犯错误,所谓人无完人嘛,但这并不是你犯错误的借口。 SyntaxHighlighter.highlight();

[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • iOS设置UIButton文字显示位置和字体大小、颜色的方法

    这篇文章给大家分享了iOS如何设置UIButton的文字显示位置和字体的大小、颜色,文中给出了示例代码,相信对大家的学习和理解很有帮助,有需要的朋友们下面来一起看看吧。...2020-06-30
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • 基于JavaScript实现文字超出部分隐藏

    这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下...2016-03-01
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • C#文字换行的实现方法

    这篇文章主要介绍了C#文字换行的实现方法,通过自定义函数实现针对特定字符串的换行长度处理,是比较实用的技巧,对于C#的深入学习具有一定的借鉴价值,需要的朋友可以参考下...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • C#利用GDI+给图片添加文字(文字自适应矩形区域)

    这篇文章主要给大家介绍了关于C#利用GDI+给图片添加文字(文字自适应矩形区域)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。...2020-06-25
  • c#实现51单片机频率计的代码分享(数字频率计设计)

    c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
  • photoshop设计蜘蛛侠纹理文字效果制作教程

    今天小编在这里就来给给各位photoshop的这一款软件的使用者们来说一说设计蜘蛛侠纹理文字效果的制作教程,各位想知道具体制作步骤的使用者们,那么大家下面就来跟着小编...2016-09-14
  • Photoshop设计武侠风毛笔字效果教程

    今天小编在这里就来给Photoshop的这一款软件的使用者们说下设计武侠风毛笔字效果得教程,各位想知道到底该怎么射击制作的使用者们,那么下面就快来跟着小编一起看一看制...2016-09-14
  • photoshop设计墨西哥亡灵节万寿菊文字特效制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说设计墨西哥亡灵节万寿菊文字特效的制作教程,各位想知道具体制作方法的使用者,那么下面就快来跟着小编一...2016-09-14
  • vue项目或网页上实现文字转换成语音播放功能

    这篇文章主要介绍了在vue项目或网页上实现文字转换成语音,需要的朋友可以参考下...2020-06-09
  • b2c网站购物车的设计思路

    对于大部分B2C网站来说,购物车是网站的咽喉之地,订单是白花花的银子,所有银子都必然流经购物车,购物车不能有失。优秀的购物车设计至少需要完成两项使命:一是方便用户多买...2016-09-20