这份界面素材可以直观展现新版本系统的视觉设计风格,界面顶部标注About device字样,搭配返回箭头控件,界面主体区域放置ColorOS的大字号标识,下方标注版本数字17.0,界面底部设置Version up to date提示按钮,代表设备系统已经处于最新版本状态。整套界面的背景采用渐变色彩方案,融合紫色,橙色,深蓝色的柔和曲面色块,整体画面过渡柔和,没有尖锐的分割线条,属于全新系统版本内置的标志性视觉素材。
从曝光的关于设备页面可以看出,ColorOS17.0在系统基础页面的UI设计上面做出明显调整。页面的整体布局框架保留原有层级逻辑,但是视觉渲染风格进行全面更新。页面最上方的返回箭头控件,放置在圆形的浅底色容器内部,箭头图标线条简洁干净,和顶部的About device文字搭配,构成页面的导航栏部分。导航栏区域采用简洁的白底底色,降低视觉干扰,让用户可以快速识别页面的导航功能,完成页面之间的跳转返回操作。
页面主体内容区域采用大圆角矩形卡片进行承载,卡片直接铺满页面的主要显示空间,卡片内部就是ColorOS17.0专属的背景视觉素材。大面积的渐变曲面色块互相融合,色彩之间没有生硬的边界,不同色块之间完成平滑过渡,紫色调,橙色调,深蓝色调互相交织,营造出柔和的流体视觉效果。大字号的ColorOS标识放置在卡片画面的中上位置,字体笔画宽厚,白色的字体和色彩丰富的背景形成足够的对比度,能够保证文字内容清晰可读。版本数字17.0放置在品牌标识的正下方,字号相比品牌标识更小,层级划分清晰,可以让用户第一时间识别系统版本信息。
卡片画面的底部,设置Version up to date功能按钮,按钮采用半透明磨砂玻璃的样式,带有圆角边框,按钮内部为白色文字提示,用来告知用户当前设备系统已经更新至最新版本,不需要执行额外的升级操作。半透明的按钮设计,可以在不遮挡底层背景画面的前提下,完成功能提示的展示,兼顾页面的美观程度和信息传递的实用性。整套页面没有多余的装饰元素,减少冗余图标和文字堆砌,把视觉重心放在品牌标识,版本号,状态提示,背景视觉素材上面。
ColorOS17.0关于设备界面的改动,不只是单纯的壁纸画面更换,代表整套系统的设计语言迎来迭代升级。流体渐变的曲面色块,会延伸到系统更多页面当中,设置界面,通知面板,弹窗控件,卡片组件都会沿用同类的设计思路,统一整机系统的视觉体验。大圆角卡片,磨砂半透明控件,高对比度文字,这些设计元素互相配合,平衡系统界面的美观属性和实际使用当中的可读性。
系统关于页面是用户查看系统版本信息的高频入口,很多用户会在这里确认自身设备的系统版本,判断是否接收到新版本推送。新版本把视觉表现力融入这个基础功能页面,让基础信息页面不再只有枯燥的文字罗列,在查询版本信息的同时,也可以直观感受到新系统的设计风格。Version up to date提示按钮,也会在系统检测完成之后动态切换状态,如果设备存在可用更新,按钮的文字内容会发生变化,引导用户进入系统更新流程。
这份曝光的界面素材,只展示了About device页面的局部内容,没有呈现完整的关于设备全部信息列表。但是从已有的画面可以推断,ColorOS17.0会对系统内部大量原生页面进行视觉重绘。过往版本当中,系统设置页面大多以文字加小图标作为主体,新版本会更多融入流体渐变背景,磨砂控件,大圆角卡片元素,让系统UI的整体氛围感得到提升。同时设计团队会把控色彩的饱和度,避免艳丽的画面造成长时间使用的视觉疲劳,兼顾视觉美感和日常使用的舒适度。
系统UI的迭代,除了外观层面的改动之外,通常也会伴随动效细节的优化。这套流体渐变背景,大概率会配套对应的动态效果,在页面滑动,页面跳转的时候,背景色块会跟随操作产生细微的动态变化,提升整机系统的操作流畅感。控件之间的转场动画,弹窗弹出收起的动画,卡片交互动画,都会和全新的视觉风格互相匹配,让外观和交互动效形成统一的整体。
对于普通用户来说,系统界面的视觉风格,会直接影响每一天的使用感受。系统不再只追求功能数量的堆叠,也开始重视每一个基础页面的细节打磨。关于设备页面属于使用频次不算最高,但是具备仪式感的系统页面,当用户完成系统升级之后,打开这个页面,就可以直观感知新版本带来的变化。
本次曝光的界面截图来源于网络流传素材,属于系统界面的工程版本画面,量产正式版本当中,界面的色彩饱和度,控件尺寸,文字排版,背景画面细节,都存在微调修改的可能性。Version up to date按钮的交互逻辑,也会跟随版本迭代持续打磨。该界面只代表ColorOS17.0其中一个页面的设计,不能代表系统全部功能,完整的系统功能,推送机型,更新节奏,都需要等待OPPO官方后续对外进行公布。
很多用户在看待新版本系统的时候,会更多关注性能调度,新功能增加,续航功耗变化,UI设计的改动经常容易被忽略,但是系统界面是用户和手机交互的载体,每一次点击滑动,每一次打开设置页面,都要和UI界面打交道。优秀的界面设计,既要有亮眼的视觉表现,又不能牺牲文字可读性,操作便捷性,ColorOS17.0的这套关于设备界面,就可以看出设计层面在美感和实用性之间做出的权衡。
流体渐变的设计方向,也会影响到主题,壁纸,系统组件等周边内容,后续官方推出的配套主题,大概率会沿用同类的色彩设计语言,让整机从系统底层到桌面主题,实现设计语言的统一。不同亮度模式之下,这套界面的色彩表现也会做适配处理,切换浅色模式和深色模式,背景色块的明暗程度,控件的透明度,文字对比度,都会发生对应的改变,保障不同光线环境下面的显示效果。
热门跟贴