浅淡移动互联网产品新趋势-极简主义设计

一.极简主义的产品设计

1.极简主义理念

极简主义的理念是“少即是多”。采用最简单的形式、最基本的处理方法、最理性的设计手段求得最深入人心的艺术感受。

极简主义形式提倡简约、明晰、外向、追求单一性,强调整体统一、直截了当、拒绝矫揉造作。用最少的“视觉噪音”满足最大限度的功能要求,力求呈现出一种宁静的美感。

伟大现代主义建筑设计师密斯凡德罗提出“Less is more(少即是多)”的极简主义设计哲学。

极简主义在室内设计平面设计、服装设计、产品设计、人机交互设计、界面设计等领域中被广泛追捧。博朗,苹果,无印良品等公司更是在极简主义中找到并实现了巨大的商业价值。

博朗收音机(1961)

2.极简主义的互联网产品设计

在20世纪末的20年当中,极简主义逐渐在人机交互领域形成了独立的分支。

人机交互研究专家JohnM.Carroll建议通过合理设计以简洁传达信息,帮助用户更好的完成任务而不是带来干扰。他强调,将设计方案精简到只保留基础元素的程度,以目标任务结果为导向的简洁才是根本。

Jakob Nielsen(尼尔森)在他的十大可用性原则中提到“Aesthetic and minimalist design(审美和简约设计原则)”。

Reformat

1999年Google在首页采用极简设计,仅保留品牌LOGO与搜索空间,大面积留白,极大突出了搜索功能和品牌属性,在具体使用中也帮助用户提高了搜索效率。时至今日,Google从网页到整个产品系列,品牌仍然坚持简约的设计理念。

Google首页(1999)

微软在2011年发布的Windows 8全新系统,正是源于极简主义很典型的最小化设计哲学——“现代化设计”Windows现已更新至window10,仍然延续和贯彻这个设计风格。

Window 8(2011)

2013年苹果发布最大升级系统版本-iOS7,抛弃了以往的拟物化设计,而采用了扁平化设计。iOS7发布之初,完全简约的界面设计也曾引来一批讨伐之声。然而,苹果坚持延续iOS7扁平化的设计风格,将极简设计不断深化。时至今日,扁平化设计早已成为APP界面设计默认规范,也进一步证明了极简主义理念与互联网产品特质的无比契合。

iOS 7(2013)

近两年,越来越多的国内外主流APP走向极简主义,或者更加极致的践行“少即是多”。


Apple music(iOS)


Instagram(iOS)


微信,京东金融(iOS)

二.移动APP何故钟情于极简设计?

“…不多余的修饰,由功能驱动设计,利用留白、颜色、字体、图形等元素巧妙地突出重要内容,引导用户行为…尽量少用浮雕、渐变和阴影,让界面更轻,保证内容的核心地位。”——iOS设计规范。

为何iOS极力推荐APP采用简约设计,为何移动APP钟情于极简设计,简约又在如何发挥作用?

1.极简设计已成为主旋律

随着时代与科技的进步,每天进入我们视野的信息量越来越多,当这些信息内容展现在我们面前的时候,最需要做的事情就是尽可能快的让这些内容被我们理解吸收。

例如,交通路牌只用圆圈,方块,箭头等简单的线条组合,黄白黑高对比度的色调, 就是为了让司机尽可能在最短时间内理解到交通指示牌的意思是什么,减少视觉停留的时间。

正因为如此,各大品牌在产品,标示等设计上,都不断提炼要素,做减法,做减法。(万事达最新LOGO设计费800W)

2.极简旨在突出内容

极简主义本着“减少、减少、再减少”的原则对产品进行处理,运用单一的色彩或在适当的地方用强烈的色彩稍加点缀突出产品的内容。追求产品的简洁纯粹,尽量保持形式的完美,杜绝一切繁杂干扰。

移除界面中那些对于重要信息的呈现没有实际作用的装饰性元素,将各种复杂线条设计、渐变、光影、质感全部删除,用极简的修饰,或者干脆不用修饰,目的就是突出内容。

3.极简提升用户效率

用户使用移动APP产品的环境更加多样和复杂:从喧闹的商场到拥挤的地铁,嘈杂的环境影响着用户的注意力;从排队等候到用餐期间,碎片化的时间让用户没有耐心;再加上手机内部大量应用并存同时运行,任何一个系统推送,消息通知都会打断用户的操作。

大面积的留白,使图、文、底主次分明,最终目标是帮助用户去快速的关注焦点,并尽快实现他们的目的。运用极简设计手段进行页面设计,不仅可以使阅读省力和信息获取快捷,而且页面的留白更加透气,可以让用户保持欢快的情感进行浏览。

