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

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

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

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

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

  • 对比鲜明。因为设计元素减少,所以在设计视觉层次时要有创新力。下图示例中,白色背景和黑色宝石的对比十分鲜明。
  • 相关推荐
  • 大家在看
  • 站长之家诚聘:SEO高手、资深网页设计师、JAVA/GO/PHP/.NET工程师

    2020年站长之家开启新一波人员招募,欢迎小伙伴加盟。本次的首推职位有资深SEO高手、资深网页设计师、JAVA/GO/PHP/.NET程序员,欢迎大家投递简历到hr@chinaz.com邮箱(务必附作品、工作经历、工作成绩等)。SEO高手(若干人)职责描述:1、负责站长之家网站的搜索引擎优化方案设计,提高网站流量、收录和排名;2、负责监控和调研搜索引擎数据与规则,调研竞争对手及其他网站相关策略,制定并实施应对和优化方案;3、负责对SEO相关数据进

  • 如涵:网红经济同样信奉长期主义

    在越来越多的网红带货销售的模式处于瓶颈的时候,企业选择跟这些网红自媒体合作,把自己的品牌形象通过直播的方式树立起来,也是一个顺理成章的事情。

  • 电商进入“平台帝国主义阶段”,我们的独立和自由从何而来?

    我们很容易陷入人云亦云,也很自然地愿意把一切不确定性归咎于“疫情”。然而,不确定性远不是这个时代才有的特征。慌乱的群体行为会把我们直接推上死路,恐慌情绪也会放大最初的小问题并把它升级成灾难。这一切取决于你对待不确定性的态度。

  • 牵手线下巨头派多格,波奇宠物用长期主义打开线下想象空间

    近年来随着宠物经济的爆火,一些依靠宠物经济崛起的品牌服务平台,日益受到外界关注。作为国内宠物行业唯一独角兽,近日正式向SEC递交上市申请的波奇宠物,其一举一动更是倍受关注。日前,派多格董事长李忠伟在接受搜狐科技采访时,表达了他对派多格与波奇宠物继续深度合作持欢迎的态度。实际上,双方合作早已结下姻缘,早在一年之前波奇宠物就曾向派多格投资数千万美元,成为派多格唯一的外部股东。而作为在宠物服务方面具备独特?

  • 波奇宠物(BQ.US)IPO底层逻辑:一场长期主义胜利

    正在冲刺美股IPO的波奇宠物(股票代码为:“BQ”)即将迎来发展史上的一个高光时刻。根据日前更新招股书,波奇将发行 700 万股ADS,发行区间为 10 到 12 美元,募资规模为 7000 万美元到 8400 万美元,准备在美国纽交所上市,成为“国内宠物行业赴美上市第一股”。从 2015 年开始,波奇开始从线上往线下布局,通过SaaS解决方案为线下宠物店和宠物医院赋能,为1. 5 万家宠物门店和医院提供了免费的SAAS系统(波奇宠物店管家)和进货

  • 依维世苏打水,百事带给中国消费者极简精致的品牌体验

    在《 2019 中国消费趋势报告》里,本真消费和精专主义成为描述中国消费趋势的热门词汇。而依维世苏打水作为一款主打“享受简单”的饮品无疑是契合了消费者的需要,满足了越来越多的年轻人极简精致的品牌体验。足迹遍布全球 口感征服大众早在上个世纪 40 年代,依维世便以纯粹清冽的口感吸引了美国消费者,被誉为“如钻石般打磨的苏打水”。如今,依维世的足迹早已遍布全球,并活跃于各类饮用场景如佐餐、调酒等,深受大众的推崇与?

  • 299元 罗技K835机械键盘发布:铝制外壳 极简84键

    近日,罗技K835机械键盘发布,售价为299元。这款键盘拥有“黑色+红轴”“白色+红轴”“黑色+青轴”“白色+青轴”4种组合轴体版本,办公、游戏两不误

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 上直播联手稿定设计,共同推进视频直播+在线设计服务的融合之道

    近日,上直播与稿定设计达成战略合作,双方将持续探索企业视频直播与商业设计领域的跨界融合,为双方的使用受众提供更多元化的视频直播和在线设计领域的使用体验,共同推动视频直播和在线设计的融合发展。上直播是国内知名的企业直播服务商,旨在为企业提供从视频内容生产、内容运营、大数据精准营销于一体的完整营销闭环服务,衍生了教育培训、医疗、金融、企业内训、汽车、房产、互联网等众多行业的企业视频直播解决方案,当前已

  • HONOR TALENTS荣耀全球设计大赛上海艺术沙龙 畅谈设计美学“理想国”

    自 9 月 4 日上线以来,HONOR TALENTS荣耀全球设计大赛吸引了全球设计师、知名高校设计高材生的关注和投稿。线下,荣耀也与设计爱好者们积极互动交流,在上海时代广场连卡佛搭建了一个的交流平台,邀请青年设计师周桐及花粉一起在现场创作和分享精美创意作品,畅谈设计美学“理想国”。畅谈创意本源弘扬传统文化周桐,连卡佛 2020 创意集结号涌现出来的设计才子,作为中央美术学院设计院的青年设计师,其主攻媒体艺术研究方向,近?

  • vivo IFEA 分离式镜头设计荣获2020红点设计概念大奖

    2020 年 10 月 9 日,深圳 —— 享誉全球的设计界“奥斯卡”德国红点奖于线上颁奖典礼中官宣获奖名单。vivo工业设计团队凭借vivo IFEA(Interest Free Explore Amazing)分离式镜头设计,在来自 52 个国家的 4170 件作品中脱颖而出,荣获红点设计概念奖,彰显其卓越产品设计和领先创新科技。对vivo而言,成为近三年为数不多斩获红点奖的中国手机品牌,意义非凡。红点设计概念奖证书vivo IFEA分离式镜头设计示意图 德国红点奖始于 19

  • 阿里给原创设计师找“钱” 联手中华设计奖为创意孵化牵线搭桥

    原创设计如何快速变现?商家又如何找到符合自己风格的原创设计,并在卖成爆款后不被抄袭?在9月25日的第三届中华设计奖颁奖仪式上,阿里巴巴集团知识产权保护高级总监徐骏提出了包括“一键备案确权”、“智能精准授权”、“抄袭快速维权”等在内的原创保护三权服务体系,用创新技术去保护商业创新,打通原创设计供应链和产销链,保护整个行业不受抄袭困扰,建立良币驱除劣币的可持续循环机制。与赛事合作促进原创设计商业孵化本届中华设计?

  • 丐帮设计:职场人升职加薪必备神器

    随着自媒体、短视频等行业的兴起,人们对作图的需求也越来越多,尤其在职场中,互联网公司、广告公司、旅游公司的小哥哥小姐姐们常常会接到老板作图的任务,对于不懂设计的小白来说,简直令人头秃。为了解决用户作图需求这一痛点,各类图片编辑工具应运而生,丐帮设计就是其中十分优秀的一款。丐帮设计的用户群体十分广泛,无论你是做新媒体运营、产品运营、淘宝商家,还是教师、HR、销售商家,在丐帮设计都能找到你想要的模板!丐

  • 代理分销制度6个设计思路

    因为最近在做一个新的社交电商平台,所以一直忙着做平台分佣的顶层制度设计。说实话,以前我从来都没有一次认真的参与到平台分佣制度的设计中去,我主要是负责平台上线之后的运营和玩法的。

  • 聚焦“设计价值原生力”东外五十六号创新园区@2020北京国际设计周开幕

    2020 年,人类与城市进入后疫情时代的复杂变革时期。此时,设计的力量,从民生之维再出发,寻找与定义能抵抗风险韧性与穿透不确定未来持续性的真实的价值。 2020 年 9 月 25 日至 9 月 30 日,为期一周的 2020 北京国际设计周“设计之旅”东外五十六号创新园区分会场“设计价值原生力”系列主题活动正式开启。东外五十六号创新园区,一个面向未来的探索大院儿新邻里社区的创新实践场,以原生价值为核心进行设计力的重新解构,与众?

  • 好莱客全屋定制这样设计 小户型也能通透又宽敞

    许多人在家居布置中有这样的误区,认为中小户型如果想要显得更宽敞通透,就应该少放家具。但其实,这样装出来的房子非常不实用,住久了很可能出现的结果是:满屋的物品无处归置,显得更加杂乱无章。好莱客设计师提出,其实房子要想显得通透,和空间布局改造很有关系,装对了,大体积的柜子反而可以有出乎意料的效果。好莱客案例中的业主小熊家就是这样子,虽然家里住了五口人,却依旧保留了敞亮的空间效果,甚至还有种“空无一物”

  • 苹果高管讨论A14芯片的设计方法

    自上月推出采用 A14 芯片的新款 iPad Air 平板电脑以来,苹果高管已经在一系列采访中介绍了背后的一些开发细节。比如赶在 iPhone 12 发布会召开之前,苹果公司平台架构副总裁 Tim Millet、以及 Mac 和 iPad 产品营销高级总监 Tom Boger,就在接受外媒的新一轮采访期间,讲述了该定制芯片的能效问题。

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