APP开发中的UI设计(app ui设计模板)

文/张馨月 s完整的APP设计由编码设计和UI设计组成。长期以来，开发者注重功能的开发而忽略了UI的设计，导致很多实用的APP用户下载安装后不会使用，或者觉得操作复杂不好用。于是，界面设计逐渐被互联网公司重视，他们认为界面设计也是产品的重要卖点。

界面的设计一般需要经历几个阶段:目标群体的确定、用户需求调查的交互流程设计、界面风格定位功能图标的设计、整体视觉效果的优化、应用图标的设计。

其中，目标群体确定、用户需求调查和交互流程设计需要软件开发人员和设计人员共同完成。同时，App产品的UI设计需要对相应的功能需求有清晰的把握。因此，界面设计的技巧总结如下:

开发前期设计APP原型，针对Android和ios制定不同的输出规范。在页面布局上，可以尽量兼顾Android和ios，后期微调后输出可以适应Android和ios的不同尺寸需求。同时要尽量使用目标群体熟悉的界面风格，方便用户按照之前的使用习惯操作软件，用户更容易接受。如果设计太与众不同，可能很难满足大众 s口味，不会被大众接受。

合理的配色和色彩选择会直接影响到整个项目的成功，客户的满意度等等，所以在设计之前，要确定APP的色彩标准。

重要颜色一般不超过三种，分为:文字、按钮等特别强调或需要突出的小区域使用的颜色；通用颜色用于一般信息、文本和其他信息；和颜色用于更重要的信息，如标题、列表等。其中，背景色和需要弱化的信息要用较弱的颜色。

字体也要分为重要字体、较重要字体和一般字体，根据文字信息的重要程度确定文字的字体和字号。其中，重要的词一般是标题和导航栏；比较重要的词是二级页面标题、栏目标题等。一般字体是普通文字和说明文字。在选择字号的时候，也可以结合其对应的背景色来选择，利用颜色的搭配来突出或弱化对应的文字。

功能图标是用来表示APP中某项操作或功能的图形，如首页、设置等功能图标。功能图标的设计要尽量生动简洁，力求准确表达所代表的功能。应用程序图标的设计应该在界面设计的最后进行，这样才能使图标与整体界面风格相匹配。同时，你需要向界面输出不同大小的应用程序。图标设计需要创建一套大小不一的PNG文件，需要和应用。在设计中，我们要善于利用图标语义来引导用户 行为，而设计师可以用象形图做图标，比如日历、短信、通讯录等。也可以用字符做图标；此外，一些抽象符号可以用来表示应用程序。

在界面设计之前，要对界面的风格进行定位，使界面的整体风格符合视觉流程和目标人群的喜好。

首先，统一界面各元素之间的间距。文字的行距、按钮之间的距离、栏目标题与文字之间的距离、导航与栏目之间的距离都需要统一，这样界面才能整洁清晰。

第二，善于使用圆角。在APP应用中，通常会有按钮、弹出框等必要元素，而这些必要元素通常会被设计成各种大小的矩形。我们可以为矩形设计圆角效果，统一矩形的圆角像素来柔化用户界面，形成统一的风格。

第三，合理利用灯光效果。在整套图标设计中，使用弹出框时，可以在这些元素中加入灯光效果，使其更加立体。但在使用灯光效果时，要注意光照角度的一致性，这样才能保证元素的阴影在屏幕上有相同的朝向。

(此处已添加圈卡，请前往today s头条客户端查看)

①官方头条号:设计智慧是顶级创意设计师必备的。

②本文由设计智能，版权归原作者所有。转载请注明出处！