12 min read

Vol 10 巨头们解除网址屏蔽进度条、iPhone 13是否带来新的UI适配?

Vol 10 巨头们解除网址屏蔽进度条、iPhone 13是否带来新的UI适配?
Behance - Thibaut Crepelle 

😄这些产品有新的迭代:

互联网巨头解除网址屏蔽进度

微信

上周微信派发布了关于《微信外部链接内容管理规范》调整的声明,按照公告:

  • 目前微信已放开私聊场景的淘宝、抖音链接跳转,但会有中间的安全提示;
  • 群聊场景尚未放开,称会继续开发供用户自主选择设置;
  • 保留外链投诉入口,涉嫌违法违规的,将按照平台规则处理。

QQ

  • 目前针对淘宝和抖音的链接能直接打开。

企业微信

  • 针对淘宝和抖音的链接,有安全提示,当仍能打开。

手机淘宝

  • 聊天场景中,针对外链(包括工信部官网)都有安全提示,且只能在自带浏览器中打开。

抖音

  • 个性签名中针对QQ、淘宝系域名有拦截,尝试了下baidu,正常,也可能命中其他策略;
  • 私聊场景中,针对微信、淘宝链接能直接打开。

总结依赖个人测试,有误欢迎回信指正,感谢。

表现对比图

✉️微信

  • 聊天文件和视频传输大小提升至200MB,并可同时传输10个文件。
  • 安卓端正在内测「关怀模式」,增加多长辈老人使用场景的优化。内测用户进入「我的 > 设置」中开启,开启后的主要变化在于字体和按钮变大,色彩对比度更高。

🐦Twitter

  • 正在内测app内的应用语言修改,不再依赖系统语言设置啦。
  • Twitter Blue开始在Web端内测,不过目前只有一个palceholder。

☎️Whats app

  • 安卓版whatsApp正在内测「消失模式,Disappearing mode」,用户首先选择一个消失时长,例如7天,从选择后起,所有的私聊消息在7天后消失。尚不清楚这个消失是己方的单向删除还是双方消失。
  • WhatsApp正在内测一个传统黄页类似的附近商户功能,用户可以在通讯录中进入查找到附近对应的商户,并与他们建立对话,当前在巴西地区开启内测。

💰阿里系产品

  • 阿里健康大药房正式入驻淘特APP
  • 花呗上线了消费管理工具「花呗账单助手」,原叫花呗闹钟。包括了账单管理、进度提醒、超额预警、还款建议等功能。
  • 淘宝直播推出三种举措,开始为双11做准备,包括
    ** 淘宝首页将直播设定为一级入口
    ** 上线新的商业化平台「热浪引擎」,提升交易撮合效率
    ** 推出单场挑战赛活动:根据主播完成的平台任务情况,配投最高1:1的流量资源
淘特版阿里大药房 / 花呗 / 淘宝直播(示意)

❤️探探

探探在7年之际,进行了全新的视觉升级,范围包括logo和app主视觉更新、整体更加年轻了。


🔊YY

YY计划将其旗下产品进行全新升级,从产品、视觉、推荐等方面进行,涉及产品包括:

  • YY直播设计至8.0;
  • YY语音PC客户端升级至9.0;
  • YY熊形象及logo重新设计,元素简单,更加简约。

🤔️What's more

  • Vsco新上线了功能「Remove tool」,支持将照片中的杂物抹掉清除,需会员体验。
  • 美团上线了美团极简版,是美团精简优化的小版本,目标人群中老年群体,功能包括了美团优选购生鲜和美团电商团好货等服务。
  • 网易云音乐推出新功能「黑胶故事」,音乐人可以上传音乐视频,关联到特定歌曲,帮助听众了解歌曲背后的情感和故事。
  • 字节跳动计划推出流媒体音乐app「飞乐」,内部代号为「luna」。
  • iOS/iPadOS 15正式版正式推送,一共包含超过210条更新,具体见这里
  • App Store 现已开放 iOS 15、iPadOS 15、watchOS 8 和 tvOS 15 app 提交。
  • TikTok正在内测在个人资料页上置顶视频。

如果你有想关注的产品迭代动态,回信告诉我们吧,会尽力帮忙关注。


🌟值得关注的新产品

📓Listr

解决on boarding时,Twitter上不知道关注谁的问题,不如先从你的所在的行业开始吧。

Listr - Explore Twitter lists
100+ most interesting lists curated across trending domains

🧮Soulver 3

一款带「计算背景」的概念计算器。赋予每一次计算有一个背景,你可以根据数据背景输入数值,做到一些普通计算器做不到的事情,例如日期计算,输入9月20日 + 100天,将会得出 12月29日 的计算结果。输入 100美元 为人民币,则可得出 646.60 的计算结果。

Soulver 3 - Notepad Calculator App for Mac
Soulver is the original notepad calculator app for Mac. It supports currency & unit conversions, dates and times, percentages, time zones, variables and more.

 iPhone 13是否带来新的UI适配?

