欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 平面设计 > 网页技巧 >

扁平化界面风格设计

更新时间:2013-05-29 浏览次数:

简单的地说是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
扁平化界面风格设计

无论采用怎样的风格,优秀的界面设计都需要遵从一些共通的设计原则:

一致性

通过具有一致性的设计模式及视觉风格,为用户建立起完整一致的心智模型,使产品更加易用,提升整体体验。

对比

通过对配色、尺寸和布局的调整,使可点击的界面元素在视觉上与其他元素形成鲜明的对比

布局

可以尝试使用960gs一灯的网格布局为界面设定视觉规范,使用户的视线可以跟随内容本身所界定出的路径自然的移动,增加界面的视觉平衡。

层级化

最重要的东西要比相对次要的东西更容易被看到。关于这个话题我可以写一整篇文章出来,简单的说,就在界面设计中着重突出那些与核心功能与常见案

例相关的交互元素,而将其他操作元素置于次要位置,这可以使界面得到最有针对性的优化和简化。

目标用户

不同类型的用户所青睐的界面风格也有所不同。建筑、设计、时尚等领域的用户可以更加的拥抱扁平化风格,而其他更加“普通”的用户则更容易接受相

对传统的拟物化界面。

反馈

当点击行为发生时,要立刻向用户提供清晰明确的视频反馈。动画过渡效果就是一种比较觉见的反馈方式,例如在用户执行操作后,使用旋转图标提示用

户系统正在进行响应。

降低“摩擦力”

无论采用怎样的视觉风格,都要使界面尽量简化,减少用户完成目标所执行的操作,打造更流畅的交互体验。任何一点障碍或额外的步骤都会提高操作成

本,增加功能的复杂度,进而降低转化率。

鼓励探索

了解目标用户有可能对产品进行哪些方面的探索。一旦他们习惯了产品的界面与基础功能,并开始向“高级用户”的阶段进发时,要为他们的探索和学敢

问行为进行必的指引与“奖励”回馈。

原型

无论风格如何,界面形式都取决于实际的功能。好的设计方案离不开产品前期的规划工作,特别是通过草图或线框原型进行的探索。识别出最核心的用户

需求,使用原型不断尝试和验证,为接下来的界面设计工作打下坚实的基础。

 

关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!