第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

简而不减:极简主义设计的 KISS 原则与案例(2)

时间:2017-11-23 08:56来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在斯特伦克和怀特共同出版的《风格的要素(The Elements of Style)》一书中,他们提出了「省去多余文字」这一观点。这也适用于极简主义设计认真编辑页面文

  在斯特伦克和怀特共同出版的《风格的要素(The Elements of Style)》一书中,他们提出了「省去多余文字」这一观点。这也适用于极简主义设计——认真编辑页面文本,只留下必要元素,但留下的必须是精华,可以帮你清晰明了地传递讯息。

  

简而不减:极简主义设计的 KISS 原则与案例

  △ 省去所有多余的文字,以最简洁的方式与用户交互。图片来源:BFF

  4. 简化,但不是隐藏导航

  简便导航,自始自终都是网页设计的目标之一。但简便并不等于直接隐藏。若使用汉堡包菜单,在用它来简化界面内容前,要确认你有合理理由。同时,汉堡包菜单还会减少导航的可发现性。大多数情况下,随时可见的导航选择更佳。

  注:汉堡包菜单是导航方式的一种,通常在导航栏左侧有一个由三条横杠(三层汉堡)组成的图标,这就是汉堡包菜单。

  先看看下图的导航:

  

简而不减:极简主义设计的 KISS 原则与案例

  △ 主要导航菜单仅在用户操作下才可见

  再对比下图导航:

  

简而不减:极简主义设计的 KISS 原则与案例

  △ 随时可见的导航菜单

  5. 加入动效

  在设计中,动效的影响越来越大。没有动效,即便是极简主义设计,可能也会「坐冷板凳」。不过,加入动效仍需遵循极简主义的设计原则:简洁,并且只保留必要元素。

  

简而不减:极简主义设计的 KISS 原则与案例

  △ 动效使交互过程更具活力。图片来源:Intercom

  6. 着陆页和作品集页面一定要极简设计

  虽然内容驱动型极简主义设计适用于任何网站,但有时极简主义美学可能会「文不对题」。不过,极简主义设计一定适用于着陆页和作品集页面。比如下图示例,设计目的简洁明确,内容相对较少。

  

简而不减:极简主义设计的 KISS 原则与案例

  △ 设计师 Brain Danaher 的作品集页面——许多设计师美称为极简主义设计网站的典例。

  要想把极简主义设计有效运用到更复杂的网站,可能并不简单。因为内容复杂的网站,少量元素必然是其短板。针对这种情况,可以利用极简主义设计一个着陆页,再通过着陆页链接至有更多细节的页面。

  三. 资源和工具

  1. 极简主义调色板

  相比常见的黑白色板,这里可以发现更多适用于极简主义设计的大众款调色板。

  2. 色彩对比检查器

  输入背景和前景颜色代码,检查器可以计算出对比数据,从而知道哪两种色彩组合最适用。

  总结

  省去不支持用户任务的多余元素或内容,极简主义网站在简化界面这条道路上越走越稳。为什么这类网站如此给人启发?答案一望而知:其设计兼顾了「简洁性」和「可用性」两方面。

  能简易导航的「轻负荷」网页,照样能传达讯息,且不亚于其它。何须浅碧深红色,自是花中第一流。简而不减,你值得拥有。

  原文地址:Functional Minimalism for Web Design

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