使用场景示例

4.移动APP更需极简设计

手机与电脑端相比,本身具有设备小,功能强的特点。手机屏幕有限,却具有相机,重力感应,陀螺仪,GPS等深度硬件支撑,因此,手机应用往往“身负重任”。

极简设计的理念不仅可以指导移动产品去伪存真,在较小的屏幕中突出展示最核心的内容信息,而且更少的装饰也一定程度上减少应用体量,减弱安装和加载的负担。

APP核心目标是解决用户的需求,极简通过形式上的手段真正的聚焦信息,简化流程,让移动APP从外到内的实现了轻快,易用。

5.极简绝不是简陋

当我们被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花。在这个浮躁的城市,周围越来越多的事物被简化包装、摒弃华丽的外衣,以它特有的低调、简约和实用,打动了用户的心。

“少”是复杂的升华,追求的是一种纯粹的、无杂质的产品气质。极简设计为用户创造平静的观感,避免了强烈装饰带来的干扰与焦虑,将思想聚焦内容本身,还原了产品最基本的东西,表达出耐人寻味的激情,是一种高品质的体现。

三.如何打造极简主义的移动APP?

越来越多的APP走向极简主义,极简旨在突出内容,将用户注意力聚焦到最具价值的信息上,从而提升用户的操作效率。极简风格的手机APP,可以实现由内而外的轻快,易用。

那么,如何从设计的角度打造极简主义的手机APP?通过极简主义理念以及大量成功案例总结出以下几个方面:

1.大字体的使用

图形简化之后,文字变的更为重要。文字用于传达信息,比图形更为快捷和精确。大文字也成了视觉元素,大字体在移动端上呈现,会赋予界面以层次,提高特定元素的视觉重量,给用户眼前一亮的感觉。字体够大,够优雅,够独特,同时也能提升页面的气质和特色。

大屏手机成为主流的今天,界面设计趋势更有杂志风的方向,大字体,模块化,用图片替代色块作为背景。每个APP都希望用户停留的时间更长,从各方面去争取用户的注意力,而更大更醒目的字体运用刚好符合这一需求。

2.白色等原色的应用

不同用户对色彩的的理解和敏感度有差异,认知过程中来看,最早在儿童时期喜欢需要简单的、新鲜的、强烈刺激的色彩,随着年龄的增长,色彩感觉相应趋向于成熟和柔和些,对于色彩的理解差异也就越来越大。

极简设计使用原色试图剔除时间因素对于色彩认知程度的影响。极简设计推荐使用原色,偏向明亮色和无彩色系中的白灰色,满足极简主义追求的简单明了的,将元素精简至原始状态。

白色明度最高,无色相,明亮干净、畅快、朴素,永恒无暇,在自然界象征着极致的纯净与贞洁。界面设整洁、大空白的同时让用户保持欢快的情感进行浏览。

轻快的白色可以给人很好的轻快速度感,可以让其它任何浅颜色及亮颜色呈现出其深度、明度和饱和度的不同,通过对比让其亮色更加明快、专注和舒适。白色优雅、平和而简单,没有强烈的个性,因而设计中,白色具有高级,科技的意象,是永远流行的主色调。

3.空间的分割

卡片式和分隔符等之前所流行的处理方式,色块的区分会使元素显得拥挤,灰色的分隔带会抢了视觉中心。更加弱化的分割线处理可以为界面提供更加现代化的外观,专注于功能。

将区域分隔通过空间留白的方式处理,比如可以将图片和字体放大,更高的列表让界面更加通透,优雅干净。突出核心内容,展示清晰的层级划分极大的提高产品的易用性。

4.微交互

极简并等于简单,而是流程的简化,细节的优化。移动APP本身设备的局限性,使用场景的复杂度,决定了交互设计细节重要性。动效与动画有着本质的区别:动效作为信号提示,来提醒用户动作和任务的完成,它们要简单而且自然,动效本身服务与内容和操作,避免造成不必要的干扰。

通过微动效引导用户,或者给予操作情感化的反馈,极大提高操作的流畅度与亲和力。基于手势的交互方式也更加适合大屏手机的操作。

微动效与极简的界面搭配,可以丰富产品形式,让极简的页面元素鲜活起来。

参考文章:

1.“极简——让生活更简单”——《设计本》

2.“设计新趋势:化繁为简”——《设计之家》

3.“不忘初心!聊聊极简风格的过去与现在”——《优设》

4.“极简风/扁平化/拟物化:区别,联系与应用”——《未命名设计研究所》

5.iOS设计规范指南

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容