『 财务在线 』APP项目界面设计

『 财务在线 』APP全套界面设计（ 本文禁止匿名转载；禁止商业使用；禁止个人使用 ）

------------------------------------------------

项目描述：本次项目建立主要针对企业围绕财务运作定制的系统。为员工提供财务活动运作体系，为企业库存，采购，销售，生产等提供数据指导，为企业领导的决策提供及时、准确的财务信息。

系统特点：功能丰富，灵活性，通用性强，操作简便，严密可靠

目标用户

系统用户主要是企业全体员工及外包人员，用户数量：3W+ , 系统适用于本国籍和外籍员工（中英文版本），按目标用户行为路径主要分为领导及员工通道。

『 财务在线 』APP系统图标

财务在线图标是财务部的形象代表与精神体现, 它是形成系统视觉形象的核心元素。

图标代表财务部积极的工作态度，象征着效率与信任，同时也代表着更深层次的专业精神。

『 财务在线 』系统图标设计

1、财务在线图标造型符合黄金风格比例和美学理论，它的细节严谨经得起时间的推敲；

2、它独特的造型通俗易懂，简洁线条适配性强，无论放大与缩小都不影响其识别性，给用户留下易懂、直观的深刻印象； 

3、背景选用明亮的蓝色调，给人信任、权威、年轻的视觉感受。

『 财务在线 』系统图标含义

APP系统颜色选用

主体色选用蓝色，它是一种宁静和平静的颜色，给人一种信任和安全的感觉，传递年轻、愉悦的视觉感受。点缀色和字体色选用如下图所示

字体规范

系统页面展示

关于UI界面的设计

一、提升阅读效率

1、通过文字大小及字色深浅拉开层级关系，有效帮助阅读次序；   

2、信息模块化，帮助用户迅速在脑海里建立页面框架模型，减少认知学习成本；

3、板块采用四周留白的卡片式布局，让界面更通透，更有呼吸感，视觉焦点更为集中；

二、情感可视化设计

用户画像呈现拉近用户情感距离，让系统更具有亲和力。

三、提升操作效率

操作步骤精简，缩短用户行为路径，提高用户操作效率和便捷性

四、色彩搭配

主次分明，主界面使用大面积颜色，二级界面以白色

报表数据信息背景均采用纯白，让用户此刻冷静思考进行填写或给予审批结果

提升色彩明度，明亮的色彩给人愉悦感。