案例分析：聊聊扁平化设计的六点优势(2)

即使是在最初的线框图绘制阶段，扁平化设计的设计规原则和逻辑转换同样是适用的。线框图设计本是UI和UX设计的最初也是最关键的部分之一，它将APP和网页的基本执行方案框架呈现在团队和客户面前，它本身就具备一定的视觉化设计的特征。线框图快速有效地将核心和基本的元素整合到一个简约直观的框架中来。

UI界面设计

现在的UI界面设计中大量充斥这扁平化设计，你可以在其中看到各式各样的扁平化设计元素的运用。

UI交互概念设计

扁平化在UI设计中的应用范畴非常广，尤其是在移动端的UI设计上。

Pull To Refresh

Portrait vs Landscape interaction

GIF for Pull Down

Tab bar interactions

UI导航元素

扁平化设计的另外一个重要应用就是图标和导航元素的使用。简约和视觉化的特征让它们在UI设计中更加灵活，在小尺寸下具有良好的可读性，设计师可以使用鲜艳的色彩创造不同的视觉效果。

The set of flat icons

Flat icons applied in Veggie App

Flat icons and tabs design for Blog App

Flat icons applied in Saily App

Flat UI design elements for PassFold

UI插画

越来越多的UI开始采用扁平化的风格的插画，它们具有明显的可定制性和针对性，有明确的业务目标和视角，可以更为高效地解决用户的痛点。

Cafe Coupon App

Weather App

Moneywise App

Illustration for SwiftyBeaver

Timeline App

Healthy Stickers

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：ASP站长网）