前言:9月14号iPhone 13系列如约而至,而作为UI设计师最关心的就是新机型是否会带来新的(奇葩的)尺寸。研究了后发现iPhone 13系列和iPhone 12系列的开发层尺寸一模一样,唯一的变动大概就是刘海层有些抬高,如果你在“刘海”后面偷偷藏了一些元素,就要小心露馅了。 当然虽然并没有带来新的UI适配,本篇想讨论地其实是iPhone屏幕渲染原理 本文章受iOS工程师@Arthur(即刻ID:Arthur〰)的技术指导和纠正

UI设计师在第一次做界面的时候,首先面对的问题就是“画板尺寸”。然后你肯定听过如下对话:“做iOS APP我要用375还是750的设计稿?”这个问题核心的点在于UI设计稿最终是要交给开发同学去实现,所以用什么尺寸去做设计实际上是为了让开发同学最方便地去还原设计稿,所以我们要从最底部的开发逻辑层面去了解一下iPhone屏幕渲染原理。‌

Paint Code网站有一张精彩绝伦的图能说明白iPhone屏幕渲染原理,可惜没有维护了,所以我自行加入(P上)了iPhone 12以后的数据以及一些中文描述,下面展开讲讲:

来了解一下三兄弟:Point、Pixel、Pixel Per Inch

1.Point 点

对于一位iOS工程师来说,他在代码里使用的长度单位叫Point(以下简称pt),这是一个在iPhone 4 的Retina屏出现后,苹果为了方便代码开发引入的新概念,是一个虚拟单位。因为从这以后,由于屏幕分辨率提高,1pt里会等于2个或3个甚至更多的像素(@1x,@2x,@3x的出现)。

画布单位也是pt,代表的是首屏的大小。正如你在图片第一行里可以看见的:

当你在figma中选择创建一个画板时,展开Phone选项会有如下选择,这些是比较有代表性的画布尺寸:

按底层逻辑画布大小制作设计稿可以方便地与开发对齐UI。而这个逻辑画布的大小是由Apple公司内部的软件组与硬件组共同决定的(我们这么猜测的),硬件组希望手机比例具有工业形态的美观,软件组更多考虑软件适配和避免增加不必要的开发复杂度,以及更多我们无法得知的考量。

就比如iPhone 4到iPhone 5系列,屏幕被拉长了,外观减少了方方正正的砖块感觉,一屏在纵向能露出更多内容。iPhone 6系列开始,手机又横向胖起来了,同样一屏UI横向拥有更多展示空间,内容被拉的更开。手机外观在试图创新的同时会影响着UI的呈现,为了让我们软件界面在屏幕上展示良好,设计师就必须得做好屏幕适配。

2.Pixel 像素

比起点来说,像素对设计师来说要熟悉多了,特别是当Photoshop是你跨入设计行业第一个使用的工具时。电子屏幕成像出来的所有视觉元素背后都是一个个像素,如果原子是现实世界的最小组成元素,那么像素就是电子图像世界的最小组成元素。理论上,像素的大小决定着成像的画质高低。但是对于摄影来说,单个像素的质量决定最后成像的画质,并不是像素越多越好,在这里不深入讨论。

将一张图片在电子屏幕上疯狂放大就能看见“像素”了,有点像人类拿着显微镜观察微生物一样。图中的小红点就是图像的最小成像单位 - 像素,一个正方形小方格,里面一定是纯色,就这么简单。

如果说pt是完全独立不受外界影响的虚拟开发单位,那么px就是倍受分辨率“摆布”的电子图像单位,由pt实现的设计稿最终以px的形式显示在手机屏幕上,这就是渲染像素:

3.Pixel Per Inch (PPI) 分辨率

分辨率:一英寸屏幕上显示的像素点,规定现实世界中的一个单位长度里要装有多少电子世界里的像素。

1英寸等于2.54厘米,全世界都一样。但在你不知道分辨率是多少之前,一块2560*1440像素的屏幕实际物理大小有多大,你无法得知。同样,一个100*100px的像素在不同分辨率大小的手机上显示大小也不一样。

一个500*500像素的黄色正方形在不同分辨率下的物理大小差异可能会很大,尽管两个手机物理外观差不多大。

iPhone的PPI

而这里细心的你会发现,iPhone 6 plus、6s plus、7 plus、8 plus以及12 mini、13mini的实际物理像素要低于理想渲染像素。例如iPhone 6这一列,5.5寸,纵横比16:9,PPI为401可以算出实际物理像素只有约为1080*1920,意味着开发层按3x渲染出来的1242*2208画布会被缩小0.85倍。12mini、13mini系列同理。而所有渲染像素与实际物理像素能吻合的情况,称之为“点对点”,开发端实现的画布能完美呈现到用户的手机上。

‌不过“点对点”渲染是个高标准追求,Apple能坚持至今也是挺不容易了。

感谢你的阅读

分享一位喜欢的设计师

Thibaut Crepelle


免费用户可在网站上查阅完整历史文章,时间会比邮件稍晚一周。

在11期前已经免费订阅的用户,无需任何操作,将继续免费半年(约25期);已经付费的,在此基础顺延。到期后会有相关邮件提醒,如果觉得内容对你有帮助可以选择付费成为🌟星光会员