• 牛奶洗面--对付脸色暗沉
      速度:5天
      用牛奶洗面可以帮你在5日内“换肤”!你相信吗?贵的护肤品自然有其价值,天然用品却非平货无好,两者Mix&Match,一样有杰作产生!
      上妆前,可以先用牛奶洗面。牛奶有美白嫩滑的作用,好多人洗完后脸部立即变得顺滑,让上粉更容易。但用牛奶洗面前,应用洁面乳先清洗污垢,过水之后才用牛奶洗面。

    面霜加维生素E--对付皱纹
      速度:1天
      如果发觉面霜不够滋润,可以在面霜中加入少许维生素E油,在睡前涂。因为睡觉是皮肤休息的好时机,特别容易吸收面霜营养,而维生素E有减少皱纹的功效,赴约前1晚用最适合不过。

    保湿面膜上妆前必备--对付皮肤干燥
      速度:5天
      每天1次敷保湿面膜,到第五天,皮肤的水分含量应该会变得比较滋润。当然好的保湿面膜非常重要。
    萝卜汁去暗疮--对付突然出现的暗疮
      速度:1~2天
      重要约会前1天生暗疮都算是不幸,不过也有紧急处理方法:即未受细菌感染,可以用双氧水涂在暗疮上,次日红肿情况应可改善。据说用萝卜汁对付暗疮治疗亦很有功效。只要将新鲜萝卜连皮磨成汁,敷在患处,15分钟后再用水清洗,早晚1次后,对暗疮有解毒及分解脂肪作用。

    柠檬敷眼--对付眼袋
      速度:5分钟
      有眼袋了!不要担心,只要用柠檬就能帮你回复眼部的“平整”。不过敷前要记得将柠檬放在水中浸一会,再给眼睛盖上纱布,放上两片柠檬等待5分钟。

    涂眼霜按摩--对付黑眼圈
      速度:30秒
      眼部按摩有去黑眼圈功效,如果在涂眼霜的时候,顺便在眼部打圈按摩15~30次,下眼睑会加速血液循环,黑眼圈甚至可及时由黑色变暗红色,试试看吧!

    睡高枕头--对付眼肿
      速度:一晚上
      睡前若忍不住喝多了水,可以试试睡个高枕头,水分就不容易沉积在上眼睑,第二天就不怕眼睛肿肿,显得无精打采了。

    敷蛋白--对付黑头
      速度:1天
      鼻子红红好难上妆,去黑头绝对不是当日赴约会做的事,当然最好是提前一日做。方法是洗面后,敲破一个鸡蛋,将蛋白涂在鼻上,然后用片装(内不含软棉)洗面纸敷在上面,待10~15分钟洗面纸干后,由下至上拉起棉纸,极有去黑头功效,不过要记住,棉纸消除后,一定要拍上无酒精的爽肤水。
    热水敷唇--对付脱皮
      速度:15分钟
      干燥口唇易脱皮,涂口红去时才发觉,难道用手撕掉?不行!一定见血,还容易引发过敏症状,最好是先涂一层厚厚的润唇膏,用热水浸湿化妆棉敷在唇上15分钟。再用牙刷轻刷唇部,刷掉唇皮即可。

    护肤程序中加入类维他命A
      类维他命A是一种与维他命A既相关又不同的物质,其商品名为RetinA或Renova。类维他命A对皮肤非常有效,特别可以增强皮肤细胞对表皮生长因子(EGF)这种刺激皮肤生长的天然激素的反应性。所以类维他命A可以令皮肤细胞的产生处于正常工作状态。如果在护肤程序中加入类维他命A,一个月后,皮肤就会得到明显的改善,皮肤会更加柔软、皱纹减少、疤痕变浅、毛孔减小。
      但通常情况下,涂用Renova,会使皮肤变薄,增加肌肤对日光的敏感,所以,欧美皮肤专家建议,受阳光灼伤稍轻的沙滩美眉可以到药房购买药性较温和、作用较慢的非处方维他命A醇。或使用皮肤抗皱霜或欧莱雅无痕晚霜,每3天用一次,并配合维他命A醇使用,效果更佳。

    给脸“喂”点维他命C
      维C可以有效地清除自由基,并有助于延缓肌肤衰老,使受损细胞得到有效修复,所以通常情况下,很多减斑类化妆品都添加有维他命C。为此,沙滩美眉可以利用维他命C的这一大特点,帮助肌肤减淡褐色斑点,使肌肤得到深层滋润。事实证明,很多沙滩美女在使用过含维C的护肤品后,感觉胶原质水平得到大大改观,皮肤更加富于弹性和光泽。因此,专家建议,沙滩美眉试用一些具有防晒功效的新型护肤品,如SPF为15的露华浓维C隔离日霜。

    挖掘铜的功效
      某些金属物质也是胶原合成所必需的,如铜。当皮肤细胞内铜的含量升高时,胶原蛋白合成增加。不过,铜是一种有毒的金属,因此,目前出现的已获得专利的铜肽不仅没有了毒性,而且可促进胶原合成,伤口愈合,有效地抚平皱纹。因此,欧美市场上销售的具有很好渗透性的蓝铜弹性修复膏和Neutrogena紧肤晚霜都是沙滩美女很好的选择。

    用保水型唇彩修复娇唇
      唇部其实很脆弱,在双唇轻轻抹上防护用品,有助于减少唇部黯淡黑沉现象的发生。但是这似乎还远远不够,因为有时嘴唇会变得很薄,其实,这就是太阳引起胶原质缺失的先兆。尽管注射胶原质可以让嘴唇肌肤恢复一些元气,但对健康却无好处可言,因此欧美美眉通常会遵守护肤专家的劝告,选用保水型的唇彩,以达到很好的修复作用。

    夏日控油
    具体控制油光的步骤
      1、清洁:选择性质温和清爽的洗面奶,不仅可以洗净皮肤油脂还能够清除化妆品残余和灰尘,洗脸的顺序,先清洁额头和鼻翼,然后是下巴和两颊,按照从下向上,由外向里的顺序,就能彻底清洁皮肤。
      注意:不能用冷水来洗脸,因为夏天经常大汗淋漓,满是汗水的脸上,皮肤温度相对比较高,突然受到冷水的刺激,会引起面部皮肤毛孔收缩,使得毛孔中油污、汗液不能及时被清洗出来,这样做的后果是肌肤的毛孔扩大,敏感的肌肤甚至可能会因此急性发炎!而油性皮肤更会容易出现粉刺和痘痘。正确的方法是用温水。这样既能保证毛孔充分张开,又不会使皮肤的天然保湿油分过分丢失。
      2、紧肤:可以选择含有一些酒精成分的爽肤水,它在皮肤表面迅速挥发,带走热量引起毛孔收缩,排出毛囊口的污垢、皮脂等,深层清洁毛孔,使皮肤清新爽洁。使用含微量酒精的紧肤水,不仅可以收缩毛孔,抑制油脂分泌,还可以调节皮肤酸碱平衡,帮助补充水分,使用时可将爽肤水倒在化妆棉上使用。如果皮肤比较敏感,则最好不要使用含有酒精的紧肤水。
      3、滋润:要避免油分多的乳液,应使用清爽型的乳霜或乳液,可以及时补充水分。另外还可以用果酸类特效护理品。神奇的果酸能够平衡皮肤油脂的分泌,抑制粉刺形成,还可以减少皱纹。当然用了果酸产品后,再涂上一层含有防晒配方的乳液加以保护,避免皮肤晒黑晒伤。油性的皮肤虽然皮脂分泌比较多,但也容易出现缺水的现象,补充水分对任何类型的皮肤都非常重要。 
        4、护理:选择性质温和的去死皮膏或磨砂产品,每周1-3次,可以清除掉毛孔内的污垢;减少因油脂过多造成粉刺的产生,还可以使护肤品的滋润效果更有效,容易长粉刺的T区可以使用针对T区调理的护肤品来完成清爽效果。
      5、调养:少吃脂肪、糖类、煎炸食品,避免饮酒和其他刺激性食品。多吃蔬菜和水果,可用百合、绿豆、银耳等炖一些清凉降暑饮品。
    待续。。。。。。

  • 一位80后的自我反省

    □ 文/史志贝

     青年文摘绿版2009年第16期·成长笔记 

      80后现在已不再是一个新鲜词语,我也不会再因为自己的80后标志而欢呼雀跃,无限憧憬了,当我开始直面生活压力和竞争的时候,我开始在失落中成熟。

       我曾胸怀着誓与父辈们生活方式相决裂的愿望,却因刻意地脱离陈腐而走上了一条不知所措的迷途。外表与行为上追求不拘一格的个性,心里却被从小所受的根深蒂固的传统观念封锁,我同父辈们一样,在心里暗藏着沉重的责任与义务。

       我总想寻找到真正的爱情,为爱付出许多,却又有着自己的不容触碰的自私与狭隘,开始很美丽,结束没道理。我一边信守非爱不可,一边在现实面前溃不成军,生活于物质大潮中的我,早已被物质冲昏头脑,在房子与面包当道之时,爱情能当饭吃吗?后来,我承认,爱情不能只有爱情。

       80后读的书越多,结婚越晚,考虑得越多,越是有所畏惧。在我为婚姻扫除一切负担的同时,婚姻本身已成为一种巨大的不能承受之重。

       我缺少真正的朋友,我的朋友似乎只是在玩乐的时候才相聚,我们似乎只是淡淡地交往。我寄希望于从前一起经历过患难般读书考试的同学朋友,可是,能走在一起的,几乎稀有。通过几封电子邮件或者勉强的QQ语言,总是意犹未尽,欲言又止,对于对方的所处现状的无法感同身受,也就没有了坦然相诉的土壤。而我的父辈们,他们和他们的发小从小在一起生长,在相似的年龄里做着相似的事情,在相似的年龄里结婚,互相庆贺,互相帮忙。和我在同样的年代出生的儿时伙伴,十年前我们已经杳无音信,脑子里依稀记得儿时的单纯模样,我对他们的所有信息来自于我们的父辈之间的联系,他们结婚了,我只是说声:“知道了。”继续追问下去,能得到的也许只是一个电话号码、一则短信,或者一个QQ号,让人觉得恍若隔世。

       我们80后不知从何时开始热衷于在一串号码的掩藏之下,表达自己的喜怒哀乐。我们的QQ几乎每天都在线,却总是如不在线一般隐身成灰色,我们潜伏着,只为等待着自己希望出现的那个人出现,而对方或许也是这样想。我们想说,却不是对每个人都想说,QQ弥补了我们在现实生活中可能出现的尴尬。

       我们以品牌论个性,以成败论英雄,以倔犟充坚强,以任性当勇气,蜗居在自己的小世界中,不知天高地厚。所谓“宅”就是“窄”,年龄上早已成人,心理却幼稚得可怕。太多的自由与选择使我们的青春充满浮躁与肤浅。当青春的岁月在我的指尖悄悄流逝的时候,在我开始奔向30岁的时候,我突然有点恐慌,担心若干年后,当我回忆起我的青春年华时,能记起的只是一片暗淡。

    (唐驰摘自2009年6月22日《南国都市报》)

  • 1.embed是非法的

    <embed>标签是Netscape的私有标签,虽然<embed>标签应用广泛存在,但是从HTML3.2,HTML4.0到XHTML1.0,W3C都没有收录这个标签。使用<embed>标签的页面将不能通过W3C校验。

    2.应该用object

    W3C推荐的是<object>标签。甚至在XHTML2中,<img>都要被<object>所取代。用<object>方法插入flash的代码是:

    <object type="application/x-shockwave-flash" data="test.swf" width="200" height="100"> <parm name="movie" value="test.swf /> </object>

    但是这个方法在IE5-IE6/Win上不能正确显示(不能连续播放,要下载完才能放),在低版本的可以正确显示。后来采用先调一个小flash文件再嵌入大flash文件的方法解决了连续播放的问题,但是在IE5以上版本有时依然出现不能显示flash的情况。

    3.目前的临时办法

    那么既要符合标准,又想在所有浏览器正确显示flash应该怎么做?macromedia网站是如何通过W3c校验的?

    有设计师想到了用JavaScript来隐藏非法的<embed>标签,

    <script type="text/javascript "> if (navegiator . mimeTypes && navigator . mimeTypes["application/x-shockwave-flash"] { document . write('<embed src="test . swf" ...

    这是目前比较好的解决办法。你一定要插flash,就用js调用。这种方法可以欺骗W3C的校验程序,使页面通过校验。但仅仅是"欺骗",而不是真符合标准。

    macromedia是怎么做的呢?看到这句代码:

    <!-- $RCSfile: FlashDetection2k.pm,v $ $Revision: 1.68 $ : your browser's accept header indicates you have Flash 6,0,65,0 or better, so you're OK for this Flash 6 movie, here it comes. -->

    它采用了一个折中二选一的办法:

    • (1).首先javascript来判断你的浏览器版本和flash player的版本;
    • (2).根据版本的不同在后台动态的生成HTML代码。

    简单说就是默认采用<object>方法,如果浏览器不能处理object的MIME类型“ application/x-shockwave-flash”,它就插入子元素<embed>。说穿了,这和用js隐藏<embed>方法类似,也是一种“欺骗”的办法,但这是目前能够做到的最符合标准的,比较完美的做法了。

    要想真正抛弃<embed>,只能等IE浏览器对<object>更好的支持才行,也许要等到Longhorn出来了。

  • 跟class属性说再见,欢迎整洁的标签

      结合了富有新的语义化标记的HTML5,CSS3为web设计师们的网页提供了神一般的力量。有了HTML5的能量,我们将得到更多的对文档代码的控制权,有了CSS3的能量,我们的控制权将趋于无穷大!
      即使没有那些高级的CSS选择器,我们仍然可以通过强大的HTML5条调用不同的容器而不劳驾class和id这类属性。像以往的DIV布局,我们在css中可能要这样调用:

    1
    2
    3
    4
    5
    6
    7
      div#news    {}
      div.section  {}
      div.article    {}
      div.header  {}
      div.content {}
      div.footer   {}
      div.aside    {}

    我们再来看看基于HTML5的实例:

    1
    2
    3
    4
    5
      section  {}
      article    {}
      header   {}
      footer    {}
      aside     {}

      这是个进步,但仍有一些问题需要解决。在<div>实例中,我们需要通过class或id属性来调用页面中的元素。这种逻辑将允许我们将样式应用到文档中的任何一个元素上,无论是整体还是个体。例如在<div>实例中,.section 和 .content元素很容易定位。但是在HTML5实例中,实际文档中会有很多个section元素。其实我们可以添加一些特定的属性选择器来调用那些不同的section元素,不过谢天谢地,我没现在可以用少量的高级CSS选择器来定位不同的section元素。

  • 一起感受HTML5和CSS3的能量   跟<div>说再见,欢迎语义化标签 

         Web设计师可以使用HTML4CSS2.1完成一些很酷的东西。
         我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。
      虽然我们现在已经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在,HTML5CSS3正跃跃欲试的等待大家,下面让我们来看看他们是否真的能让我们的设计提升到下一个高度吧…

    跟<div>说再见,欢迎语义化标签
        曾经,设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者,聪明的设计师们慢慢的接受了相对更语义化的<div>布局替代了table布局,并且开始调用外部样式表。但不幸的是,复杂的网页设计需要大量不同的标签结构代码,我们把它叫做“<div>-soup” 综合症。如
    <div id="news">
       <div class="section">
          <div class="article">
             <div class="header">
                <h1>Div Soup Demonstration</h1><p>Posted on July 11th, 2009</p>
             </div>
             <div class="content">
                <p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p>
             </div>
             <div class="footer"><p>Tags: HMTL, code, demo</p></div>
          </div>
          <div class="aside">
             <div class="header"><h1>Tangential Information</h1></div>
             <div class="content">
                <p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p>
             </div>
             <div class="footer"><p>Tags: HMTL, code, demo</p></div>
          </div>
       </div>
    </div>
    尽管这有些勉强,但上面这个实例还是可以说明使用HTML4对一个复杂的设计进行代码化后依然过于臃肿(其实xHTML1.1也不过如此)。不过值得激动的是,HTML5解决“<div>-soup” 综合症并带给我们一套新的结构化元素。这些新的HTML5元素富有更细致的语义从而代替了那些毫无语义的<div>标签,并同时为CSS的调用提供了”自然”的CSS钩子。
    下面是HTML5的解决方案实例:
    <section>
       <section>
          <article>
             <header>
                    <h1>Div Soup Demonstration</h1><p>Posted on July 11th, 2009</p>
             </header>
             <section>
                <p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p>
             </section>
             <footer><p>Tags: HMTL, code, demo</p></footer>
          </article>
          <aside>
             <header><h1>Tangential Information</h1></header>
             <section>
                <p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p><p>Lorem ipsum text blah blah blah.</p>
             </section>
             <footer><p>Tags: HMTL, code, demo</p>
             </footer>
          </aside>
       </section>
    </section>
    正如我们所见,HTML5可以让我们用很多更语义化的结构化代码标签代替那些大量的无意义的<div>标签。这种语义化的特性不仅提升我们网页的质量和语义,并且大量减少了曾经代码中用于CSS必须调用的class和id性。事实上,CSS3也是可以然通过我们忽略掉所有class和id的。

  • 设计师阿立 网页设计 婴儿用品网站

    设计师阿立 网页设计 婴儿用品网站

  • 最早大家都没有给链接加title的习惯,后来因为w3c标准普及,又集体加上了title。从一个极端走到另个极端,于是出现很多怪异现象。两方面,第一a标签内title不是必须使用,第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。

    抛开标签语义、搜索引擎友好等因素,在纯用户角度找几个场景来分析。

    列表内容被截断后通过title显示完整,此时如果没有被截的链接,也会被再显示出来。试想本来已经看清楚的信息,触发又提示一遍,传达是不是感觉很婆妈。如果没有截的链接控制不输出title,效果或许合理很多。或者title在此时根本就不应该?印象中英文好站似乎很少做列表截取。

    最典型类似对icon图示的辅助说明,可以最大化平衡界面复杂度与可操作性。并且针对某些群众认知度比较高的操作,如果图形传达到位,完全可以使用icon代替,更多交互场景请参考臭鱼在06年完成的文字还是图标总结。


    在导航系统的各条目中,title主要作用是做补充说明。同时也对应可访问性原则中,要求导航传达清晰简洁的建议。用户感兴趣后操作触发,再title提示更多详细,强调信息引导而不是推送。


    还有种做目地指引之用的案例,明确告知用户这个链接做什么?到哪里?在某些容易引起误会,或者不是很清晰的地方效果比较好。另外title不在a标签内也有广泛应用,典型如表单。可以为用户提供更精准、得体的操作指引,并且我想一定程度上可以代替明文提示。




    学以致用,顺手给评论模板加了条语句。上次改的时候本想写出来,又感觉多余,现在好多了。准备动手评论的用户,自然会看到,并且这么土的语句也没有兼容性问题。

    相应的不良应用不再图示举例,互联网上不胜枚举,深入分析语义和用法不仅能纠正错误、开拓思路,而且能贯通很多理论上的困惑。总结起来,title并不像seo从业者鼓吹的那么简单,在用户角度除避免与文字、图形重复传达,主要有三类用途:

    1. 描述非文本内容
    2. 补充说明文本内容
    3. 操作指引

    ------------------------------------------------------------------------------------------------------

    以上主要纠正title用法上的几点误区,其实除链接和表单的常规标签用法。在内容组织方面还有大潜力待发掘,比如写网志经常会有针对词、短语说明的需求,最常见的做法是用括号,或者高级点用title来写。

    其实这样也不彻底解决问题,在title做“补充说明文本内容”作用时,用括号的场景可能有解释、简写缩写、前后补充等等,这些人际功能产生的内容模糊机器不懂。如何区分并准确转化为机器语言?在讲究语义化的HTML标准里,有更恰当的标签来做这些工作。

    简写缩写说明

    HTML4.01中分别有<abbr>与<acronym>两个标签来表示缩写,区别在于<acronym>是英文首字母缩写,<abbr>是名称缩写。应用分别如下:
    <acronym title="Portable Document Format">PDF</acronym>
    <abbr title="Minimum">Min</abbr>

    但在HTML5.0与XHTML2.0中,<acronym>变成不赞成使用的标签,而推荐<abbr>代替。因为<acronym>容易与<abbr>混淆,它们用法之间是互相包含的关系,很多英文名称缩写其实就是首字母缩写,比如CSS的全称是Cascading Style Sheets。“千鸟,是一叶千鸟的简称。”这句话如果用代码来阐述:
    <abbr title="一叶千鸟">千鸟</abbr>

    专业术语说明

    针对不同知识领域读者时,有时会大量用到专业术语或特殊短语,但不属于简写、缩写范畴。这时可以使用HTML提供的<dfn>标签,比如:
    <dfn title="Mozilla公司推出的网页浏览器">Firefox</dfn>
    <dfn title="Microsoft web browser">Internet Explorer</dfn>

    W3C不建议大量使用,当首次出现新术语时,应定义样式与普通文本分开,促进读者理解,而从那以后也不需要再对此术语进行标记了。道理类似不要重复在一篇内容内,做多个同样链接。

    按照这个思路,我觉得HTML应该提供个叫做<translate>的标签,用以针对翻译词汇的说明。尤其在专业技术领域,外来词汇特别多。比如,要解释UCD的全称(User-Center Design)可以用<abbr>,但中文翻译(以用户为中心的设计)呢?老用括号太不专业了。

  • 经常会有职场新手问我:要怎样才能成为一个优秀的设计师;面对前方的路我应该如何走下去?

    新手们大都有拼劲、肯学,但也好高骛远,起点都差不多,如何培养设计师就变得至关重要了。

    总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。

    一、配色
    其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论,什么冷暖色、对比色/补色、色彩心理、搭配原则等等,满大街都是,有意者随便搜一两篇看看就行。色彩对于美工设计师来说,更重要的是一种感觉,就像打篮球投篮的手感一样,多看,多练,这种感觉是可以后天练出来的。我刚接触设计时,连坐公交车时也会注意路边某公司、饭店的招牌是如何配色,处处留意生活中色彩搭配的美,关于色彩截图就更记不清有多少张了。

    个人认为,设计师对颜色的运用一般有这么几个阶段:

    1. 初级阶段:用自己首映感觉最好的1~2种颜色,不考虑其他因素、他人感觉;
    2. 过度阶段:开始感觉一两种颜色单调,尽量多尝试不同色彩,该阶段极容易出现没目的的乱搭现象;
    3. 成熟阶段:该阶段了解了大众对色彩的审美,开始理性的用1~2种色系搭配,能体会到同种颜色不同色值的细微差别,大多设计师都在这个阶段;
    4. 终极阶段:把一种色彩用至极致,甚至只用黑白灰,完全沉浸某种颜色,甚至有点变态,但其创作效果让处于第三阶段的设计师一看就是大师所为。
    其实这也是个不断练习积累的过程,这样色彩的感觉才会提升。

    二、布局
    美工设计师除了对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。其实做好布局设计也不是很难,无非就以下几步:

    1. 布局准备:明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
    2. 布局版式:关于布局的版式多种多样,在将重点内容放在最显眼的前提下,可自由选择版式。对于网页来讲,根据大多数人从上到下、从左到右的浏览顺序来考虑,应该将最主要的内容、图片等放在页面的左边和上边。
    3. 精细布局:整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
    个人觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说,如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了,其他网页、宣传册等平面布局应该都信手捏来。

    三、细节

    至理名言”细节决定成败”,在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略,但对设计师来说绝不可放过,比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,才能看得出这些细节。有人觉得这些细节没有什么大碍,但多个细节组合在一起就和让人觉得不舒服。

    举例说一下,以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序(上图),下半部分是有设计师协助设计美化完成的表单界面(下图)。

    一般正常审美的人肯定觉得下面的好看,但却不知好在哪?让我们从各个角度详解一下:

    1. 配色:字体颜色像是直接从32色板上取的,没经过考究;表单边框色太重;表单背景与页面背景相同,没突出层次。
    2. 布局版式:此组件又没有多行操作,无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。
    3. 用户体验:明确这是一个系统里的界面组件,所以这个人既然都登进来了,还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注,所以给他提供大片的提交内容的输入框即可,简单明了;提交按钮,上图需要再填完批注内容后折回到左上角”保存”显然不合理,下图的界面大大方方右手边一个按钮,看起来明显,操作起来舒服。

    以上几方面都是关于个人审美观方面的提升,如果你不是打算进行美学研究,我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。好比有人模仿MJ跳舞,尽管不是很像,但最少会得到一小部分人的喜爱和追捧,比如在某校/班的圣诞晚会上;而如果不了解大众审美,就很可能像芙蓉姐姐跳舞,只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面,而生活的方方面面也锻炼你的审美观,像摄影、布置自己的房间办公桌、服装的搭配等,能提高你的生活品味。

    四、心态

    在累计阶段,心态平和、踏实耐心,切忌急躁,美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。

    五、技能

    有了良好的审美基础和创意,接下来就是制作了。相比较审美观的培养和创意的来临,我觉得一些工具技能是很好学得,无非就是我用铅笔、还是毛笔画的问题。大概介绍下本人接触到的工具:

    制图技能:Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
    页面编程技能:html、css、JavaScript等;
    优化技能:压缩图片、网页优化等。
    以上工具网上的教程一抓一大把,推荐网易教程。可以找些基础的看一下,一回生二回熟,平时多用即可掌握,更深的技巧可以日后用到再研究完善,要边用边学,这样记忆深刻。

    六、用户体验

    用户体验一般出现在网页设计和系统界面设计里,是用户和人机界面的交互过程,界面操作的易用性,直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。

    我们都知道用户体验的重要性,但深入学习的还不多,但我会在看别人网页、系统的同时记录那点有着方便,很在下次自己的设计中体现出来,算是一个模仿阶段吧。这也是我一向的学习方法。

    最后声称一下,以上总结都是实打实的经验之谈,希望得到更多好的建议。

  • 引导客户是个细活,也有不少设计师认为这就是商务人员的工作,其实在今天的商业合作关系中,设计师早就被拎出来作为pre-sales的挡箭牌了,因此行业的压力迫使我们需要掌握一些商业沟通和合作的技巧。

    那么为什么要引导客户呢?客户者,衣食父母也。抓不住客户,就搞不来现金,搞不来现金大家都要集体回家数键盘按键,这点在设计公司中尤为明显,而在一个企业的设计部也是一样的道理,这里的客户转变为了公司强势部门和领导层。引导客户无非三个目的:体现自身价值、阐述设计意图和思路、更快的确认设计成果。

    潜规则说得好,先统一人心,再集体办事。引导客户的终极目的也在于此,把客户先拉帮结伙,思维同化,有助于下一步工作的开展。那么人都是有思想的,因此你的介入性引导,也有可能不会得到预期的效果,这都依靠你在引导过程中的经验和手法。这就像你去按摩一样,第一次总是觉得像被揍,以后越来越舒服,都是一个技术层面的东西。

    1. 强行引导会有反效果

    什么叫强行引导呢?我相信客户方最有发言权,就是一个不怎么样的设计师和公司来推荐,或者不太成熟的内部团队做演示,设计出来的玩意外行看了都认为有点问题,他(们)自己还在说得眉飞色舞,什么“国际化风格”,“大气磅礴”,“精美绝伦”能用上的花言巧语全用上了,最后让人感觉像个小丑。

    引导的过程中,从见面的第一刻起就回避客户的眼光,或者看得要把客户吃掉一样,客户一有意见就说“根据我们的成功经验,你的这个看法是。。。。。”,基本上这种作风的引导方式只会带来恶劣的反效果。自信应该表现在做人做事的细节和缜密,而不是行为和语言的攻击性上。

    2. 增加对待客户的同理心

    客户花钱让你设计,就是为了节约时间,获得更好的市场反响,以及更好的推动效果。千万不要喧宾夺主,不要以为客户是应该来求你的,设计师的关注点也不应该一开始就集中于设计费用和时间周期上,设计引导的重点可以确定在产品和服务上,如何低成本高效率的完成产品的设计遗漏问题。

    从客户的角度出发,生活中也有不少的例子,比如你去餐馆吃饭,无良的餐馆的服务生总是会推荐餐牌上的招牌菜(多半是价格昂贵的),而有一点同理心的餐馆会从客户角度出发建议你点什么,点多少,甚至我还遇到过根据你的用餐目的(约会,朋友相聚,宴请亲友)来定制点菜和服务的 — 可惜,这不是我国本土餐馆。

    增加对待客户的同理心是赢取客户信任的第一步,也是引导的第一个开端。

    3. 客户关注的也许是设计以外的事

    也许你不相信,大多数传统行业客户在听你的设计提案的时候,根本搞不清你在干嘛,他们关注的是你的语言流畅程度,关注你用什么笔记本电脑,关注你的着装,关注你的自我介绍。。。。。。直到,对,直到你提及他们的产品名称,价格,市场占有率,利润率,品牌影响程度和深度的时候,他们的耳朵才会竖起来。

    设计师放了太多精力在我们的设计过程中了,其实客户更关心的是“你这个设计究竟是怎么得来的?”“为什么要这么设计?”“用了这个设计产品就能好卖么?”“你的设计为什么这么贵?” — 好了,这同你去旅游一样,如果景色不磅礴,路途不遥远,人烟不稀少,文化不异域,你会认为旅行的意义没有那么的厚重。

    4. 了解客户的底线和背景

    无论你怎么引导,怎么沟通,客户一定是有底线的,你的设计不能太好,也不能太坏,不能太贵,也不能太贱,这是一个拿捏的过程。如何了解客户的底线?去拜访客户,去到他的地盘看他的山头插的什么旗。

    公司的规模,人员的素质,前台的相貌,使用的办公文件夹值多少钱,会议室多大,客户的西装什么牌子,他们的市场在哪里,他们是否有专业的产品经理。。。。。。。这一切都在透露着客户的底线和心理价位,最重要的,还有对设计的认知程度。

    有时候你的客户并不是一手客户,他的背后还有人,因此你还要深入的观察和询问真正对设计有着决定和执行权的那层,或许他们的信息才是真正需要在设计中实践的部分 — 所以我强调,对于设计合作的引导应该从最高层的领导开始,或者从对项目有着决定意义的单位开始。

    5. 不要扮演商务人员的角色

    有部分刚被一脚踢进社会的设计师,不小心误入了山寨的路线,认为“引导客户”就是和客户“搞关系”,有部分很不幸,真的搞出了关系。。。。。。陪吃陪喝,风花雪月其实不是我们设计师的擅长,也不必要。

    设计师必然是需要一些格调的,你和客户打成一片其实也未必就能让他对你的设计俯首称臣,设计需要交际,但是也需要挑客,你不能是个菜就捡进篮子里 — 我这么说确实现实了点,但现实远比这还卑鄙。

    如果你坚持要做设计行业的口碑,就绝对不要和山寨客户坐到一桌推杯换盏 — 但是我还是想赚他们的钱怎么办?请雇佣专业的商务人士出面解决你的尴尬。

    6. 你的设计可能没有那么好

    当然,你的客户未必都是不懂设计的,所谓没吃过猪肉也见过猪跑,如果你的客户花费了3个月,看尽了各种花俏的提案,参加了上百场的设计推荐会后,相信他的审美和设计理解也可以有一点改观和提升。那么,你在小处着眼的那些花花肠子不见得能起作用了,作为设计师,你至少应该保证自己的见识和作品是客户“意料以外”的,有时候引导客户的关键就在于作品创意和客户认知之间的落差。

    如果可以的话,你想法了解一下共同争取客户的竞争对手的作品,找一找自己的差距,在任何方法都失效的情况下,也许问题就出在自己的身上,这是我们可以接受,并且要修正的。

    附送客户引导冷笑话一枚:本公司设计能力全面,创意激发,有业内专业人士指导入门,童叟无欺,价格公道,现觅诚信,懂事,敢于突破传统观念的客户数名,有意者电联。

    引自http://www.68design.net/Web-Guide/Web-Theory/47332-1.html

  • 1.提案
    一个有经验的设计师,在给客户交稿时,至少会准备三种设计供他选择。
    第一:100%自已喜欢的风格,把自我发挥到极至。
    第二:50%自己喜欢,50%客户喜欢的风格,各让一半,互相妥协。
    第三:0%自己喜欢,完全从客户的要求出发,放弃自己的风格。
    有上述三种准备,交稿时,你往往过的会很从容。 没有经验的新手,只给客户一个提案。
    你很喜欢,客户不喜欢,观点不同谈不拢,怎么办?找第三者来评价,他通常会顺着客户的方向说,也否定你,这样,2比1,老板说你做的东西不好,打回去重做,当时间紧时,不好的就硬上了,但是老板并不高兴(用了不喜欢的东西),你也不高兴(虽然你用了我做的,但是你仍然不认可它。)双方都很痛苦。
    2.坚持
    这个性格是做美编最不需要的特质,但你需要去努力争取,当你努力与客户,与老板沟通后。人家仍然不喜欢时,就应立刻放弃已有的创意,从头再来,坚持是没有用的,因为你不是奥美的名设计师,不是大师,你坚持是没有用的。
    3.美工or设计师
    是做一个拼图的美工,还是一个美术设计师。两者差异很大,一个是工人,用手(体力劳动者),一个是智者,用脑创造(脑力劳动者)。
    二流的美工只会堆效果,而好的设计师,通常只用最简单的手法。
    4.一个有经验的美编,在接活时,通常要问几个问题。
    第一:做什么用(海报,易拉宝,书籍)
    第二:以什么为主题,要突出什么重点,更多了解产品信息(什么年龄的人消费,在同类产品中的地位,以什么为传播媒介)
    第三:要明确,客户可以提供什么资料(比如logo,等必要因素),要明确要自己额外找哪些素材,可以适合产品的背景。
    第四:什么时候交稿(这是最重要的问题)
    在做之前的准备工作,比上机动手要重要很多,就像走错了方向,走的再远也是白费。
    5.老板要求你三天交稿
    通常老板要求你三天交稿时,你可以只给他70分的作品。如果你说,老板,我三天做不完,要四天做完。那么第四天,老板要看到的是85分的作品。
    6.你的特长是什么?(当老板问你)
    当老板这样问你时,你怎么回答?我说网页。
    老板笑了说,这就好比我问你爱吃什么?你答,食物。
    我又问什么食物?你答,中国菜。我还是不知道你爱吃什么。
    你如果直说,爱吃辣的,水煮鱼,麻婆豆腐……那我就一下子知道你爱吃什么了。
    回到原题,特长是风格的问题。
    你可以说,我擅长做卡通的风格,现代的风格,传统的风格……
    7.聪明的面试者
    曾有一个人来面试美编,他准备了把他的作品分成了两类,他喜欢的(代表了他的风格);他做过的(代表了他的水平) ,美编是个很主观的工作,说好就好,说不好就不好,对于作品,没有衡量的标准。
    8.做了半年的美编,我烦了,想转行
    在学校时曾经很喜欢这行,梦想就是做在办公室里,每天设计东西,每天都是不一样的。
    可是自己从工作以后,越来越烦了,甚至一坐到电脑前,心就开始烦。 老板说,知道为什么吗?因为上学时没人骂你,到公司以后,人家都说你做的东西不行,没有认同,缺乏成就感,所以你烦了。
    我说,我怕做这行做到一定时候会有瓶颈,没有大发展。
    老板说,做每一行都会遇到瓶颈,只是别的行你还没做过,还没发现,所以你就觉得美编是最痛苦的职业了。
    我说,我不喜欢每天只是做在电脑前面。一天不动。
    老板说,谁让你一天做在哪里?是你自己,你可以在做之前画个草稿,拿着草稿跟你的老板,客户去沟通,不要急着在电脑上定稿,这就是一个互动的过程!
    9.一个美编的职业道路
    a:毕业后先进专业性的大广告公司,开拓眼界,积累经验,找个高人(可能带你的人),或可以向更多优秀的同事学习。
    b:然后到非专业的公司,做专业性的工作或部门经理。
    c:最后自己跳出来,独立门户,自己接活。(客源是个问题,开始自己带来一些客源,专心设计,客户满意,后来为了多挣些钱,把生产跟印刷都包下来了,分散了太多的精力,导致设计水平下降了,客户不满意,把客户做死,没活了……)
    d:最后没办法,只好再从公司做起,现在就可以做到大公司的创意总监。
    10.人的一生,需要一个导师
    这个人需要具备两个条件。
    A:年龄一定要比你大。
    B:事业上一定要有所成就。
    (有了上述这两点时,是不是同一个领域的,就都无所谓了。)
    当你把你工作上的难题向你的同学倾诉时,他们通常会说(老板都一样的,没事,走,晚上一起唱歌去吧。)对你不会有任何的帮助。
    而一个好老师需要好学生,好学生需要问好的问题。
    我问你想要什么?怎么得到……这样答案都是自己给的。
    11.对未知的事物或人,不要忙着拒绝。
    很多东西并不仅仅局限于某个行业,从一些文字中更提炼出一些做人的道理,受益匪浅。

  • 设计师阿立 网页设计 模板

    设计师阿立 网页设计 模板

    设计师阿立 网页设计 模板

    设计师阿立 网页设计 模板

    把许久以前的模板和现在的模板做下对比,慢慢体会一些不一样的东西。简朴的模板有时候也应该换换样子