设计的魔力在哪里?

没有设计就是最好的设计,不是赞美,是心虚。

没有设计更应该理解为“InvisibleDesign”,又称为“不被察觉的设计”。

设计是一个天花板,往往决定一个产品的上限,更反应一个品牌的审美和调性。设计也不是一蹴而就的,符合时代潮流,也要符合人性自然,如果脱离这两点,那就很容易就用力过猛。

“不被察觉的设计“,一张宝马3系的进化图就能够很直观的解释。

拿我们身边触手可得的手机举个例子。

魅族15

魅族16

全面屏手机的屏幕直角,全都演化成了更流畅的圆角设计。不经意间这种不被察觉的设计就席卷了整个手机行业。你可以找找身边前两年的手机和现在手里的新款手机对比看看。

那么问题来了:线与线之间,到底怎么样连接才能让这个角变得优雅又自然?

请先仔细观察这三个圆角矩形。

红线:曲率的变化率,红线越长代表曲率越大,有断点代表不连续。

有人说:连接起来谁不会,加入一个标准圆角连接两条线就好了。如左边第一个图示,肉眼明显感知到在圆角和直线的连接有毛刺。因为圆角弧度是有固定曲率的,与直线的相切点就会突然由曲变直产生突变,视觉上也就会呈现出毛刺感。这种相切也就是G1曲率连续。

实际上很多产品做到G1曲率连续就认为已经足够了。这是设计师的功底问题,也是产品定义人的细节审美问题,当然也是对于产品追求和品控的问题。本质上是产品和精品的问题,是商人和艺术家的对抗。

既然有了G1,那肯定还有G2。有追求的咱们再进一步,当用一条“相同曲率加速度的”曲线连接两条直线的同时,就能保证两个连接的端点达到曲率连续,这样就能消除接触点的毛刺,使四个角过度顺畅。

耐心的你再看看这个圆角矩形,是不是发现四个角变得激凸了,不太圆还有点方。因为G2只做到了交接处曲率的连续,在曲率的变化率上没有得到控制,给人一种肌肉感。用咱们现在的话来说,就是麻麻赖赖一点都不圆润。

盘它!没错,G2肯定是要被盘的,盘出来的结果就是G3曲率连续。G3曲率连续不仅在接线处,“整个曲率的变化过程中都做到了延续”,反应到曲率变化率的红线上就能很直观的看出从接线处、到转角、再到接线处都是柔和渐进的,更接近于标准圆曲率的定义:处处相等。

三个曲率重叠之后,效果更明显一些。

作为行业标杆,人人都知道苹果的产品又精致又好看。除了对各种材料不计投入的使用之外,苹果在设计上也具有相当的洁癖。比如线与线之间必须使用G3曲率连续,尤其是进入全面屏之后,只要是圆角那一定是G3曲率连续。这个规则从硬件的Mac、iPad、iPhone、Watch、再到软件的Icon、Bar,由内到外都进行了统一,这种强烈的秩序感,让重度强迫症患者感到很舒适。

是的,在你上手苹果的产品后,你会不由自主的认为这是一款高端产品,很有品质感。如果你耐心些,肯定也有想过:为什么苹果的产品那么精致?

这就是所谓的“Invisibledesign”带来的魔力,通过不被察觉的设计,每一处、每一触都给你设计的力量,当然G3曲率也只是不被察觉的设计其中的一部分。

G3曲率连续的设计,不仅仅是影响观感,更影响你的触感。人体手掌上的末梢神经相当的丰富,触觉的反馈往往比观感来得更明显和强烈。

还是拿手机举例,毕竟手机每天都在手上盘着。手感按理来讲应该是分为:触感、握持感两个部分。触感更多是因为材质的变化所引起,这里我们暂且不表;握持感则是由后盖和中框的曲率设计所决定。

这里我们再看看iPhone是怎样设计的。

稍微突出的中框承托了大部分的握持感受,后背的玻璃稍厚,打磨出的弧度和中框弧度融为一起,品控也做到了基本没有公差,不会出现因为公差间隙导致的手感差异。iPhone在边框和背部同样采用了G3曲率连续,保证握持感的统一性。

我们再看一些国产千元机采用了与iPhone相似的三明治结构,不同的是背面玻璃只有薄薄的一层,与中框无法形成很好的契合,整个握持感就落到了中框上。同时中框的曲率变化率极快,导致中框两侧的顶点较为突出,会有撑手的感觉。更糟糕的是因为背面玻璃较薄,与中框只形成了G1连续,甚至因为品控的问题变成G0连续(有断点),让割裂感被无限放大,握持感受部分极为糟糕,廉价感很大一个程度也由此而来。

所以我们基本可以得出一个简单的结论:性价比的产品因为成本控制的原因,阉割和取舍的博弈总会在细节露馅。

