ui手机界面图标设计方法_手机UI图标设计知识

2021-12-01 07:00:37

阅读 13076次标签：手机背景图手机游戏作者： anyi

每款手机app都会有图标相对应，这样用户才能更好的进行人机交流。作为手机界面中的设计元素和交互控件，在人机交互中起承上启下的作用。下面从图标的设计方法、设计细节、设计要求三个方面进行阐述，以符号学、人机工程学、设计心理学为理论基础，总结出图标设计的发展趋势：符合视觉审美的图标是设计发展的必然，功能性和易用性建设是人机交互的基础，个性化的按钮图标是界面按键发展的趋势。

制作从风格定位开始，然后最重要的一步就是按钮图标的制作，经过从事手机UI这段时间，发现图标的成败是整个手机界面至关重要的一环。下面一品威客网就带您一起来看看ui手机界面图标设计的方法：
1、做手机图标先要定好主题，风格，以及表现方式，如：简洁大方；古朴厚重；晶莹剔透；是写实的3D图标还是平面化的图标。这一环是和整个交互界面密不可分的。
2、确定制作图标的软件方式：根据风格定位，可以确定出是用哪种方法：
用max建模>渲染>ps处理；
用ps直接表现
用AI绘出>再经ps处理（推荐）易修改大小以及之后的调整
3、由于我这会制作使用第三种办法，且先说说这样进行的要点；由于AI是矢量软件，可以很好的表现出画面图标的细节，尤其是复杂形体的表现，性能远远高于PS去制作，还有一个原因就是在制作手机图标时图标的大小都是很明确的，对于一些级小的细节AI很有优势，如果ps的话不易画出，如果放大制作，再缩小的话，会模糊掉，显得边缘粗糙。
设计手机图标时候尺寸是怎么规定的？
Android手机图标尺寸有：512x512、144x144、96x96、72x72、48x48、36x36;
iphone手机图标尺寸有：1024x1024、512x512、114x114、57x57
（以上尺寸是我做的时候开发人员让我切图的尺寸）
设计的时候可以先做大尺寸的，然后其余的缩放就可以了！注意一些细节调整！
如何做精致，这个问题时困扰很多UI设计新手的问题，现做简要介绍，就是在制作过程，要注意：
1、色彩搭配要合理，色彩在同一图标上的颜色不宜过多，最多3种{通常}，整个界面所有图标的主色彩不宜过多，3个色彩适中，，对于用什么颜色不作介绍，有点绘画经验的人都知道。
2、细节处理，经过本人观察，所有现有市场上做的看起来比较精致的ui手机界面图标设计，不管是平面图标还是3d图标，都有潜在的细节，诸如描边之类，这里所说的的描边，不是局限在描一个黑黑的边，而是说在形体转折或是边缘处，有高光和阴暗细节的处理，以渐变和图层逐渐透明的形式出现，一定要融合在图标里，例如平面化的图标，你要让人感觉并没有存在，但实际仔细观察是有的，制作出图标的微妙变化，显得丰富不单薄。
3、形体大小要适中，在整个界面中图标不易过大，其次每个图标之间也要大小相似，这里指的是视觉上的。
应用图标是和用户交互最频繁的部分，好的图标在任何背景和其他图标中，看起来都会很好看。为了达到这种效果，设计图标需要做到：
1、图标设计不一定是方形，可以根据应用设计成其他形状
2、即便在小尺寸设备中依然很好看
3、如果是3D图标，设计的时候不要让用户感觉到被其他东西挡住的，要让图标有一种朝前的感觉
4、在各种背景下效果依然好看
5、图标比重要合适，过于细长或者占用空间不足的图标不能足够吸引用户。
6、体现明亮的模式，也就是图标设计要鲜亮
个性化的手机按钮图标为我们的掌上世界增添了无限光彩。手机个性化的图标也成为手机界面设计的新趋势，能够提高手机产品的市场竞争力。但任何产品的设计和使用都要遵循以人为本的原则，设计者应该明白以人为中心的设计和以用户为中心的设计的必要性。充分依据用户的个性特点，从用户的角度出发来进行设计，把握个性尺度，才能做出好的个性化图标。

一品威客网汇聚了数百万专业的LOGO设计、VI设计、商标设计、按钮图标设计、字体设计等优秀威客人才，只要您在网站发布任务需求，就能够吸引众多威客给您献上最好的创意服务。