请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1165|回复: 0

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

[复制链接]

2652

主题

2652

帖子

7872

积分

论坛元老

Rank: 8Rank: 8

积分
7872
发表于 2018-2-14 15:12:42 | 显示全部楼层 |阅读模式

                                                                 
                                    A 君导读: AppSo (微信公众号 AppSo )之前分享了丹麦籍设计师提出的几个设计原则,其中有一篇文章关于「避免功能蔓延」和「KISS 原则」,今天分享这篇俄罗斯籍设计师 Nick Babich 授权翻译的文章,带你进一步了解「KISS 原则」。
极简主义最早出现于后二战时期的艺术运动。现代网页设计中,极简主义也是主流的设计技巧之一。它有时也被视为「内容大过于形式」的典型代表。
运用恰当的话,极简主义可以使设计师更加关注「简化用户任务」。此外,它还有其他优点,比如网页加载速度更快,大小不一的各种设备上兼容性更好等等。
极简主义提倡的「简」,看起来的确简单,但透过现象看本质,「简而未减」。这篇文章,带你了解极简主义应该要注意的几个设计原则和案例。
一、什么是极简主义网页设计?极简主义最初流行于 21 世纪初。如今,大多数流行设计趋势(比如扁平设计、网站首图、以及隐藏式全局导航等等)都受极简主义直接影响。
Google 常被称为极简主义网页界面的先驱者。自上个世纪 90 年代的测试版开始,极简主义一直都是其界面设计始终不变的遵循规则。


尽管 Google 推出了各种各样的产品,但过去 15 年以来其主页设计风格基本依然如故。
Google 搜索主页设计的成功,为极简主义的流行发展奠定了基础。
关于极简主义网页设计的特征,虽然众说纷纭,但总体来说,包含以下几个基本受认可的方面:
1. 只保留必要元素极简主义的核心听起来也非常简单——简而未减(Less is More)。在网页设计中,要做到简而未减,只要在既定设计环境中保留必要元素即可。
极简主义网页设计的战略在于,省去不支持用户任务的多余元素或内容,简化页面。因为屏幕上的元素越少,其余元素的关注度就更高。
也就是说,如果屏幕上只有单一元素,那该元素背后的信息肯定可以成功地传达给用户。


页面上元素越少,用户的认知负荷也相对较轻。
简而未减,就是要省去任何影响用户注意力的界面元素。但同时,确保用户所需元素没被移除或隐藏,否则用户其首要任务将变得更复杂。
所以,设计要以内容为核心,省去大量二级元素(比如主导航),用户才不会那么困惑。
2. 负空间要问极简主义设计最常用的元素是什么?若回答什么元素都不用,这个答案也不足为奇。
负空间(亦称留白),是极简主义设计最重要的特征,也是使极简主义设计最赋亮点的一个特征。它对引导用户视觉流向也是很有帮助的:
某元素周围的负空间越多,该元素受关注的可能性越大。

负空间是用户最熟悉的极简主义设计元素。图片来源:Bouguessa
3. 视觉特征在极简主义设计中,每个细节都有其存在价值。所以留下的都是精华:
  • 扁平设计。极简主义界面通常都使用扁平设计元素。扁平界面中,看不到任何亮点、阴影、斜度,以及任何使界面更加立体化的元素。

    最少的视觉层次结合扁平设计——现代网页设计的「黄金搭档」。图片来源:F-Secure
  • 生动图片。在极简主义设计中,图片是最具代表的一种艺术形式。图片可以将整个世界的情感连结在一起,并制造特定氛围。但选择图片时,一定要注意:所有代表极简主义设计的视觉特征都应呈现在所选图片中。误选图片,比如有大量分散用户注意力元素的图片,可能会适得其反。

    极简主义设计的最具代表的艺术形式——网站首图,整个网页就一张引人注目的图片。图片来源:Ada Blackjack
  • 颜色少变。极简主义设计,只利用颜色元素来增加视觉吸引力,不再添加其它设计元素。颜色种类越少越好,所以在设计视觉层次时,一定要有创新。


    用户看到的视觉信息越少,颜色元素就更显著,该网站更有影响力。图片来源:Mixd
  • 引人注目的字体排版。醒目的字体排版,通过更大篇幅的视觉吸引,使文字和内容更受关注。让用户印象最深刻的极简主义字体排版设计,通常都运用了醒目的设计风格和字型。但是,醒目字体排版要有吸引力,有一个前提:对用户而言,文字信息是有存在价值的。

    使用字体排版来创造视觉吸引力,传达信息。
  • 对比鲜明。因为设计元素减少,所以在设计视觉层次时要有创新力。下图示例中,白色背景和黑色宝石的对比十分鲜明。
                                                                     
                                                                           
  • 回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端