020-29815005
预约专线时间:09:00-23:59

扁平化UI设计的设计步骤有哪些

新闻来源:优漫教育 日期:2021-11-13
今天信息爆炸的文化背景下,人们每天都要通过手机APP接触到庞大的信息流,然后持续地进行评价、过滤、再加工,具有认知负担,平面用户界面设计更适合信息的碎片传递。
  扁平化UI设计通过对有效信息进行分类,整理信息层次,把路径的核心内容扁平化,让用户快速通过较少的路径就可以快速获取信息。简明扼要的内容既能减少应用程序本身所占的空间,又能减少数据装载时间,提高系统的使用效率。

  扁平UI设计的主要设计步骤:

  ①手机应用程序UI设计前,首先要弄清楚功能与用途,要清楚地理解产品的定位,通过深入调研,分析了群体用户的使用特点、情绪、习惯、心理、需求等信息,并得出用户研究报告和可行性设计建议。


UI设计培训班


  ②其次要做的是界面信息的整理工作。计划一个完整的信息层次,并在充分理解应用程序的功能和目的要求的前提下,将整个应用程序的重点函数和逻辑关系清楚地展现出来,把不必要的信息都去掉。

  ③在完成信息梳理的基础上,第三步是对整个界面进行原型构架,包括操作和跳转过程、结构和布局,将信息按有意义的方式分组,为了给后续的原型设计建立一个清晰的框架结构,每一层网页中包含的内容都必须通过这个步骤完成。

  ④根据成本和进度,绘制界面原型图,这是一种必须在最终方案成形前才能展示出来的设计表达形式。因此这个阶段可以绘制线框原型图,以方便展示方案、进行讨论,同时与开发人员在设计上进行沟通,一旦发现问题可以及时修改。

  ⑤界面视觉效果设计,依据界面原型图作为构架,对视觉效果进行处理。参照品牌定位与品牌形象,建立至少两个以上的视觉风格提案并进行分析,当方案确定后,则进行深化设计,包括界面元素的布局、色调风格、图标、外观效果等。