肯定会有人说,也就一千块钱的东西,差不多得了,要什么设计?要什么自行车?

难道就真的没有一款兼顾设计和配置的好手机吗?其实不然。

我们再举一个有追求的正面例子,魅族Note9。

有不少人调侃道魅族在坚持定制的路上越走越远,我没记错的话,好像魅族16上就已经开始采用G3曲率的大R角设计。屏幕部分的G3曲率,据魅族自己称是只有部分高端旗舰机上才有机会看到,能够带来圆润、光滑又流畅的无干扰视觉。

Note9

另外魅族Note9的手感部分相当优秀,很大程度也是来自魅族一贯以来的后背设计,这也是G3曲率的运用。不过魅族似乎已经把这种设计习以为常了,很少公开的去讲。但可以查到的几款经典机型都采用了相似的后背弧度,带来的手感提升确实是有口皆碑的。

我们来详解一下,似乎Note9魅族自己都没讲到的部分。同样Note9也采用了三明治结构。不同的是Note9的中框配合后盖做了两侧收紧处理,通过更突出的后盖设计,让中框仅起到承托作用,握持的绝大部分感受就落到了后盖上,这个后盖到中框的衔接弧度就采用了G3曲率。

和iPhone中框完全对称式的G3曲率又有不同的是,魅族这种圆润无断点的G3曲率设计,让魅族Note9的握持感变得异常优秀,兼顾了轻薄的边框触感又让后盖弧度贴合手心,相比之下即便是7.7mm厚度的iPhone握持感也显得有些厚重了。

后来对比了一下,Note9的背面曲线和16系列大致相似,应该是16系列饱受好评的手感下放而来。通过对于握持感追求,对于细节一点点的刻画,我想这才是真正所谓的魅族定制。

要知道,我们在这里站着说话不腰疼的“理性分析”,其实还要涉及到元器件的堆叠,空间的利润率等等问题我们就不深究了。

流畅又优美的G3曲率也仅仅是良好工业设计的一角,简单粗暴的堆叠只会把自己的粗鄙暴露无遗,以人为本的打磨才能撑起自身的价值,这份价值希望大家能有幸体会。

