🔥 热搜 🔥
百度今日热点微信公众平台贴吧opggdnf私服百度贴吧知乎dnf公益服百度傻逼
分类
社会娱乐国际人权科技经济其它
🔥 热搜 🔥
百度今日热点微信公众平台贴吧opggdnf私服百度贴吧知乎dnf公益服百度傻逼
分类
社会娱乐国际人权科技经济其它
查看原文
其他

MacBook 也加刘海太丑了吧？苹果设计师：听我解释…

UI设计达人 2022-05-22

The following article is from 体验进阶 Author 设计师ZoeYZ

我记得当年苹果第一次给 iPhone 加刘海时，争议不小。

没想到，居然从此走上一条不归路，不但刘海成为 iPhone 标配，连 MacBook 也要上刘海了！



新版 MacBook 有啥不同？

前不久 2021.10.19 的苹果发布会，主角就是搭载升级版 M1 芯片的 MacBook Pro 系列。



网上铺天盖地各种给 M1 芯片造势的文章，可惜我这小白用户看不太懂。

作为设计师，我比较看重的几个点是：

黑框变窄了

搭载 Mini LED 后，两个不同尺寸的 MacBook Pro 屏幕侧面边框和顶部边框分别缩减了 24% 和 60% 。


去掉了 Touch Bar

作为键盘与屏幕之间的一条「过渡」，既可以显示又可以操控，刚发布的时候看着挺酷炫。

但很多人用了之后觉得鸡肋……去掉也好。


增加端口

准确来说，是重新恢复了在五年前被移除的 HDMI 端口、SD 卡插槽和 MagSafe 磁吸充电三个端口。



然而，产品设计上最“有感”变化，可能就是那个刘海了。


MacBook 的刘海

不只 MacBook Pro，就连 MacBook Air 也加上了刘海：


对于这个设计，我的朋友圈里大部分都是骂丑：

上下滚动查看更多

不过，当年 iPhone X 出来时，刘海也没少被骂。

说不定和之前一样，果粉们依旧边骂边买，慢慢就习惯刘海屏了……这谁知道？

而且自从苹果把刘海手机推出来后，不敢冒险的各大厂商纷纷更近，各种刘海手机争奇斗艳，也算是一种激励创新的「鲶鱼效应」了。

除 iPhone 之外的刘海屏手机

不过，MacBook 这刘海不像 iPhone 那样有 3D 传感器和 FaceID 面部解锁，而是只安装了 1080p HD 摄像头而已……

看来苹果并不是因为技术升级而不得不加刘海，他们是真的喜欢刘海啊！



怎么处理刘海？

我随便打开一个 PS，你就能感受到这刘海的影响力了，感觉菜单栏的空位岌岌可危：

手动截图

打开一个铺满页签的浏览器，效果更是揪心……

拼合的图

全屏看电影或玩游戏时，该不会也……

拼合的图

如何处理鼠标和刘海之间的关系？Reddit 有大佬用动画绘制了 5 种可能性：

上图来源：https://www.reddit.com/r/mac/comments/qbbp5x/more_possibilities_how_macos_will_manage_the_new/

对于这些疑惑，苹果的设计师给出了回复：

上下滚动查看更多

总之就是，屏幕会想办法适配，然后鼠标会在下方滑动（第 1 种）～

有人居然做出了 Notch Simulator 刘海模拟器，并上传到了 Github（底部阅读原文）。

前面 PS 那张图，就是我安装这刘海模拟器后，自己亲手截的 😂

如果你也想试试，我帮忙下载下来了，解压后双击打开即可：

点个“在看”，公号主页输入框回复“刘海”获取下载链接。

主页君个人微信

添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

（点击标题可跳转阅读）

导航栏样式哪家强？我才知道它们差别这么大！！
B端产品C端化，抱歉我想的太简单！
作品集这样排版，不进大厂都难！
回复 灵感 获取UI设计灵感合辑
点个 “ 在看” 好文不断

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

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