IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

今天的扁平化设计中,值得注意的4个要点

Catherine • 2017-05-08 09:53 • 交互设计

扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。极简主义是形式和功能的完美结合。内容为王,而色彩服务于内容。文本已经成为一种重要的可视化设计元素。你总不希望用户被你的字体诱导分心了吧?

文章目录[隐藏]

  • 1、高效的极简风
  • 2、强调色
  • 3、有趣的排版
  • 4、一个设计,一种字体
  • 5、结语

扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。

今天的扁平化设计中,值得注意的4个要点

扁平化设计在过去的几年当中以惊人的速度发展起来,并且随着用户需求的变化而逐步进化。扁平化设计看似简单,但是其中分支多样,涉及到的技术多样,相关规范也都比较系统。

到现在,扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了。所以,目前的扁平化设计当中,值得注意的要点大多是围绕着这一需求来的。

1、高效的极简风

极简主义设计的核心概念在于仅保留必须的组件。扁平化设计和极简主义在内核上相辅相成,在设计思想和内核上共通,比如,两者都推崇简约的设计和以内容为中心的设计思路。

极简主义是形式和功能的完美结合。

扁平化设计本身具有简单直观的属性,不仅具备视觉吸引力,而且兼顾了实用性,许多着陆页的设计常常会采用扁平化设计就是这个原因。相比于拟物化设计,扁平化设计更加轻量级,这可以让内容在不同尺寸、分辨率之间适配更加便捷。

今天的扁平化设计中,值得注意的4个要点

屏幕上的元素越少,每个元素的有效度越高。

极简风看起来很容易实现,实际上,它比其他的更难做好。更少的元素意味着你需要更加谨慎地选择元素,因此,在决定保留各个元素、组件的去留的时候,你需要比以往更加谨慎。

小贴士:

(1)对内容进行强调(视觉上)。在设计的时候,尽量遵循一个原则:每屏只需要一个焦点,保留一个视觉中心,这样可以让内容毫无干扰,有效度达到最高。

今天的扁平化设计中,值得注意的4个要点

(2)大量使用负空间。负空间,或者说留白,是极简主义设计中最核心的设计元素之一,这也是它用来统一风格的重要手段。

2、强调色

在扁平化设计中,色彩的重要性再一次得到了强化。明亮的色调在扁平化设计中弥补了细节不足的缺陷,这也是为何色调明艳的配色方案一直流行。不过,随着时间的推移,现在配色方案的搭配方式开始倾向于使用中性色为主,而亮色用来强调的方案。

内容为王,而色彩服务于内容。

今天的扁平化设计中,值得注意的4个要点

明亮的色彩和中性的背景搭配到一起,让设计师更好的控制不同的元素的视觉效果。

今天的扁平化设计中,值得注意的4个要点

黑暗的背景下,明亮的图案会显得更加富有戏剧性。

小贴士:

(1)按钮和主要的文字内容都高亮显示。通过色彩的调整,让某些按钮比其他的更容易被识别,更加突出。相比于幽灵按钮,这样的设计更加醒目。

今天的扁平化设计中,值得注意的4个要点

(2)使用经过验证的配色方案,Flat UI Colors 这个网站就搜集了最常用、最有效的配色。

今天的扁平化设计中,值得注意的4个要点

3、有趣的排版

越来越好的硬件设备让屏幕带来更优质的显示效果,而诸如 Google Fonts 和 Adobe Typekit 这样的服务则让网页排版进入一个全新的时代。

文本已经成为一种重要的可视化设计元素。

令人愉悦的字体和排版是个大趋势,定制化的字体、功能性的字体越来越多的出现在网页设计中,它们让网页排版进入了一个全新的时代。甚至中文网页字体也具备了更多的可能性。

今天的扁平化设计中,值得注意的4个要点

有趣的排版让扁平化设计不再单调。

小贴士:

(1)永远不要为了时尚或者噱头而牺牲字体的可读性,如果用户无法阅读,那么就更谈不上排版和风格了。

今天的扁平化设计中,值得注意的4个要点

(2)手写字体在网页设计中是一个很好的补充,但是考虑到可读性的问题,所以尽量不要在正文中使用,在大标题中使用则可以一定程度上降低可读性上的障碍。

4、一个设计,一种字体

太多的字体会让整个页面看起花哨而累赘,甚至会干扰用户对于视觉层次的感知。LOGO和大标题关乎品牌识别,它们需要专门在排版上进行设计,我们采用有趣或者别具一格的设计合乎要求,但是绝大多数的文本和内容在扁平化设计中,应该保持简约、一致,这部分应该采用识别度高,尽量使用一种字体。

你总不希望用户被你的字体诱导分心了吧?

