图标设计第一讲PS设计制作课程一SY要点解析.pptVIP

* 图标制作过程 其实这个阶段之前还有个重要的步骤, 就是创意准备。 * 实例制作 多模仿，多创作 * 我们所看到的一切事物都是存在于三度空间里的，也就是三维物体。都是具备“长宽高”基本属性的。当然，有的物体的这一属性是直观的，有的是要经过分析后才能显现。 从物体外观看，除了具有上面说的属性外，还具备“色彩”属性。 我们绘画中的构图其实就是在表现物体“长宽高”的空间属性；而着色则表现物体的“色彩”属性。 所以为了表现物体的外观属性，绘画的过程基本分两步，即构图和着色。 * 第一、构图 1、构图时候表现物体的立体感的重要手段是对“三面”“五调”的刻划。 三面，即：黑、灰、白三面。由于光源照射的角度不同，面向光源的部分稍亮一些，即“白”面，背对光源部分稍暗一些，即“黑”面；中间的过渡部分呈现“灰”的效果。如图： * * ?上面的例子也可以看出，物体所包含的三面中不只有三面的区别，各个面中因为形体的变化和光照的不同，还有一些层次变化称为：“五调”即： 高光、明暗交界部、暗部、反光、投影。如图： * * 用球体表现更突出： “三面” “五调”表现好了，你的作品就会呈现出一种物体的质感，给人的感觉就会离真实近了一大步。 * END * 图标设计 3）、再次是应用程序和操作系统的图标之间也要尽可能一致。每一次操作系统的更新也是应用软件更新的时候，软件开发商不仅在功能上进行升级，就是在图形界面的风格上也是不遗余力地追求和操作系统的一致性圣哲样做的目的也是力求用户能够在完美和谐的环境下工作。下面的例子就是一些著名软件在MacOSX环境下力求与操作系统一致性的一些例证。 * 如果一套图标的视觉设计非常协调统一，我们就说这套图标具有自己的风格，这样的图标看上去也会更美丽，更专业，同时也会增强用户的满意度。 ? 我们经常会看到很多界面上，往往会堆砌着各种不同风格的图标，显然，这些图标都是从互联网上收集起来，由于没有完全配套的图标，只能东拼西凑，导致界面粗制滥造，业余。 统一风格为什么这么重要，理解这一点，你会明白互联网上有数百万的图标资源，为什么你的老板还要花钱雇一个图标设计师。 图标设计 * 一套好的图标，要有统一的风格，这条原则，很多设计师都明白，但是真正实现起来，也许并不那么容易。怎么做呢？ ? 第一步：我建议你在设计之前，先做如下的定义： 是简约的，还是精致的？ 是平面的，还是立体的？是古典的，还是现代的？是写实的，还是卡通的？是单色的，还是多彩的？是绚丽的，还是柔和的？是抽象的，还是具体的？是有框的，还是无框的？ 也许我的定义并不能囊括所有的风格，但是至少可以给你提供一种思路 图标设计 * 第二步：如果可能的话，我建议你用铅笔，在白纸上勾勒出你的草图，用什么符号图形代表什么操作，在画的时候，尽可能的想象第一步的风格定义。 第三步：统一你的色彩，准备好你的调色板。 * 我会从调色板面板里调出一种风格的色彩，略加调整，这将是我这套图标的色彩定义，在画图标的时候，尽可能选择你定义好的颜色，这样，你就能尽可能的保证你的图标色彩的统一。 * * 在这里，工具是不重要的，无论你是使用PHOTOSHOP，ILLUSTRATOR，FIREWORKS，FLASH，FREEHAND，还是其他。 定义好了风格，草图，调色板，就开始充分发挥你的想象吧。 * * * * * 与环境的协调性 图标是没有单独存在的，图标最终是要放置在界面上才会起作用的。因此，图标的设计，要考虑图标所处的环境，这样的图标，是否适合这样的界面？ 比如你的界面是森林和大地，你就可以考虑用石块，木头，或者蘑菇，野花设计一系列的图标。 * 如果你的界面是平面的，简约的，你可以考虑用一些简单的平面的符号或者图形来设计你的图标，这样整个界面会很协调，不要认为这样的图标是简陋的，其实这样的图标的可识别性非常强的，在简洁的界面里，会透露出一种简约之美。 * 下图是我对UI设计四个阶段“用户研究，交互设计，视觉设计，可用性测试”的图标定义 * 体育运动类图标的设计 * 视觉效果 追求视觉效果，一定是要在保证差异性，可识别性，统一性，协调性原则的基础上，要先满足基本的功能需求，才可以考虑更高层次的要求--情感需求。 图标设计的视觉效果，很大程度上取决于设计师的天赋、美感和艺术修养，有些设计师做了很多年的设计，作品一堆，拿出来一看，粗糙，刺眼，土气。 * 我提供一套迅速提高技能方法，最原始，但也最管用： 那就是多看，多模仿，多创作。当然还少了一个前提，那就是设计师的天赋。勤奋+天赋=成功 * 原创性 ??????这一条对图标设计师提出了更高的要求，这是一个挑战，但我认为，图标设计的原创性并不是必要的，因为目前常用的图标风格种类已经很多，易用性较高的风格也就那么多种，过度追求图标的