查看原文
其他

为什么苹果设计那么强?

The following article is from 我们的设计日记 Author sky

产业的发展离不开CMF(色彩、材料、工艺)




本文我们聊苹果的设计美学,苹果的设计不仅运用了新的技术,同时在设计创新上,设计包容性上都有很值得设计师学习的地方,无论设计还是商业上都是很多公司的最佳参考,今天来看看苹果那些被我们忽略的设计细节。



 会讲故事 


目前CMF设计军团成立了产品色彩交流微信群,诚邀设计师及对色彩爱好者们加入,长按如下二维码或加群主微信18927421646,备注“色彩”,加入产品色彩交流微信群,与行业人士一同交流。


比如在介绍IPad的时候,会从很多场景出发。每个场景都是你日常创造的时刻,比如绘画等场景。


这样有创意的场景,能让你在数字环境下,感受到科技带来的魅力。


在介绍iPad绘画的时候,通过一直笔的滑动效果,绘制出一条线,然后描绘出一幅美丽的插画。插画的设计也非常的美丽。


让你能感受到科技带来的魅力,能让你随时随地进行设计创造。通过这样讲故事的设计,带入感的场景也彰显了苹果致力于为每个艺术家创造工具的使命。


苹果产品介绍的页面,不会很赤裸裸卖产品,卖参数,而是结合很多场景去讲故事,去描述生活中的场景,让你感知到科技带来的生活改变。


在苹果安全页面,苹果会根据你平时使用产品安全场景出发,来告诉你苹果是如何保护你的安全隐私数据。


苹果会根据你平时使用场景,通过动画的方式去讲解你平时会出现隐私的问题,然后告诉你解决方式,让你对苹果的安全问题非常信赖。


 卡片弹窗的运用 

苹果最新的iOS14中,主屏幕上有很多的小组件,通过这些小组件你能更好的了解信息内容。
苹果目前都在推崇这种小组件的运用方式。因为随时内容信息越来越多,有效获取信息非常重要。如果你要显示更多内容,展示更多的文字,这种提示卡片就能很轻松的将每个功能单独展示出来。让用户看起来更加直观和清晰。

苹果在官方设计中,也运用了大量的提示卡信息设计,通过点击提示卡能查看更详细的信息,通过这样的交互方式,用户可以清晰的理解每个产品模块的详细内容。

提示卡片能很好的解决文字信息内容过多,用户阅读困难问题,通过点击右下角的+号,能展示出这个功能详细说,每个卡⽚的内容⾮常详细。

打开卡片之前




打开卡片之后
通过巧妙的弹窗设计,让用户清晰的感知内容。也更能体现出苹果设计的官方感,和体验极致。


同时弹窗效果还支持模糊效果,苹果官网对弹窗的图形模糊效果,像在手机上体验一样极致。提示弹窗效果应该是未来的一大趋势,他能很好的解决页面过长的问题,通过卡片设计能让每个卡片模块单独的展示,而不用增加新的页面。如果今天你在设计一个网站,不妨考虑下试试这种效果。

 走心的文案  

如果说杜蕾斯的文案是”文案鬼才“,那么苹果的文案就是”走心鬼才“,苹果的文案通常很短,短而强大。

在很多科技网站里面。你可能看见的很多产品都在强调自己多厉害的技术,跑分领先了多少。但是苹果很少这样去写,他们一般用一个非常修饰性的短语,比如iPad的文案「下一台电脑何必是电脑」以及「健康的未来,现在戴上」等等。出来后就是一个经典的流行语。

同时苹果的文案会根据每个国家的特点进行再设计,而不是简单粗暴的直接翻译,这也是苹果设计走心的地方。

 响应式设计  

苹果的响应式设计也是教科书一样的存在,无论你在什么设备下打开苹果⽹⻚,都会根据你的设备进⾏⾃适应设计。

iPad的场景是1024X768,会根据这个宽度自动撑满整个屏幕设计

iPhone的情况下,会对菜单进行折叠处理。也符合移动端的使用情况。同时和PC体验也保持一致。

在iPhone界面的设计,在PC上能完整的看见各个类型的苹果手机介绍。非常全面!

在手机上会进行功能导航滑动展示,最大程度上保留了PC上操作习惯,也比较符合用户心智。

对于文本的处理,PC上通过左右结构进行处理,一目了然能看全所有信息。


移动端因为屏幕比较小,所以采用上下结构排列,符合移动端用户操作习惯。

PC端图文排列方式,左文右图,在移动端就变成了上图下文。

作为全球最大的电商官网,苹果的每一处细节都是用心推敲的,并且高度统一体验一致。

 通过字重建立层级 
字体的设计的基础,特别在WEB端字体的显示,是一个非常棘手的设计问题,但是苹果好像解决了这个问题,它在全球每个国家使用SF字体都是特别的统一。

苹果的字体一般采用大的粗体设计,大的粗体基本是在页面每一个地方,但是苹果大而粗的字体不会觉得简陋或者粗糙。因为它运用了对比。

苹果粗的字体会搭配小的字体,并且字重也是正常的,这样会形成鲜明的对比。同时大的字体,也会配上超清大图,以及局部放大的图片,通过这样的巧妙设计,你不会觉得设计粗糙,反而给人一种大气奔放的感受。

