iconsbox's profileICONSBOX.com | 图标盒子PhotosBlogLists Tools Help
    9/25/2009

    设计一个icon的步骤 / 流程是什么?

    今天看到有人在问这个问题,我大致想了一下我作图标的步骤在论坛回复了。不过也放到博客里,希望能给大家有所参考。

    有什么相反的意见和好的补充也欢迎大家交流。

    具体地址:http://www.iconfans.com/thread-5788-1-1.html

    …………………………………………

    问:设计一个icon的步骤 / 流程?

    接到一个设计icon的任务后,大家是怎样展开思维来进行设计的呢?或者是哪些步聚或者流程呢?
    比如 IT 类的icon怎样定义其   形状 /  色彩  /  质感  呢?

    Iconfans答:

    如果你在一家没有钱做调研的公司的话。可以使用以下几个步骤。
    1、分析给你的词语。这些需要做图标的词语无外乎是些名词、动词(动作)、形容词。
    2、根据这些词性进行归类。并且尽可能找出跟这些词相关的更多的词语。例如:帮助。动词。我们可以想到“问题、提问、求救”
    3、尽量将这些词具象化。也就是名词化。例如:由“问题”我们可以得到“?号”、由“提问”可以得到“举手”、由“求救”可以得到“救生圈、救生衣”等等。
    4、把他们在草图上画出来。每个图标的名词都按照这个步骤画几个草图出来。
    5、最后把你画的草图中表意最明确的圈出来。然后你就可以开始考虑颜色风格等。
    6、在定义颜色时,要考虑这个颜色是否跟你的产品是一致的,这个颜色放在图标上是不是会带来歧义等等。
    7、保持图标的统一性,如、颜色的纯度、光线的一致性、表现手法的统一等等。
    8、这样你这一套图标就算是完成80%了。最后再在使用的过程中得到用户的反馈,然后再修改。直到彻底完成你的设计。

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://iconsbox.spaces.live.com/blog/cns!79A82B785AE3AF3A!804.trak
    Weblogs that reference this entry
    • None