首页 > 交互 > 关键词 > 网页设计最新资讯 > 正文

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

2017-11-22 08:56 · 稿源:爱范儿
文章目录

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

  • 引人注目的字体排版。醒目的字体排版,通过更大篇幅的视觉吸引,使文字和内容更受关注。让用户印象最深刻的极简主义字体排版设计,通常都运用了醒目的设计风格和字型。但是,醒目字体排版要有吸引力,有一个前提:对用户而言,文字信息是有存在价值的。

使用字体排版来创造视觉吸引力,传达信息。

  • 对比鲜明。因为设计元素减少,所以在设计视觉层次时要有创新力。下图示例中,白色背景和黑色宝石的对比十分鲜明。
  • 相关推荐
  • 大家在看
  • 做红人直播风口下的长期主义者

    距离 618 没几天了,红人直播行业已经进入最新一波的浪潮之巅。有人靠实力冲击新的高度,有人热闹中意外翻船,有人长线布局,有人投机取巧。众声喧哗之中,你我该如何找准方向、踩准节奏?

  • 倡导餐饮行业“新米主义”,美菜成立新米联盟

    2020年5月17日,新一届美菜新米尝鲜节如约而至。为满足在消费升级趋势下大众对大米主食的食品安全、营养口感需求,提升对餐厅主食的消费体验,作为中国杰出的餐饮供应链服务商,美菜与国内优秀的大米供应商共同发起新米运动,成立新米联盟。同时通过系列活动做新米推广,倡导餐饮行业“新米主义”。顾名思义,美菜在售“新米”产品100%为当季新米,为中小餐饮商户提供性价比更高的新米解决方案。新一届美菜新米尝鲜节是2019年美菜?

  • Facebook:白人种族主义账户因与危险组织有关被封杀

    Facebook星期二表示,它已暂时封杀与白人种族主义组织有关的账户,原因是宣扬暴力。被删除的白人种族主义账户与Proud Boys和另一个名为American Guard的组织有关存在关联。Proud Boys和American Guard已被Facebook定义为危险组织。此外,Facebook还删除了虚假声称效忠极左翼政治运动的账户,这些账户的目的是破坏极左翼政治运动的声誉。但Facebook高管表示采取?

  • 亚马逊CEO贝佐斯:取消所有会议纪念奴隶解放节 种族主义仍在

    亚马逊公司CEO杰夫·贝佐斯(Jeff Bezos)周二在一封发给全公司的邮件中称,他将在周五的“六月节”取消所有会议安排,并鼓励亚马逊员工也这么做,以拿出时间来“反思、学习以及彼此支持”。“六月节”时间为6月19日,旨在庆祝美国德州废除奴隶制。贝佐斯称,奴隶制很久之前就已经废除了,但种族主义依旧存在。(作者/箫雨)

  • 入门级录音笔 搜狗C1实用主义更值得首选

    6 月 1 日,讯飞发布智能录音笔AI,定位恰是入门级的录音笔。而早在 2019 年 3 月,搜狗就推出了智能录音笔C1,C1 更是 “智能录音笔”这一品类的开山之作。C1 虽然上市已一年之久,但依旧备受追捧,在京东/天猫双平台AI录音笔品类中是销量最高的单品,成为入门级录音笔的推荐的首选。同样都是定位入门级录音笔的讯飞AI 和搜狗C1 究竟谁更值得用户的首选呢?复古磁带机VS传统背夹式讯飞A1 采用了磁带机的复古外观设计,还赠送了四款

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 亚马逊仓库工人怒指公司种族主义:无带薪假期只有鸡肉和华夫饼

    亚马逊包裹凤凰网科技讯 北京时间6月20日消息,亚马逊公司位于芝加哥的DCH1仓库为工人们提供了一份由鸡肉和华夫饼组成的“正宗餐点”来庆祝“六月节”,这让工人们十分愤怒。“六月节”旨在庆祝美国废除奴隶制。亚马逊DCH1仓库周四通知工人,他们将通过支持黑人企业的方式向黑人社区表达敬意,会在“六月节”当天为工人提供鸡肉和华夫饼。这份文件似乎被投放到了工人休息室的电视上。在亚马逊芝加哥工人的一个私下在线群里,工人们

  • 利用网页抓取数据赚钱的3个思路

    在大数据时代,如何有效获取数据已成为驱动业务决策的关键技能。分析市场趋势,监视竞争对手等都需要进行数据采集。而网页抓取则是数据采集的主要方法之一。在本文中,Christopher Zita将和大家展示 3 种利用网络抓取赚钱的方法,全程只需几个小时就能学会,所用代码不到 50 行。

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 反种族主义紧要关头 苹果多样性和包容性事务副总裁离职

    苹果公司今天证实,公司负责多样性和包容性事务的副总裁克里斯蒂·史密斯(Christie Smith)将离职。眼下,美国非裔男子弗洛伊德之死已经引发全国性反种族主义抗议活动。史密斯在2017年加盟苹果,此前她在咨询公司德勤工作了16年。和她的前任直接向苹果CEO蒂姆·库克(Tim Cook)报告不同的是,史密斯向苹果零售业务和人力高级副总裁迪尔德丽·奥布莱恩(Deirdre O’Brien)报告。苹果在一份邮?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 满足轻奢需求 一汽-大众CC设计清新又高档

    买车,舒适度是自己的,设计是给自己同时也是给别人看的,因为,人,都是有社会属性的,当然希望别人觉得你的选择有档次,又有品位,比如大众CC。优点:大众CC的 18 寸轮毂 245 的米其林轮胎,还有前后独立空调,全新触摸按键,真的没谁了。动力也是很不错的,只要敢给油,就有推背感,虽然不像美系车那么猛,但还是有的。油耗也很动人,买了车的第二天就开车去上班了,高速上居然开出了 4 点多的油耗。回头率真的超级高,比奥迪和

  • 我乐家居拯救糟糕睡眠的卧室设计,你不准备看看?

    你的睡眠被偷走了吗?如今,睡眠质量几乎成了一个社会性问题,防噪耳塞、枕边精油、蒸汽眼罩、褪黑素…………五花八门的新奇好物只为给人们一个安稳的睡眠体验。不过,这些方法虽然有效,但却治标不治本,想要拥有优质睡眠,还是得先从自家的卧室设计入手。今天,我乐家居就教你如何轻松get一间“高质量睡眠的卧室”。1、利用好色彩搭配研究证明,不太合适的卧室色彩设计往往会影响人们的睡眠质量;反之,好的卧室色彩设计则会平静

  • 哈弗大狗内饰首次曝光:从未见过的设计

    近日,有网友曝光了一张哈弗全新SUV——哈弗大狗的实车内饰图片。新车将基于哈弗全新平台打造,并由前路虎设计总监、现长城汽车全球设计总监兼副总裁菲尔·西蒙斯操刀设计。图

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议