这样的设计,你一眼就看见了标题以及副标题的设计,非常清晰可见。

苹果的文字设计,没有太多华丽的技巧,就是简单的通过字体大小,字重对比,有序的排列让内容信息结构井井有条。


苹果也今年开始尝试用黑色和灰色搭配,来强调层次,这是苹果今年的一个新的尝试。这种设计也逐步的演变成设计行业的一个趋势。

在参数设计的地方,也是采用了类似处理方式,通过文字深浅对比,来突出设计层级和参数。

 最后 
虽然现在我们都是移动端设计为主,使用PC的场景降低了很多,但是网站是我们日常工作中经常使用的场景。也是互联网开启的大门,网站的设计比移动端空间更大,苹果的每一次官网的更新,都是技术成熟的体验,以及新的革命开始,到时候我们一起来迎接苹果带给我们新的开始。

免责声明/Disclaimer① 素材来源于我们的设计日记,已获授权;② 版权归原创作者及其公司所有;③ 若此文章、视频或图片侵犯到您的权益,请与我们联系(微信13713875667)删除。
想了解更多CMF内容吗?欢迎大家点击下方关注我们公众号,每日8点20,定时发布文章。另外,公众号右上角有搜索按钮,可以快速查找平台早期发过的文章内容哦~~

近期精选文章推荐:2021德国IF:汽车等交通工具类获奖作品赏析【附设计及制造厂商名单】2021上海车展:宝马超酷概念车亮相,内外饰设计解析【完整版】2021德国IF:概念类获奖作品赏析(下)
【完整版】2021德国IF:概念类获奖作品赏析(上)
苹果发布会刚刚召开,都带来了哪些产品及设计亮点?
干货!多家企业CMF技术展示,3D透光彩印|新仿金属拉丝|免喷涂等2021橡塑展,看与CMF设计相关的4个材料趋势总结重磅出炉!2021德国IF最佳产品设计金奖作品欣赏【附设计及制造厂商名单】4分钟视频带你进一步了解TOM工艺,三次元外观加饰技术近一年新发布手机亮点工艺汇总!华米OV|三星|苹果等

奔驰全新EQS内饰全球首发!CMF设计欣赏+解析

小米11 Ultra近日发布,采用陶瓷机身,工艺及供应商介绍

超详2021AWE | CMF设计分析与总结



CMF企业内训预订中!

内训课程源于CMF研修课程专业升级,针对解决企业CMF开发难题,开发历经1年余,在企业内部上课,从循序到渐进,从认知到实践,从策略到管理,是目前最全面最体系化的CMF课程。



课程的CMF专家来源于全球不同领域的资深专家,运营团队为萨米设计研究,作为CMF行业最有影响力的平台,覆盖10万+行业精准粉丝,具有强大的全球优秀资源整合力。



—————课程信息—————



开课形式:

深入企业内部


开课时间:

结合企业实践,工作日/周末都可


课程费用:

根据课时不同,面议


报名咨询

扫一扫下方二维码

填表



更多咨询

扫码联系负责人

张小姐

18926035037




为探索CMF深度与广度,提升行业水平,军团邀请到:

海尔、美的、格力、西门子、奥克斯、小天鹅、海信、康佳、TCL、松下、奥马、长虹、飞利浦、创维、莱克、科沃斯、苏泊尔、史密斯、美菱、九阳、海派、仁宝、罗技、华硕;Apple、华为、小米、三星、OPPO、联想、中兴、vivo、酷派、魅族、乐视、Motorola、传音、努比亚、奇酷360、一加、美图;微软、intel;宝马、大众、广汽、北汽、上汽、一汽、长安、长城、吉利、海马、江淮、比亚迪、奇瑞、现代、中车、陕汽、东风、潍柴、蔚来、泛亚、小鹏、宝沃、伊狄达、开云、同捷科技;佳普、老板、正大、模德、奥普、樱花、欧普、欧派、顾家、华帝;杜邦、库尔兹、巴斯夫、陶氏、PPG、苏威、阿克苏诺贝尔、3M、艾文德、LG;武汉大学、天津大学、东南大学、湖南大学、吉林大学、江南大学、东华大学、同济大学、中央美院、天津科技、天津工业、广州大学、南京艺术学院、浙江理工、浙江工业、中国地质、南京理工、南京航空航天、北京理工、西南交通、广东工业、华南理工、华南工业、华南农业、安徽农业、哈尔滨理工大学;北京服装学院色彩设计研究中心、中国流行色协会、中国色彩中心、爱色丽&潘通、丽华创新制造、江南大学&卡秀堡辉联合创新实验室、荣格、YANG DESIGN等诸多业界同仁,分别来自家电、3C、汽车、家居、资源方、学术界、第三方平台、设计企业等,共同探索CMF,助力行业发展。


用心研究分享

设计、材料、工艺、趋势、文稿、资讯

CMF设计军团免责说明:本文仅代表作者本人对于行业的个人看法,作为分享交流。本文引用的图文、数据等其它内容,来源于网络或公开资料,版权归原作者及原出处所有,仅用于学习之用。任何商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如需转载,请与军团联系。


继续滑动看下一个
CMF设计军团号
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存