因此,当你采用扁平化设计的时候,将正文和非标题文本设定为单个字体,你可以合理的调整字重、色彩和大小,但是多样的字体可能会给你的设计带来麻烦。

让一个字体贯穿始终,用户会更多的注意到内容本身,而非字体的变化。

今天的扁平化设计中,值得注意的4个要点

小贴士:

(1)选择一套识别度良好、包含多种字重的字体族,这样确保它在不同的尺寸下都具备良好的可读性和识别度,最好在小屏幕上具备优秀的显示效果。

今天的扁平化设计中,值得注意的4个要点

(2)所选的字体在字母外观中非常容易识别,许多字体(尤其是在非衬线体字体中)小写字母l(L)和大写字母I(i) 很难分辨,诸如单词 Illustration 就非常难以分辨。当字母都难以分辨的时候,就会直接影响到用户的阅读。

今天的扁平化设计中,值得注意的4个要点

5、结语

扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。

 

原文作者:Nick Babich

原文地址:uxplanet

译者:@陈子木

译文地址:http://www.uisdc.com/prevailing-trends-in-flat-design

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24338/

GooglelogoPSUIUX产品经理字体扁平化设计极简主义极简风用户网页设计视觉设计设计师设计思想译文配色
赞 (0)
CatherineCatherine
0
生成海报
不要忽视色彩在手机APP设计中的作用
上一篇 2017-05-08 08:59
UX分析:朋友圈的外链知多少?
下一篇 2017-05-08 10:47

相关推荐

  • 交互设计

    用户体验|无关情怀,只与用户习惯有关

    用户体验在使用层面是一个感情的解释,但是在产品设计的专业领域,这是一个具象且拥有层次感的专业领域。当一个产品进入市场后,“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。这就是用户…

    2016-11-08
  • 昨天交互设计讨论群里发生的事与微信读书自来水的故事 交互设计

    昨天交互设计讨论群里发生的事与微信读书自来水的故事

    文章来自IAMUE交互学堂讨论群黄韦分享,希望加群的请加阿西群主个人微信号之后由由他邀请入群,二维码进不去了人多了限制二维码入群了,请知悉。

    2016-02-22
  • 谈谈怎样的设计能给人留下深刻印象? 交互设计

    谈谈怎样的设计能给人留下深刻印象?

    什么是设计? 关于“设计”的含义有着许多种解释,每个人对设计都有自己的理解和体会,甚至具体到一个点,一个色块。百度说,设计是一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人说设计是把自己的想…

    2014-10-27
  • 聊聊UI界面中搜索入口的设计 交互设计

    聊聊UI界面中搜索入口的设计

    搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

    2017-05-16
  • 价值重估的狗和鱼 一 有趣的哲学文章

    来源:经济观察报    李冬君 有人将庄子与古希腊哲人第欧根尼相比。两人同时,一个在东方,一个在西方,一个喜好在河边钓钓鱼,一个喜欢躺在街上像野狗那样晒晒太阳,在同一个天空下玩耍。   希腊是哲学的国度…

    交互设计 2014-09-21
  • FaceUi招交互设计师-UE网免费发布交互设计师招聘信息

    职位:交互设计师   岗位职责: 1、熟悉了解移动智能产品的UED流程; 2、设计不同的产品原型方案;独立负责并完成单个项目; 3、参与团队设计交流与创新尝试与研究; 4、跟进视觉设计师和开发工程师,负责对接客户…

    交互设计 2015-05-12
  • 设计师进阶:从UED向UXD转型 交互设计

    设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 如何输出一份合格的交互设计文档? 交互设计

    如何输出一份合格的交互设计文档?

    做一件事之前一定要先想清楚做这件事的目的,为什么要做这件事,只有这样,才能万变不离其宗,不会变成为了做事而做事,这很可怕。拿交互设计文档来看,为什么要写交互设计文档,这是开始写之前要想清楚的。

    2017-05-15
  • 微信热点

    论数字媒体交互设计的未来

    “交互设计”这一概念如今风靡全球,对于它的研究 与实践受到企业、院校等机构越来越多的关注。现如今交互设计正在呈现出一种放射状成长态势,这使得交互设计没有绝对的定理,都是在共同交流,探索中前进。国内交互设计优秀案例分析在信息全球化的时代,无论是国际还是国内市场,大多数设计机构都在言必称交互,“交互设计师”、“用户体验设计师”已经成为炙手可热的职位。我国也涌现出一批优秀的交互设计师们,其设计出的作品均获得了国内外的一致好评。例如,中央美术学...

    2018-03-03
  • 交互实战|Design sprint methods 在To B产品中的应用 交互设计

    交互实战|Design sprint methods 在To B产品中的应用

    在湾区很火的设计冲刺,真的能有效快速解决项目中棘手问题吗?我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Design sprint methods的设计过程吧~

    2017-04-30
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress