Smartisan OS:安卓阵营里少见的差异化系统

瑾浩2024-05-01· 约 10 分钟
独立页面
Smartisan OS:安卓阵营里少见的差异化系统

在中国,常用的手机系统主要是 Android 和 iOS 两种,而国内手机厂商大多是在安卓的基础上进行深度定制,包括 UI 和软件服务。今天我想介绍一款在安卓阵营里差异化做得比较好的系统:Smartisan OS。

第一眼印象:克制而有辨识度的 UI

Smartisan OS 的界面,第一眼看上去最直观的就是它的 UI。解锁之后,背景是一个 12 宫格的材质化背景,区别于传统的壁纸式设计,这样的界面会显得更清晰、更简洁。当然,如果更喜欢传统背景图片,系统也提供了更换入口。

应用市场中的每个常用图标,几乎都经过设计师二次重绘,告别了机械化的方形图标,让整个 UI 界面更加拟物,也更有艺术感。另外,系统应用本身也做了大量拟物化设计,配合震动反馈,让体验显得更真实,比如时钟、计算器这些应用,都会让人感到明显的用心。

配图

四个最有差异化的功能

下面我想从系统里几个最有代表性的功能来介绍 Smartisan OS:

  • 大爆炸
  • 一步
  • 闪念胶囊
  • TNT

大爆炸:重新定义“提取”和“处理”

炸文字

系统任意位置的文字或者图片,都可以通过“大爆炸”进行识别。对于图片,大爆炸可以把带有文字的图片识别成对应文本,同时也提供将图片识别成二维码的入口。

炸录屏

对于喜欢编辑博客或者做内容分享的用户来说,大爆炸还提供了将一段视频“爆炸”成数张图片的功能。完成爆炸之后,可以把这些图片进一步拼成长图,或者生成 GIF 图。这种能力对内容创作者来说很实用。

炸声音

“炸声音”功能可以把系统内的录音和视频声音转成文字,在识别过程中以字幕的方式实时生成。爆炸结束之后,可以将识别结果保存成文字。值得一提的是,这个识别过程可以在系统静音的环境中进行。

配图

一步:把电脑上的操作逻辑搬到手机里

“一步”的核心思路,是把一部分电脑上的操作逻辑放到手机上,使得手机在处理文件和分享内容时更加方便。

分享文件

用户可以在 QQ 里直接拖拽一张图片或者一个文件分享到微信,也可以在邮件里拖拽一个附件分享到其他软件。在搜图、拍图购之类的场景里,这种操作会显得非常顺手。

侧边栏入口

众所周知,安卓的文件管理体验通常比较一般。打开“一步”之后,用户可以在顶部看到近期图片、近期文件和剪切板,这些组件可以让用户直接从最近用过的内容里进行分享和操作,避免在文件夹里长时间找文件。

另外,在频繁复制粘贴的场景中,剪切板功能尤其顺手。

侧边栏用途

你还可以把常用工具放在侧边栏,通过触发侧边栏快速找到,比如我最近常用的 OK 验证工具;也可以把常用联系人保存在侧边栏里,通过微信、QQ、短信、邮件等方式更快完成分享和发送。

这里面还有两个挺有意思的小工具:图钉和识词功能。

配图

闪念胶囊:记录一闪而过的想法

在 Smartisan OS 的很多地方,都可以通过长按 Home 键、侧键,或者耳机中间键来触发闪念胶囊,开始语音输入,把一闪而过的想法快速记录下来。

打开闪念胶囊之后,可以根据不同类型的事件进行分类,比如蓝色的是记事,红色的是紧急事件,紫色的是灵感等等。每个闪念胶囊还可以添加附件,比如图片、文档、音频之类,也可以直接在胶囊上设置日程。

这个功能真正打动人的地方在于,它不是在“整理信息”,而是在尽量缩短“想到”和“记下”之间的距离。

配图

TNT:不仅是效率工具,也在做无障碍

TNT 最早更多是一个效率概念,但在 Smartisan OS 后来的演进里,它也逐渐延伸到了无障碍场景。

虽然 iOS 和 Android 早就具备无障碍模式,但实际体验仍然高度依赖第三方应用适配。如果某些图片或按钮没有加入声音标签,用户就无法准确听到相关内容,体验会大打折扣。

锤子科技后来推出的无障碍模式,尝试以主动识别的方式,从底层解决部分第三方应用不支持声音标签的问题。在原生 TalkBack 的基础上,加入了语音指令、OCR 全局文字识别等能力,包括读屏功能、放大字体等辅助功能。

其中“听觉无障碍”模式,基于录音转文字技术,可以把声音转成文本字幕,并实时显示在手机屏幕上。不管是手机内部发出的声音,还是外部环境里的声音,都可以实时转换成文字呈现。

在这一模式下,点击实时字幕窗口左上角的麦克风按钮,即可切换麦克风和系统声音。在通话中,该模式还可以把听障用户输入的文字信息实时转换成语音进行播放,实现对话功能。同时,这一模式还支持男声和女声切换,用户可以在设置中的无障碍选项里调整。

配图

最后的变化:从强设计语言走向更主流

锤子在资金链断裂之后被字节跳动收购,之后系统中原本那种很强的艺术性和主观性设计开始变少,整体越来越靠近主流市场审美。

系统也在原来无广告的基础上,增加了与字节跳动相关的广告内容。这在一定程度上破坏了原有系统生态,但从另一个角度讲,也增强了它的商业性。对一家公司来说,也许只有先活下去,才有机会保留原来的设计和创新。

如果回头看 Smartisan OS,它最可贵的地方并不只是某几个功能,而是它曾经认真思考过:手机系统除了“能用”,还能不能更优雅、更高效,也更有人味。

配图清单

00-cover.png

位置:

frontmatter(文章封面)

比例要求:

21:9 或 2:1,至少 1600×900

用途:

封面图 / 分享卡片

类型:

概念插画

主题:

一堆千篇一律的方形安卓图标中,突然出现一个12宫格材质化、拟物精致的锁屏界面,视觉上的"差异化"本身就是主题。

画面描述:

  • 主体对象:背景是密密麻麻、规整排列的普通方形安卓图标网格(略微虚化、单调),前景中央浮现一块打破网格秩序的12宫格材质化圆润界面,带明显拟物光泽
  • 空间关系:中央主体清晰锐利,背景网格模糊、色调偏灰
  • 动作:无明显动作,强调静态对比
  • 情绪:克制而有辨识度,呼应文章开篇"差异化"的定调
  • 视觉隐喻:安卓阵营的同质化 vs Smartisan OS 的手工感/差异化设计
  • 重要元素:中央界面不需要还原真实UI截图,用抽象材质质感和光泽表现"拟物化""精致感"即可

构图要求:

  • 主体位置:居中
  • 留白区域:四周留白,避免关键界面元素被裁剪
  • 横向还是纵向:横向

不要出现:

  • UI截图(真实系统截图)
  • 复杂信息
  • 文字

01-lockscreen-ui.png

位置:

"第一眼印象:克制而有辨识度的 UI"章节末尾

比例要求:

4:3

用途:

正文

类型:

场景插画

主题:

拟物化图标与传统方形图标的质感对比。

画面描述:

  • 主体对象:一枚经过设计师二次重绘的拟物化图标(如时钟或计算器)特写,旁边/背景是几枚普通的机械感方形图标
  • 空间关系:拟物图标居中放大,普通图标靠边缩小
  • 动作:拟物图标带有轻微的光泽/立体投影,暗示"震动反馈"的质感
  • 情绪:精致、有温度
  • 视觉隐喻:无
  • 重要元素:无需文字

构图要求:

  • 主体位置:居中偏左
  • 留白区域:右侧留白
  • 横向还是纵向:偏方形

不要出现:

  • UI截图
  • 复杂信息
  • 文字

02-big-bang.png

位置:

"大爆炸:重新定义'提取'和'处理'"章节末尾(炸声音小节后)

比例要求:

4:3

用途:

正文

类型:

场景插画

主题:

一次操作让文字、图片、声音同时被"提取"出来的瞬间。

画面描述:

  • 主体对象:一部手机悬浮在画面中央,从屏幕中炸裂出三条轨迹:一串文字字符、几张连续的图片、一行流动的字幕波形
  • 空间关系:手机居中,三条轨迹呈扇形向外扩散
  • 动作:炸裂瞬间的动态感,类似定格的爆炸粒子
  • 情绪:轻快、有魔法感
  • 视觉隐喻:无
  • 重要元素:无需文字,靠三条轨迹的形态本身传达"提取三种信息"

构图要求:

  • 主体位置:手机居中
  • 留白区域:四周留白容纳扩散轨迹
  • 横向还是纵向:偏方形

不要出现:

  • UI截图
  • 复杂信息
  • 文字

03-yibu-sidebar.png

位置:

"一步:把电脑上的操作逻辑搬到手机里"章节末尾

比例要求:

4:3

用途:

正文

类型:

场景插画

主题:

跨应用拖拽分享的流畅动作。

画面描述:

  • 主体对象:一只手正拖着一张图片,从左侧一个应用窗口跨越到右侧另一个应用窗口,中间经过一个半透明的侧边栏
  • 空间关系:左右两个应用窗口,中间侧边栏悬浮连接
  • 动作:拖拽的运动轨迹用虚线/残影表现
  • 情绪:顺手、流畅
  • 视觉隐喻:把电脑上"拖拽"的操作逻辑搬到手机
  • 重要元素:无需文字

构图要求:

  • 主体位置:居中,横向展开
  • 留白区域:上下留白
  • 横向还是纵向:偏方形

不要出现:

  • UI截图
  • 复杂信息
  • 文字

04-flash-capsule.png

位置:

"闪念胶囊:记录一闪而过的想法"章节末尾

比例要求:

4:3

用途:

正文

类型:

场景插画

主题:

把一闪而过的念头瞬间"固定"下来的过程。

画面描述:

  • 主体对象:一个人物侧影,头顶飘出一缕轻烟状的念头,念头在空中迅速凝结成一颗彩色胶囊(蓝/红/紫,分别对应记事/紧急/灵感),落入伸出的手掌
  • 空间关系:人物在左,胶囊凝结轨迹在右上方
  • 动作:念头飘出→凝结→落下的连续动作感
  • 情绪:轻盈、抓住瞬间的紧迫感
  • 视觉隐喻:缩短"想到"和"记下"之间的距离
  • 重要元素:无需文字,胶囊颜色本身已具区分度

构图要求:

  • 主体位置:人物居左,胶囊轨迹居右
  • 留白区域:右上方留白
  • 横向还是纵向:偏方形

不要出现:

  • UI截图
  • 复杂信息
  • 文字

05-accessibility.png

位置:

"TNT:不仅是效率工具,也在做无障碍"章节末尾

比例要求:

4:3

用途:

正文

类型:

场景插画

主题:

实时字幕如何帮助听障用户理解周围世界。

画面描述:

  • 主体对象:一位用户手持手机,手机屏幕上有一行正在生成的实时字幕,周围环境用简单的声波纹路示意"有人在说话"
  • 空间关系:人物居中,声波从环境四周汇聚向手机屏幕
  • 动作:声波流入手机、转化为字幕文字流出的连贯过程
  • 情绪:从疑惑到理解的温暖瞬间
  • 视觉隐喻:把"听不见"转化为"看得见"
  • 重要元素:无需额外文字标签(字幕本身就是画面内容的一部分,不算装饰性文字)

构图要求:

  • 主体位置:人物居中
  • 留白区域:四周留白容纳声波
  • 横向还是纵向:偏方形

不要出现:

  • UI截图(字幕效果用示意波形/文字浮现表现,不还原真实系统界面)
  • 复杂信息
新文章

相关文章