记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 13216|回复: 0
收起左侧

[UI教程] 设计一个icon的步骤/流程是什么?[含1P]

[复制链接]
发表于 2018-7-11 14:22:42 | 显示全部楼层 |阅读模式
         
今天看到有人在问这个问题,我大致想了一下我作图标的步骤在论坛回复了。不过也放到博客里,希望能给大家有所参考。
有什么相反的意见和好的补充也欢迎大家交流。
具体地址:http://www.iconfans.com/thread-5788-1-1.html
…………………………………………
问:设计一个icon的步骤 / 流程?
接到一个设计icon的任务后,大家是怎样展开思维来进行设计的呢?或者是哪些步聚或者流程呢?
比如 IT 类的icon怎样定义其   形状 /  色彩  /  质感  呢?
Iconfans答:
如果你在一家没有钱做调研的公司的话。可以使用以下几个步骤。
1、分析给你的词语。这些需要做图标的词语无外乎是些名词、动词(动作)、形容词。
2、根据这些词性进行归类。并且尽可能找出跟这些词相关的更多的词语。例如:帮助。动词。我们可以想到“问题、提问、求救”
3、尽量将这些词具象化。也就是名词化。例如:由“问题”我们可以得到“?号”、由“提问”可以得到“举手”、由“求救”可以得到“救生圈、救生衣”等等。
4、把他们在草图上画出来。每个图标的名词都按照这个步骤画几个草图出来。
5、最后把你画的草图中表意最明确的圈出来。然后你就可以开始考虑颜色风格等。
6、在定义颜色时,要考虑这个颜色是否跟你的产品是一致的,这个颜色放在图标上是不是会带来歧义等等。
7、保持图标的统一性,如、颜色的纯度、光线的一致性、表现手法的统一等等。
8、这样你这一套图标就算是完成80%了。最后再在使用的过程中得到用户的反馈,然后再修改。直到彻底完成你的设计。

               

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:fireworks之网站后台界面设计教程
下一篇:不让用户思考过多的网页设计思路
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表