ph水母军团吧 关注:2,043贴子:36,774
  • 9回复贴,共1

.`★·.≡.「每日一记」.≡.`☆·.

只看楼主收藏回复

【第八记】
五个实用设计技巧


1楼2012-11-21 09:06回复
    【译者的话】 本文深入介绍了图片在办公用品识别设计中如何应用、如何设计具有冲击力的封面、剖析 NIKE 网页的构图及制作吸引人的立式日历,并介绍了图片的延伸技巧以便创造一个区域来应用文字,希望对你有所启发,使你在实际设计中获得更多灵感。


    2楼2012-11-21 09:06
    回复
      一、办公用品设计
      LOGO 有着强烈的象征意味,但有时它又不能充分表达出真实的东西。在某些时候,与其设计一个传统的 LOGO ,不如象 Dean & Thomas 建筑公司选择三张图片来设计它的办公用品,这些鲜明的图片在具体应用中看起来有一种宣传册子的感觉。其中的关键就是在信纸、信封及名片上都要保持字体、尺寸、位置、对齐方式及颜色的一致性。

      信纸设计

      信封设计

      名片设计
      上面这三者的特点如下:
      1 、三种物品中,图片的大小、形状及位置都一样,图片上方均采用全出血位的方式。
      2 、信纸与信封中,图片右边的边距为图片宽度的一半,而在名片中,由于版面狭窄,右边的边距为图片的三分之一。
      3 、图片下方的文字、样式及颜色等统统一样。而且字体采用低调的颜色(如上图采用灰色),从而能够充分突出图片。文字均为右对齐。
      4 、在设计这三种东西时,由于名片的位置最小,设计起来难度较大,所以我们首先要设计名片,然后再将名片上的设计样式搬到其它物品中


      本楼含有高级字体3楼2012-11-21 09:07
      回复
        三、另一种焦点表现形式
        如果要你用三个字来形容兰斯 · 阿姆斯特朗( Lance Armstrong ,著名自行车手,曾身患癌症,但仍勇夺冠军——译注),那耐克的广告词的“ Just do it ”则再适合不过了。同样的,在耐克的 兰斯 · 阿姆斯特朗网页同样充满力量。是什么东西使到这个网页能够给人一种强有力的感觉?是因为在大的区域内那些小元素在起作用。

        当你有一张表现力十足的照片时,那设计师的任务就是要帮助这张图片能够更有效传达信息。上图由两部分构成(红线处),而且刚好是处于中心线分开,阿姆斯特朗处于右边,而左边则是整个黑色区域,而字体尺寸很小,但颜色却采用与黑色产生高对比度的黄色,而且这些字体正处在他的视线之内(上图水平虚线处),所有的元素都处理得恰到好处——没有张扬,看不到有设计的痕迹,但整个效果却给你留下深刻的印象。

        上图为网页的设计,一眼望去,你可能没有立即就注意到(当然,这是有意为之)下方那些低调的广告信息。

        小元素单独放在一个大空间里,同样是一种容易抓住视线的设计,在颜色上保持低调是为了避免削弱上方图片的力量感。


        本楼含有高级字体5楼2012-11-21 09:08
        回复
          五、重复利用图片的局部形成背景

          你是不是在设计中想应用图片时,但在图片上却找不到一个很恰当的位置放置文字?或者你觉得某张图片缺乏层次感显得过于平淡?或者你又觉得图片的构图并没有给人良好的视觉效果?试一下我们在这里介绍的实用技巧——复制图片的局部,然后放大它,再将它与原来的图片融为一体,以创造出一个自然的区域。

          改变版面的尺寸(见上图),在 Photoshop 里,对翅膀的上方进行复制粘贴,将复制的部分移到下方,将它放大。( 1 )然后用一只比较软的毛笔小心处理边缘与背景接合的地方,使到其能够自然地与背景融为一体。( 2 )然后用吸管工具在复制的图片上取一种颜色,再利用松软的笔触将下方空白的地方填满。

          有了这个区域就是不一样!它不但提供了我们文字摆放的位置,而且还使整张图片产生层次,一个模糊,一个清晰,就象照相机在拍照时因焦距的不同而产生的效果,一切都显得很自然。
          在一张图片上摆放文字,如果缺乏一个实色的区域,那这些文字很难有清晰的效果,但生硬地加进一个正方形或圆形的实色区域,有时又会使整张构图显得不协调。
          下面是利用这种技巧应用的另一个例子:

          在上图中,我们从上方截取一小块花瓣,同样将它移到下方角位,放大,由于花瓣上的背景比较单纯,这样就巧妙地给文字创造了一个区域。同时,红色的花瓣与其边缘上方的绿色形成的优美的搭配。


          本楼含有高级字体7楼2012-11-21 09:09
          回复
            本文所用颜色数值如下:

            --------------------------------------END-------------------------------


            8楼2012-11-21 09:10
            回复
              十五分钟设计一个简单的商业名片
              【译者的话】 你要平静面对这样一个事实:所有的客户都是尖酸刻薄的。他们希望你设计的东西总是既要快,又要好,而且收费要低,当然,最好是免费。但又快又好的设计我们完全可以做到。商业名片用途很广,特别适合一些中小型公司或店铺作为宣传的媒介。在本文我们介绍在 ILLUSTRATOR CS 中,如何利用模板及简单的步骤,快速设计出一张既吸引人又有冲击力的商业名片。我们提供一些 idea 给你,只需 15 分钟,足以搞定!


              本楼含有高级字体9楼2012-11-21 09:11
              回复
                我们再设计多几个,希望对你有更多的启发:
                大多数分散画笔里的元素都是由一些基本元素组合而成。我们可以利用这些基本元素作为一个裁切蒙板应用在一些简单的图片上。
                1 、首先我们打开画笔库中的 Decorative Scatter 画笔,选择如下图的画笔并将它拉到窗口中。然后连续应用两次解散群组(对象 > 解散群组)。

                象上图这个画笔拉到文件中
                我们将这个图案按比例拉大一些,然后将中间的那个正方形的填充及笔触都选择无(见下图)。

                解散对象后将中间的元素的填充及笔触选择无
                2 、我们选择一张要应用的图片置入,因为我们可用的位置地方很小,所以我们需要选择没有太多细节的图片。我们将这张照片排列到最后面,将图片的主要元素放在我们刚才那个正方形的区域里。

                置入一张我们要利用到的图片。
                3 、这时我们应用选择工具,将图片及上面的那个裁切区域同时选中,然后应用“对象 > 裁切蒙板式 > 创建”,为了让整个设计显得更协调,我们将四周的颜色调整了一下。

                加上文字,另一个漂亮的名片又出来了。
                我们还可以通过简单复制及画笔创建一个有冲击力的背景。我们同样在画笔库里选择一个立方体的画笔,然后移到窗口中,利用复制、旋转及改变颜色创建出下面的背景图。

                通过复制及调整,我们创建另一个背景
                然后我们应用裁切蒙板,在上面背景中选择一个区域,加上文字后,很快,第三个名片就做出来了。

                设计这个名片 15 分钟都不用!
                加上特殊效果:
                1 、我们用钢笔工具画出一条,然后应用分散画笔(在本文中我们选择圆十字形的画笔)应用在线条上。然后在图形样式上双击该画笔弹出设置参数框,选择阅览模式,调整各圆的间隔,使到各个圆刚好接触。

                选择另一种画笔,并调整成右边的样子
                2 、然后我们选择调整好距离的三个圆,应用“效果 > 像素化 > 点状化”,在本文中,我们使用了默认的设置。
                应用了点状化效果后,我们降低不透明度,使到整个效果比较柔各。我们同样用相同的办法处理背景。使到出来的效果更有趣一些。

                利用一些简单的特效,第四张名片就大功告成了
                在印刷名片时,我们可以在一个页面里排满名片,特别要注意周围要有出血位,以防止切纸时留有白边:

                又是出血,我想每个厂家每台机器,要求不同吧,不过千万记住要留边就是了
                --------------------------------------------------------------&


                本楼含有高级字体11楼2012-11-21 09:17
                回复

                  学习


                  通过百度相册上传12楼2012-11-21 12:07
                  回复

                    学习


                    通过百度相册上传13楼2012-11-21 20:51
                    回复