加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 交互 > 正文

如果把网页设计成这样,你一定喜欢看

发布时间:2017-12-28 04:42:16 所属栏目:交互 来源:爱范儿
导读:副标题#e# A 君导读: AppSo (微信公众号 AppSo )之前分享了丹麦籍设计师提出的几个设计原则,其中有一篇文章关于「避免功能蔓延」和「KISS 原则」,今天分享这篇俄罗斯籍设计师 Nick Babich 授权翻译的文章,带你进一步了解「KISS 原则」。 极简主义最早出

如果把网页设计成这样,你一定喜欢看

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

再对比下图导航:

如果把网页设计成这样,你一定喜欢看

随时可见的导航菜单

5. 加入动效

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

如果把网页设计成这样,你一定喜欢看

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

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

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

如果把网页设计成这样,你一定喜欢看

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

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

三、资源和工具

  • 极简主义调色板——相比常见的黑白色板,这里可以发现更多适用于极简主义设计的大众款调色板。
  • 色彩对比检查器——输入背景和前景颜色代码,检查器可以计算出对比数据,从而知道哪两种色彩组合最适用。

结束语

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

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

谢谢!

作者:Nick Babich,软件工程师,关注 UI 和 UX。

翻译:Jorri

原文授权译自 Functional Minimalism for Web Design

题图来自 Pexels

(编辑:常州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读