THE END
1.魔力设高效在线设计网站在线版权图片素材库魔力设是集版权图库和ps在线设计于一体的找图作图工具,平台拥有20万+涵盖各行业可在线编辑的海报、营销长图、主图、首页、封面、展板、易拉宝等设计模板,50万正版版权图片、插画、png免扣元素、摄影图、艺术字等。不管您属于哪个行业,您都可以在平台快速找到您需要的图片或模板,不管您是否会使用ps、ai设计软件,您都https://www.kmphb.net/links/41426.html
2.魔力设www.molishe.com魔力设是集版权图库和ps在线设计于一体的找图作图工具,平台拥有20万涵盖各行业可在线编辑的海报、营销长图、主图、、封面、展板、易拉宝等设计模板,50万正版版权图片、插画、png免扣元素、摄影图、艺术字等。不管您属于哪个行业,您都可以在平台快速找到您需要的图片或模http://www.fwol.cn/gotoweb.php?id=6360926
3.魔力设高效在线设计网站魔力设是集版权图库和ps在线设计于一体的找图作图工具,平台拥有20万+涵盖各行业可在线编辑的海报、营销长图、主图、首页、封面、展板、易拉宝等设计模板,50万正版版权图片、插画、png免扣元素、摄影图、艺术字等。不管您属于哪个行业,您都可以在平台快速找到您需要的图片https://www.molishe.com/cutout/
4.魔力设在线图片编辑在线海报设计魔力设在线设计模板图片库,提供海量在线海报设计模板、在线名片设计模板、在线展板设计模板等。在线选图、在线改图,实现无ps快速出图,也可下载ps/ai源文件设计。http://www.51mo.com/templates
5.魔力设在线设计标签:产品设计PS在线制作互联网工具产品设计图片素材在线作图在线制作在线设计智能神器版权图片素材库高效工具魔力设 链接直达手机查看 魔力设-在线设计官网 魔力设是集版权图库和ps在线设计于一体的找图作图工具,平台拥有20万+涵盖各行业可在线编辑的海报、营销长图、主图、首页、封面、展板、易拉宝等设计模板,50万正版https://openi.cn/sites/229045.html
6.魔力设:在线智能海报展板邀请函设计及模板素材下载网站THE END 站长工具网提供的魔力设官网入口及信息均来自网络,我们无法完全保证其准确性和完整性。外部链接指向的内容由其网站管理员负责,不在我们的控制范围内。我们在收录时确认其内容合法合规。如果后续发现违规内容,可以直接联系对方网站管理员处理,站长工具网对此不承担责任。 相关https://www.zhanid.com/daohang/molishe.html
7.魔力设在线设计使用评测分享简介:魔力设是一个提供在线设计服务的网站,包括海量的设计模板、版权图片素材库等资源。它支持在线选图、在线改图等功能,拥有超过300万+的正版插画素材和摄影圈资源。 产品功能: ? 设计模板:涵盖各类设计需求,如海报、展板、手机海报、营销长图、主图、邀请函、详情页、首图、画册、宣传单等。 ? 设计素材:提https://hao.logosc.cn/p/1579
8.2024年干货分享!30个无版权免费可商用海报素材网站分享,含图片插画图7. 魔力设 网站则号称有300w+的在线设计模板,个人也使用过这里的不少设计素材,以简约设计风格的为主吧,而且色彩搭配各方面也是相当不错的。 8.人人秀 同样备受推崇的一个H5海报制作站点,各种类型的素材都可以修改,模板数量有100000+之多,也有一些艺术字特效和图片编辑功能,值得你一试! https://blog.csdn.net/2401_86851456/article/details/142336720
9.魔力设官网,高效在线设计工具,海报,抠图,ppt,高清正版素材库别魔力设不仅提供海量设计资源,还拥有超过50万种正版版权图片、插画、png免扣元素、摄影图、艺术字等资源,满足用户在制作图片时的各种需求。此外,魔力设还提供在线设计编辑工具,无论是否会使用PS、AI设计软件,都可以使用这个在线编辑工具来快速制作出自己想要的图片。 https://biemoyu.com/sites/molishe.html
10.魔力设高效在线设计网站魔力设是集版权图库和ps在线设计于一体的找图作图工具,平台拥有20万+涵盖各行业可在线编辑的海报、营销长图、主图、首页、封面、展板、易拉宝等设计模板,50万正版版权图片、插画、png免扣元素、摄影图、艺术字等。不管您属于哪个行业,您都可以在平台快速找到您需要的图片https://pidoutv.com/sites/7962.html
11.打造极致3D视觉!10个优质C4D与3D模型下载网站推荐C4D模型网提供丰富的Cinema 4D模型资源,涵盖建筑、室内设计、人物角色、游戏道具等多种类别。该平台支持多种3D软件格式,满足不同设计需求。无论是初学者还是资深设计师,都能在这里找到高质量的模型素材,快速提升作品效果。 版权说明:资源下载后可用于个人或商业项目,需遵守使用协议。 https://zhuanlan.zhihu.com/p/13351274672
12.魔力设:魔力设是集版权图库和ps在线设计于一体的找图作图工具模库网 设计师的素材宝库,灵感即刻启动 关于魔力设网站靠谱吗?用户如何使用? 魔力设是一个在线设计工具,旨在帮助用户快速找到并制作高质量的图片和模板。平台拥有超过20万种设计模板,覆盖各行各业,包括海报、营销长图、主图、首页、封面、展板、易拉宝等,无论是找图还是作图,魔力设都可以满足用户的需求。 https://16map.com/sites/93514.html
13.读书笔记来了!谷歌的MaterialDesign设计指南精华版编者按:Google的设计指南一直是UI/UX设计师的必读手册,如果你还没抽出时间完整读一遍,不妨先来看看在微软实习的交互设计师@戴小维Saki写的读书笔记,简明精炼,可以帮你速览一遍,纯实干货,建议收藏。 这个系列更不能错过! 《中文版来了!新版Material Design 官方动效指南》 https://www.uisdc.com/material-design-guideline-essence
14.收藏!智能电视如何局域网共享?看电脑上的视频八个方法!在当贝市场(www.dangbei.com)搜索“ML”下载安装魔力万能播放器TV,并打开,找到【添加设备】即可查看电脑共享的所有文件。 方法七:全能播放器 在当贝市场(www.dangbei.com)搜索“QN”下载安装全能播放器,并打开,找到【局域网】即可查看电脑共享的所有文件。 http://www.360doc.com/content/12/0121/07/38097819_877886927.shtml
15.收藏!智能电视如何局域网共享?看电脑上的视频八个方法!在当贝市场()搜索“ML”下载安装魔力万能播放器TV,并打开,找到【添加设备】即可查看电脑共享的所有文件。 方法七:全能播放器 在当贝市场()搜索“QN”下载安装全能播放器,并打开,找到【局域网】即可查看电脑共享的所有文件。 方法八:斑比影音 在当贝市场()搜索“BBYY”下载安装斑比影音,并打开,找到【局域网】即可https://www.360doc.cn/mip/877886927.html
16.店铺首页花瓣网陪你做生活的设计师Mrcould的店铺首页画板,该画板属于花瓣网未知相关类别的资源,其中共收集了4关于店铺首页相关的图片素材资源,共被17人关注。花瓣网, 设计师寻找灵感的天堂!https://m.huaban.com/boards/81710757
17.魔力设实用在线设计模板版权素材库高效在线做图工具九七电影院-97电影网在线看电影,支持微信微博观看,无需播放器的电影网站,支持迅雷电影下载 九七电影院-97电影网提供最全的最新电视剧,2021最新电影,韩国电视剧、香港TVB电视剧、韩剧、日剧、美剧、综艺的在线观看和剧集交流场所,在线观看分为普通视频模式、西瓜影音、百度影音、在线云播等播放 https://www.bidianer.com/site/321367
18.帮忙下载觅知网魔力设资源吾爱破解https://www.51miz.com/muban/520062.html?keyword_id=1943061&formatedPlateId=100 https://www.https://www.52pojie.cn/thread-1856839-1-1.html
19.神之墓地2.8c偶久首发超强系统元素大师+超强游戏性+真*自定义技能+每次提升天赋需要消耗100点魔力,每个天赋满级为10级。 强壮:每一级增加每次升级获得的20%力量。 灵巧:每一级增加每次升级获得的20%敏捷。 聪慧:每一级增加每次升级获得的20%智力。 敛财:每分钟自动增加基于总金钱的金钱,每级增加1%, 资质:每一级增加100%的经验获取, https://www.ou99.com/article-43737-1.html
20.百文网手机站三、爱的魔力 “教育之没有情感,没有爱,如同池塘没有水一样,没有水,就不能称其为池塘,没有爱就没有教育。”教师面对的不是冷冰冰的产品,而是一个个有着鲜活生命,正在茁壮成长的孩子。如果说财富要靠勤奋来铸就,那么爱心要靠爱心来成就。如果真正将自己的心掏出来给孩子们的,这样的老师怎能不赢得学生的爱戴!https://m.oh100.com/a/202203/4391607.html
21.19seek魔力信息网logo设计网站1、输入LOGO名称:填入您需要展示的品牌、商标或者网站名称,比如19seek魔力信息网,这是logo制作中的重要信息。 2、输入品牌关键字:请填入所属行业关键字,比如:网站,可以告诉我们这个品牌在做什么,有利于我们分析你适合哪种logo类型。 3、自动生成LOGO:根据您的品牌信息自动生成多种19seek魔力信息网logo,不仅有不同的https://www.shenbisheji.com/works/1502.html
22.魔力设定漫画免费阅读「下拉观看」纸盒漫画网 首页 每日更新 作品分类 连载漫画 完结漫画 排行榜 首页>魔力设定 魔力设定 恋爱 玄幻 搞笑 彩虹 88555 连载 更新:2022-03-28 21:49:20 第30章:报复 作者GX 简介 我站起来,向着老师鞠躬致谢。老师朝着我摆摆手,示意我不必客气。然后我转身,准备返回座位上。 https://www.ldzhihe.com/books/3631617451/
23.完美魔力宝贝私服游戏介绍,攻略,设置开服前期封顶120后期陆续开放(满级160) 战斗系1-3转正可在东门购买晋级水晶(购买使用后可直接找相对应NPC晋级)4转需打双王(东门羽毛可以直接飞到双王处) 生产系有万能生产大师 所有生产技能可到10级 本文来源于 魔力私服发布网(www.hnjjb.com),原文地址:http://www.hnjjb.com/news/tougao/1013.htmlhttps://www.douban.com/note/389041650/
24.魔力PPT网向日葵简历模板下载网为您提供最新最全原创动态PPT模板下载,新年PPT模板、年终总结PPT模板、动态商务PPT模板下载、PPT创意设计、幻灯片模板、工作汇报PPT模板、政府PPT素材等各种专业PPT模板素材,www.111ppt.comhttp://www.2muban.com/
25.《梦幻西游》50级装备哪里有卖梦幻50级装备在哪买魔力:法力高低的代表,增加魔力点数可以增加魔法上限,并提高。 9、《梦幻西游》中TG(天宫)这个门派怎么样 ``天雷也可以降灵```虽然活动中不是很枪手``但还是很强的,PK中物理门派想搞定TG是根本不可能的```我第一次玩的就是TG``我觉得是个不错的门派```3耐1敏1血,我就这样加```。 ——— 点击查看https://www.773hf.com/wiki/38519.html
26.魔力设vip会员素材图库办公文档视频图片ppt模板psd源文件代下载魔力设vip会员素材图库办公文档视频图片ppt模板psd源文件代下载 北京,北京设计联盟信息网价:1.6,北京设计联盟信息网掌柜:,http://beijing.witcp.com/design/c111/t68a8569dcb56.html