首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 其它教程 > 正文
Google
界面图标创意设计教程
来源:UI乐园 作者:jameguilin 2007年11月27日 08:50 网友评论:0条 点击:

第二部分:草图绘制阶段

这个阶段就是把我们的创意绘制出来,检验下视觉关系,也就是在视觉方面多在草图上推敲,这样效率高些,避免在渲染完后来后悔。(后悔啥!那就是重来了!)首先要确定我们图标透视,这是关系到一套方案中的每个图标的透视方向,这是在图标设计一致性方面的基本要求,透视统一。然后一步步的添加细节。如下图所示:

在这个阶段我们还要检查下元素之间的组合方式(有文字,大家点击看吧,打字很累啊!)。如下图:

图标视觉分析

往往一个图标要表达一定的含义就必须组合不同的形态,借助单个形态所传达的内在信息,拼合在一起去传达另外一种信息。例如在设计“导航”功能图标时候:我们第一反应是与卫星有关,但就以单个卫星的外形来传达导航的含义恐怕不狗,于是再联想与导航有关的信息图示:“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理的布置他们之间的主次、空间关系。要注意的是:不可随便使用其与要表达功能相关的图形或物体,要经过精心的挑选,最好是大家熟悉、易记的物或形,毕竟我们的目的是要帮助用户更形象的理解计算机程序的内在功能含义,以易记、易懂为前提。也不能借助过多的图形来表达图标含义,过于复杂反而影响用户的理解。

上图是分析形态组合之间的关系,探索最佳组合方式。形成视觉与功能的统一。

首页 上一页 [1] [2] [3] 下一页 尾页
上一篇:建站必杀技 精挑细选最合适您的主机   下一篇:历数Firefox2.0对XML处理的改进
收藏此页】【打印】【关闭
 相关文章  我要点评
·Robanat超酷界面设计作品
·德国Jakob质感web界面设计欣赏
·波兰ENstudio精彩网站作品
·105个彩色简约图标矢量素材
·Philipp Lampe简洁风格WEB界面设计
·Andrew插画风格web作品
·摩洛哥Exadorv网站界面作品
·简约贴纸风格系列png图标

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】