图标icon设计的四个基本要点总结.docx_第1页
图标icon设计的四个基本要点总结.docx_第2页
图标icon设计的四个基本要点总结.docx_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

图标icon设计的四个基本要点总结一:图形样式Icon最重要的是对其形的把握,因此在定稿前应该多画草图,来诠释自己的创意,在画草图的同时要考虑形的表现形式,在2008-2009年,icon的设计趋势3维样式,自从iphone上市后终端的icon都跟iphone差不多,以二维形式展现。不管三维、二维、文字、像素,要简洁易懂,一目了然主题。好的设计源自生活细节的提炼,icon当然也不例外,当今时代硬件已经不是瓶颈了同事也要更近趋势设计出更人性化的作品出来。(下面作品是800*400分辨率的屏幕,我们可以从像素、颜色、细节上面做的丰富一些)。通常一套icon要有个统一的外形,这样才能统一UI设计风格,下面的图标都是在一个方形的容器里面去做的,icon的四面要顶到容器。如果你的容器定位是三角,正三角,梯形都是如此,一般我会做2-4px的浮动空间。另外还要有素描关系,一套icon的透视角度和光源角度要一致,否则会很凌乱,说一下光源角度,如果从45度角照射,要考虑icon的高光、反光、阴影(这里的阴影不是指整个icon的阴影,3D icon会产生阴影2D icon元素之间会产生阴影)。二:元素组合搭配图标的组合元素不易过多,最好是1-2个组合,元素过多导致识别混乱,即使两个元素的组合也要有主次,大小区分或者颜色轻重区分。如果一套图标里面有共同的元素,那么就没必要重新设计,只要元素之间组合就可。也有一个特例假如一个元素在同一界面上应用很多,会导致的识别性不高,建议元素可以做一下小的调整。(这套图标“文本”元素应用的比较多,所以最好有应用到文本的元素做一些小调整)。三:配色方案1、一个icon的颜色最好控制在三个颜色以内,最好控制在0-2之间(黑白灰不算),如果超出三个icon会很花不稳,这一点跟界面的设计原理一样。2、整套icon的颜色灰度保持一致,基调一致,这里的一致不是说完全一致,有左右浮动的空间,设计师会凭着感觉取色。3、控制好icon与背景明暗距离,icon的明暗反差,切记要突出主次关系。四:视觉体验质感的确定:质感对于icon设计对用户的视觉体验很重要,通常我们在设计之初要考虑到icon的质感效果或者是要质感定型。比如:金属质感、水晶玻璃、纸质、亚光质感等等,这是大的分类,比如水晶质感还有好几种体现剔透的、只体现高光的。质感的表现:一套icon在草稿纸上画好后,再用其中最好表现的一个图标做质感的尝试,一般脑子里有几种质感的表现方式,都可以尝试做一下,只要做完一个icon,其它icon的做法都一样。作品摘自:http:/www

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论