当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页文字设计应该像聪明女孩穿衣服

心得技巧
引入外部文件(js/vbs/css)时,避免产生乱码的方法
复制和粘帖是封装的大敌
浅谈 div 与 table 如何取舍结合利用
各种网络图片格式详解 PNG的好处
HTML中的input type="reset"标签失效(不起作用)的可能原因。
优秀的网页前端设计的一些指标
网站产品设计参考的几条原则
首页设计最能反映web设计师的水准
网页设计的专业与非专业
网页设计心得 高效编写网页代码
ie8,chrome中table的宽度固定方法
flash 嵌入网页 与IE, FF,傲游兼容问题
一个优秀的注册流程应该具有的步骤
网页flash动画不显示的解决方法
入门知识 网站地址前的http是什么意思?
网页理论:Don’t make me think 阅读笔记
网页设计经验谈
晕倒:“用web2.0来制作符合标准的页面”
网页文字设计应该像聪明女孩穿衣服
设计理论:界面内容优化的层次

心得技巧 中的 网页文字设计应该像聪明女孩穿衣服


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 24 ::
收藏到网摘: n/a

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。

  原则一:全身搭配的衣服主色不要超过三种

  不管什么样的衣着都应该有一个主色调,代表穿衣者想彰显的气质,她不可能样样都强调——也许她有安静的一面,犹如蓝色;也可能有调皮的一面,犹如橙色:知性的一面,犹如白色:可爱的一面,犹如粉色……但是她如果把这些颜色同时穿出来,那她除了像只花蝴蝶外将一无是处。这就好比一个页面,它的主要字体和颜色搭配不应该超过三种,他们分别用做:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。

  看看下面两个例子:
  我很喜欢这个网站,可我不得不承认,这个页面看上去的确像只花蝴蝶。

<a href='http://www.RuanChen.Com/'http://www.RuanChen.Com/


  还有这位,光是首页它已经大量使用至少五种字体,也许设计者觉得字体库里字体那么多,不用很浪费。

<a href='http://www.RuanChen.Com/'http://www.RuanChen.Com/


  原则二:配饰风格要统一,相互呼应

  如果一位女孩今天应邀参加某时尚晚会,她选了件贴身晚礼服,打算来个华丽丽的登场,你觉得她除了配一双高跟鞋外还有其他什么选择吗?恐怕没了。哪怕她有一双超炫的飞人亲笔签名的绝版耐克气垫鞋很想穿出来秀一下那也好歹要忍住。两件单品风格完全不同,即便都是顶级货,搭在一起也往往是场灾难。
  也许我们会比较注意


  原则三:细节决定成败

  发现没有,一些女孩的打扮看上去很自然随意,感觉像是不经意就穿出来了,但又很是耐看。我敢保证,这样的女孩十有八九是在家做足功课才会出门的,哪件衣服配哪条项链,哪个发型配哪个耳环,甚至是袖子的边是否该卷上,卷上去几分人家都是花心思琢磨过的。这样才能保证把每个细节都做得完美无缺。
  其实很多设计乍一看都还不错,可是细看却感觉糙了些,就像漂亮衣服上扯出毛边一样,等到真正用起来会发现——天!!@¥@#%#¥…%¥&
  只要再多花5个像素留给文字和边框,这个豆腐块就能看起来舒服很多,干嘛不慷慨一点呢?

<a href='http://www.RuanChen.Com/'http://www.RuanChen.Com/

  如果你胖,那就减肥,可别把自己硬塞进紧身黑裤里。如果文字多空间少,那就删文字,可别把他们堆到狭小的空间。原本只能放下四行字(看左边框内)的空间硬被塞进了五行字,看着真叫一个憋屈啊。

<a href='http://www.RuanChen.Com/'http://www.RuanChen.Com/

  大多数网站都把宋体设为主要文字显示字体,可是我发现很少有网站注意到宋体用来显示英文是非常不易于阅读的,虽然我们是中文网站,但是随着越来越多的英文单词进入我们的页面内容中,我们为何不多花那一点点力气考虑给英文单独定义一个字体呢?

<a href='http://www.RuanChen.Com/'http://www.RuanChen.Com/