最新公告
  • 欢迎您光临260素材网,本站秉承服务宗旨 履行“站长”责任,分享只是起点 服务永无止境!本站设计素材资源持续更新中...
  • 极简设计无章可循?那是你还不知道这10个设计原则!

    我们已经聊过太多的极简主义设计,趋势,技巧,方法,策略,都有所涉及。不过聊多了之后也容易迷惑,因为许多掺杂其中的东西,让极简主义的设计的概念显得不那么明晰了。

     

    极简主义本身是一种设计理念,垂直到UI和平面设计领域当中的时候,设计中的每一个元素都应该是有用的。它简单,干净,漂亮,且非常实用。极简主义的设计易于用户理解,参与度也高。

     

    今天的文章,我们打算把知识点梳理一下,用下面的10个规则来设计,能帮你搞定真正的极简主义设计。

     

    01 . 大量的留白

    极简设计无章可循?那是你还不知道这10个设计原则!插图

    在极简主义设计当中,留白是必不可少的组成部分。留白能够营造平和感,能够创造视觉焦点。

     

    将必要的信息和视觉焦点营造出来,然后使用留白包围它们。通过这种方式,将核心的信息凸显出来,让用户只做必要的事情,关注必须的信息。

     

    上面的Plastic 这个网站就是一个留白使用的典范。

     

    02 . 用栅格来规整元素

    极简设计无章可循?那是你还不知道这10个设计原则!插图1

    Cory Etzkorn网址:https://www.coryetzkorn.com/

    栅格系统可以让简约的设计更加富有条理。栅格本身就是用来构建规则性,赋予信息和元素以条理和有序感的,在此基础上,能够让元素的逻辑更加顺畅。

     

    栅格系统让UI界面和平面设计有了更容易遵循的逻辑模式,即使是在极简的设计作品当中,有限的元素在整个空间中,也可以建立足够正确的空间关系,使得整个设计工作协同更加自然。

     

    Cory Etzkorn 为他的作品集网站加入了整套栅格系统,案例图片和下面的标题、文本都保持着精准的左右对齐,营造出一种整饬的视觉体验,即使是点击交互触发界面变化,也遵循着潜在的栅格,使得整个设计充满了协调感。极简设计只是看看起来简约,但是内在所遵循的规则和条理感,让它显得一点也不单薄。

     

    03 .扁平化的元素

    极简设计无章可循?那是你还不知道这10个设计原则!插图2

    Liber Finance Group网址:https://www.liberfinancegroup.com

    扁平化的设计风格不仅是目前的主流,而且在精神内核上和极简主义保持着一致。当然,如今的扁平化设计和之前有所不同,渐变和阴影的加入使得它向前走出了一大步,也不再是“纯粹的”扁平化了。

     

    扁平化的设计元素,无论是图标的设计还是色彩的控制,都会尽量控制信息的层次和量,这一点和极简的需求是一致的。无论是设计网站还是APP,都尽量去除不必要的交互,保持动效的直观和简约。

     

    Liber Finance Group 的网站就采用了扁平化的设计,整体呈现出简约的风格。底部的视觉元素采用了单色的线条,动效自然而简单,用户不会因此而感到信息过载。留白、视觉元素、文本之间达到了平衡,而动效和色彩的控制,则让整个设计自然而生动。

     

    04 . 保持一致性

    极简设计无章可循?那是你还不知道这10个设计原则!插图3

    Motus网址:https://www.raleigh.co.uk/motus/

    无论是传统的平面设计还是更加数字化的网页和APP的设计,极简风格下,所有的元素都应当保持一致性。杂乱无章是会让用户和观者感到困惑的。

     

    虽然有的页面内容可能会需要承载更多的内容,但是极简主义的设计风格约束下,信息只是横向拓展,内容的风格和元素的统一性是不能被打破的,这样对于用户而言,也是贴合预期的。

     

    Motus 这个网站首页主要是用来展示自行车的,白色背景+产品+大标题的设计模式贯穿整个设计,其中提亮的彩色文本在不同的产品中各不相同,但是这种“变化”也是整体一致性的体现。整个设计从风格到一致性的把控上,都贴合极简主义的精神。

     

    05 . 在不对称中保持平衡

    极简设计无章可循?那是你还不知道这10个设计原则!插图1

    Visme网址:https://www.visme.co

    即使是韦恩·安德森也无法确保他电影中每一个画面都是对称的。在极简主义的网站当中,完美的对称总归是少数的存在,而设计师也无需刻意去追求完美的对称。但是视觉上的均衡,则需要设计师力求做到。

     

    有的时候,不对称的设计会更加具有分量感。但是在对比之外,是需要保持总体的平衡。

    在 Visme 的这个弹出式的广告当中,左侧的视觉元素视觉吸引力是极强的,整个页面呈现左重右轻的势态。不过左边的元素会在视觉上引导用户注意右边的文本,足够的留白让左右两边的元素都拥有足够的跳出感,这样的设计确保了对比,有方向性,还足够平衡。

    06 . 简化配色

    极简设计无章可循?那是你还不知道这10个设计原则!插图4

    Titled Chair网址:https://tiltedchair.co

    使用格调比较高的图片可以很好的匹配极简主义的设计,不过在配色上花点功夫会更好。黑白这样的色调功能性更强,中性,且显得优雅。不过这并不是唯一的选择。

     

    在配色这个事情上,极简主义也同样非常讲究。通常会选取一种到两种提亮色,贯穿整个设计,专门使用。

     

    就像Titled Chair 这个网站的首页设计,经典的黑白色之外,采用鲜艳的红色作为提亮色,贯穿整个设计,作为强调用的重点而存在。它赋予了整个设计以简洁感和层次感。

     

    07 . 选取可读性较高的字体

    极简设计无章可循?那是你还不知道这10个设计原则!插图5

    Aimauts网址:https://airnauts.com

    极简主义设计希望图形元素要足够清晰易于分辨,对于文本字体有着同样的要求。

     

    选择最易于阅读的字体,确保用户能够快速扫视。无论是衬线体还是非衬线字体,字体的X高度最好是适中的,风格上不要装饰性太强,经典的字体会更好。在字重和行高、间距上,都控制在合理的度上。不要刻意使用小字号来“创造高级感”,适当的放大字体,确保用户能够一目了然。太大的字体会使得压迫感太强,这个中间的尺度,需要设计师仔细拿捏。

     

    在 Aimauts 这个网页当中,即使加入了动效,文本和字母的可读性也都足够强。简约而现代的非衬线字体,在黑色的背景上显得极为醒目,易于阅读也非常容易理解。

     

    08 . 有目的地设计每个元素

    极简设计无章可循?那是你还不知道这10个设计原则!插图6

    Sister Agency网址:http://sister.agency/

    每个元素都尤其存在的理由,有其独特的功能,必须有用。换句话说,每个UI控件、每个交互都有其独有的设计意图在其中,缺一不可,没有一个是多余的。

     

    如果每个元素对于整个设计是没有贡献的,那么它凭什么会出现呢?

     

    就像 Sister Agency 这个网站的设计,整体的设计足够简单,屏幕上的文本、图片、菜单和布局都有着明显的功能性,没有一个是多余的,用户无需多想就能够借助这个设计达成他们的目标,无论是获取信息还是抵达特定的内容页。

     

    09 . 打破一条规则

    极简设计无章可循?那是你还不知道这10个设计原则!插图7

    Westboume Grammar School网址:https://www.westbournegrammar.com

    打破规则的设计并不影响用户对于信息的获取,甚至能够创造出有趣的设计和交互体验。

    在极简主义的设计风格之下,绝大多数的视觉和交互都是清晰而直观的,即使打破了规则,用户也能清楚地感知到,甚至能够创造一种富有创意的意外感。

     

    但是,这个被打破的规则一定要谨慎地选取,确保你所打破的规则是符合整体设计的,用户可以理解的,并且在数量上控制在一条即可,不要打破太多规则,否则整个设计会如同黑箱一样,让用户摸不着头脑。

     

    Westboume Grammar School 这个网站的设计极简而富有格调,网站在设计的时候,打破了一个常见的规则:在屏幕底部的超大文本采用的是动画,并且用户必须读完才能继续交互。这个设计的度控制得很好,整个设计中只有这一处违反常见的规则,并且不会影响其他。

     

    10 . 保持简单

    极简设计无章可循?那是你还不知道这10个设计原则!插图8

    Delight网址:https://www.wearedelight.com/

    简单的设计其实往往是最有效的。

     

    在极简主义设计当中,少即是多这个规则是适中适用的。尽可能的剥离纯装饰性的设计,确保核心信息是一目了然的。就像上面的设计。

     

    Delight 这个网站应该会让你感到好奇。明亮的色彩和有趣的排版是诱人的,想要了解更多,底部带有动效的箭头会引导你往下浏览。这种极简主义的设计足够简单,有趣,因为它会让你的用户对于后面的信息发生兴趣。在栅格的控制和充足的留白之下,整个设计给人非常舒服的感觉。推荐阅读:极简之美在设计中的体现!

    极简主义是每个人的胜利

    极简设计无章可循?那是你还不知道这10个设计原则!插图1

    Cory Etzkorn网址:https://www.coryetzkorn.com/

    极简主义真正能够得到如此之持久的生命力和如此之多的人的拥护,很大程度上得益于它成就了太多的设计项目,带来了太多优秀的产品。极简主义的伟大之处在于它凸显关键,为用户呈现最重要的东西,并且让用户关注最重要的事情,它是属于每一个人的胜利。

    原文作者:CARRIE COUSINS

     

    1. 本站所有设计素材图片资源均来源于用户上传和网络搬运,仅供学习和参考!如有侵权请邮件联系客服删除!( 243124051@qq.com )
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的设计素材资源或教程,您可以投稿发布,成功分享后有云币奖励和额外收入!
    260素材网 » 极简设计无章可循?那是你还不知道这10个设计原则!

    常见问题FAQ

    260素材网免费下载或者VIP会员专享资源能否直接商用?
    260素材网所有资源版权均属于原作者所有,260素材网所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
    提示链接失效或打开及付款不跳转怎么办?
    1、支付成功后请等待10秒左右 会自动跳转提示下载,如没有跳转 请及时联系260素材网客服处理
    2、如果提示链接失效或打不开——可在对应资源底部留言 或 联系260素材网「客服」
    260素材网下载的素材找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,PS ,AI ,XD ,Sketch,CDR等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    260素材网,赞助会员即送超值素材大礼
    260素材网是一个专业的素材搬运平台!现在开通本站任意会员即附送UI8全站素材下载并提供持续更新...

    发表评论

    • 666会员总数(位)
    • 2056资源总数(个)
    • 11本周发布(个)
    • 0 今日发布(个)
    • 173稳定运行(天)

    这里为你提供最优质的设计素材教程及资源下载

    加入VIP享全站200T素材免费下载

    加入VIP
    升级SVIP尊享更多特权立即升级