首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏软件绿色联盟动态

    折叠 ① | 华为资深专家解读折叠应用基础体验要求

    不久前华为发布了业界首份《折叠UX设计规范》,详细的介绍折叠的特性和体验要求,并根据不同的页面布局方式和场景提供针对性的设计说明。 为了帮助开发者高效完成适配工作,软件绿色联盟特别邀请了华为资深UX设计专家,从以下三个方面:①折叠应用基础体验UX规范、②单页面布局设计规范、③组合页面设计规范,为大家深度解读《折叠UX设计规范》。 接下来请看①折叠应用基础体验UX规范的内容: 一 应用基础体验要求 由于折叠手机具有折叠态和展开态随时切换的特性,在切换前后对连贯性有明确要求,其适配的标准不仅仅是兼顾手机/平板模式那么简单。 除了上面提到的界面信息展示,以新技术主导的折叠设备背后,更多挑战则是深入折叠设备的用户交互层面。屏幕宽窄的变化给交互设计也会带来相关的变化。在做用户交互的过程中,应该避免哪些情况发生? 设备特征适配: 由于折叠在展开态下的屏幕显示比例接近方,因此横的体验跟手机和平板不同,需要做对应的适配。针对方,应用需要满足如下要求: 支持横竖显示。 横竖布局一致。

    1.4K40编辑于 2022-03-31
  • 来自专栏软件绿色联盟动态

    折叠 ② | 华为资深专家深入解读折叠单页面布局设计

    单页面布局提供的高度直观、高效实用的导航将有助于确保为用户提供最佳体验,特别是在应用在屏幕可自由切换的折叠手机上时 在上篇《折叠 ① | 华为资深专家解读折叠应用基础体验要求》中,为开发者详细讲解了应用基础体验要求 一 界面信息架构及布局设计 关于折叠手机,我们不妨先提出一个问题:当智能手机在手机和平板两种形态之间来回切换时,它的交互会是怎样的?在折叠态下,基本系统交互信息架构沿袭了普通手机竖的定义。 同时,由于多个任务在同同时运行,跨窗口之间的信息拖拽和传递也成为了可能。 相对而言,折叠的大优势能够展示更多的内容,充裕的空间也为探索更多交互可能提供了条件。 案例2:栅格重复效果 说明:对于内容运营类列表信息,适合在大上展示更多内容。 规则:应用定义单个组件所占用的栅格数,随着设备尺寸和栅格数量的变化,自动计算新的栅格数量,得出可以重复的元素的个数。 无论折叠设备是折叠还是展开,单页面布局设计提供的高度直观、高效实用的效果将有助于为用户提供最佳体验。 ·END·

    2K20编辑于 2022-03-31
  • 来自专栏NanBox

    Android 折叠适配攻略

    本文给大家介绍一下 Android 开发中和折叠相关的一些概念,以及如何进行折叠的适配。 折叠适配 折叠之所以需要适配,是因为我们的应用有可能在运行的过程中,所在的屏幕尺寸发生了变化,这种情况对现有项目多少都会产生一些问题。 所以折叠适配的本质是:当应用运行时,屏幕的尺寸、密度或比例发生了变化,应用能够继续在变化后的屏幕上正常显示和正常运行。 展开后的分辨率 2200x2480,用这种方式模拟了折叠展开的切换。 最后可以更近一步,给大屏幕设计另一套 UI,在折叠切换时切换 UI。 下面是一些相关的参考资料: Google - 打造适用于可折叠设备的应用 华为折叠应用开发指导 三星折叠应用开发指导

    3.9K40发布于 2019-07-16
  • 来自专栏挖数

    2万买的折叠手机,优点真TM多

    折叠手机 ? ? 普通手机 ? 折叠手机 ? ? 普通手机 ? 折叠手机 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ....... ? ? 最近,三星和华为争先发布了折叠手机,发布会看下来虽然很酷炫,但实际槽点满满,于是收集了很多网友的吐槽,画了这篇东西。 是的这是我画的,丑爆了对不对!?

    76920发布于 2019-03-14
  • 来自专栏科技 频道

    折叠,vivo的高端打手?

    除了苹果之外,华为、oppo、小米等国内主流的智能手机品牌都已早早布局折叠市场,折叠噱头居高不下,vivo终究无法做到置身事外。 (配图来自Canva可画) vivo需要折叠 2022年4月11日,vivo发布首款折叠手机vivo X Fold,正式入局折叠赛道。 Mate Xs2以5361部排第四,而vivo X Fold 仅以1599部位居第十。 对比OPPO Find N在2021年12月中旬发布首销2.2万部,以及同在今年4月中下旬发布的华为Mate Xs2的成绩,vivo X Fold的开局排位并不理想。 不过相信各家经过多轮的产品试炼之后,折叠手机的体验、价格终究能对上大众的口味,折叠市场也能引发一波换机潮。

    76730编辑于 2022-05-30
  • 来自专栏自动化控制技术控

    折叠手机的相关知识

    概 述 折叠手机是智能手机的一种造型,柔性AMOLED屏幕是折叠手机的突破关键。智能手机行业迎来“折叠时代”,各大手机厂商积极布局。 早在2018年10月底,国内柔性生产商柔宇科技就推出了全球首款折叠手机FlexPai(柔派)。 2019年2月份,三星和华为相继发布了旗下第一款折叠手机:GalaxyFold和MateX,并亮相世界移动通信大会(MWC),揭开了“折叠手机时代”的帷幕。 另外,折叠智能手机在手机市场找到最适合自己的位置也需要一定的时间,而且就算找到自己的位置,折叠智能手机也会和普通智能手机长期共存,而这并不像很多人观点中那样必须要一种取代另一种的局面。 柔性AMOLED屏幕是折叠手机和穿戴手机的突破关键。但是,柔性折叠手机商用还不是太成熟。 首先,柔性折叠手机太贵。柔宇科技最早发布的可折叠手机价格还不到万元,已被称为天价手机。

    94020发布于 2019-11-04
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】Android、Flutter 折叠适配 ( 展开大 | 折叠 | 折叠 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )

    文章目录 一、Android、Flutter 折叠适配 二、展开大适配 三、折叠适配 四、折叠适配 五、折叠动态热切换适配 五、拉伸布局 六、X 轴自适应适配 七、布局重构 八、Android 、Flutter 中的程序配置 1、屏幕自适应配置 2、设置切换屏蔽宽高比不重启适配 3、设置最大最小屏幕比例 一、Android、Flutter 折叠适配 ---- 华为的 Mate X 折叠有 , C 中上下出现黑边 , D 中四周出现黑边 , 都不能出现 ; 三、折叠适配 ---- 折叠 就按照 全面的样式进行适配 ; 折叠状态下 , 主要填充满整个屏幕 , 如 A 样式 ; B 中左右两遍留出空白 , C 中下面留出空白 , 不可取 ; 四、折叠适配 ---- 折叠 的 屏幕分辨率是 25:9 , 是长条形的 ; 华为官方建议 , 该屏幕不以全屏显示 , 在副模式下 A 是合格的 , 其它都不符合规范 ; 五、折叠动态热切换适配 ---- 上述折叠的三种形态 , 在任何一种形态 , 打开应用 , 都按照对应的适配要求显示 ; 假如再打开后 , 屏幕形态切换

    8.4K10编辑于 2023-03-29
  • 来自专栏软件绿色联盟动态

    折叠丨华为专家深度解读折叠连续性和拖拽适配介绍

    7月30日,由软件绿色联盟联合华为举办的零基础高效适配折叠在线沙龙中,来自华为的折叠项目经理闫鸿飞在《折叠连续性和拖拽适配介绍》议题中就上述问题进行了讲解,并结合典型案例分享了折叠连续性和拖拽的开发与调试 ,帮助开发者高效适配折叠2)页面重启,重启前保存页面和用户数据的方式: 该方式适用于UI复杂,需要动态调整的地方多的场景,建议针对大单独写一套layout资源放在(layout-sw600dp)目录下面。 问题2折叠展开页面跳转 在应用适配过程中,遇到过折叠、展开时页面消失,显示了应用主页面或其他页面的情况。经过分析发现这是由于应用在重启过程中触发了页面保护机制造成的。 2)安卓模拟器 从Android Studio 3.5Canary版本开始,开发者可创建一个运行Q Beta 2版本的折叠虚拟设备,其支持的硬件配置分别为7.3英寸(折叠后为4.6英寸),以及8英寸(

    1.7K20编辑于 2022-03-31
  • 来自专栏向治洪

    Android 折叠就要来了

    视频的动态图上我们可以发现,三星的折叠手机是折叠设计,将屏幕折叠后手机的外部还有一块屏幕显示内容,但是尺寸不大。 三星发布的这款手机,实际上拥有两块屏幕,可折叠的 Infinity Flex 显示为内,而折叠以后的外就相对较小一些。 利用这种柔性显示技术,App 可以做到折叠设备上的适配工作。 但是 Foldables 来了,就完全不一样了,通过折叠设备的两种变体效果:双屏设备和单设备,当折叠时,它看起来是一部手机,而当它展开时,它就变成了一台平板。 既然 Google 已经表示将要对折叠进行支持,我们就先猜想一下,最终会以什么样的形式进行支持。

    64830编辑于 2022-11-30
  • 来自专栏软件绿色联盟动态

    折叠 ③ | 华为资深专家解读折叠组合页面设计及多任务设计要求

    在此之前,软件绿色联盟已经推出了折叠UX设计规范系列阐述的针对单页面内的动态布局方式外,其实还可以利用组合页面设计。组合页面设计让布局设计更加生动有趣,淡化单调的设计,赋予页面更强的生命力。 一起来看看规范的详细内容吧~ 一 组合页面设计 不管是哪种折叠方式,对用户来说是新增了一块可折叠的屏幕,而这新增的屏幕使得1+1大于2,手机能变换为平板。 UX设计师首先需要思考折叠在展开态不仅可以在单页面内呈现更多的内容,还可以将不同页面的内容同时显示,为用户创造新的操作体验。 2.单一层级 单一层级结构一般以“列表+详情”形式呈现,列表中的每个元素都是末端元素,元素中没有二级分类列表。例如邮件、信息、备忘录等内容型元素的列表。 以上内容为《折叠UX设计规范》中的组合页面设计规范及应用内多任务的相关内容。 ·END·

    1.2K30编辑于 2022-03-31
  • 来自专栏软件绿色联盟动态

    折叠④ | 华为资深专家解读折叠各类型应用的典型场景设计实现案例

    应用开发者可以参考这些样例,结合自己的应用的业务类型及具体的业务场景,完成在折叠产品上的最佳界面适配和创新设计。 界面设计应充分利用折叠的展开态的大优势进行设计,带给用户沉浸式浏览的体验。 例如小视频的竖格式的视频列表,在普通手机上可以采取双列,而在折叠展开态,就可以扩展为三列的形式,可以保持视频显示面积的相对可控,单页面显示的视频数量也有一定增加: 2.沉浸式的视频播放界面 普通视频 另外,很多视频播放类应用还保留有普通手机的横全屏沉浸播放模式,在折叠展开态,此模式出于兼容性的需要,可以保留,但因为折叠展开态的长宽差异不大,将屏幕转90度可以获得很小的播放面积收益,但因此造成的用户转动手机带来的负面体验却很大 随着折叠手机的发布,我们看到未来手机的形态可能会朝着柔性手机方向发展,那么,让我们来思考一件事:对于折叠上的移动应用使用场景,UX设计师可以探索怎样的设计模式呢?

    2.2K30编辑于 2022-03-31
  • 微信小程序 折叠兼容

    最近维护了将近的一年的微信小程序(某知名企业),突然提出要兼容折叠,这款小程序主要功能一些图表汇总展示,也就是专门给一些领导用的,也不知道为啥领导们为啥突然喜欢用折叠手机了,一句话需求,苦的还是咱们程序员 这也太简单了,但后面证明我想简单了,主要有两大问题:1 尺寸不同的情况下内容展示效果兼容问题2 预览版和体验版 大模式冷启动会生效,但热启动 和 菜单中点击重新进入小程、授权操作,会失效变成窄解决尺寸问题因为 当屏幕大小变化时,固定区域不变,而长宽适配区域跟着变化2.等比缩放:根据页面屏幕宽度缩放。rpx其实属于这种类型。在宽上,rpx变大,窄上rpx变小。 随后看到这句话特别符合我的需求,哈哈 省事 省事 省事策略2省事,设计师按750px宽出图,程序员直接按rpx写代码即可。但策略2的实际效果不如策略1好。 默认值为 375 "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750 }, }2.

    1.2K10编辑于 2024-07-27
  • 来自专栏工程师看海

    手机屏幕接口介绍,折叠何去何从?

    小米昨日发布的mix fold 2,又将折叠屏幕推向公众视野,折叠屏幕有哪些优缺点呢? 现在市场上使用的折叠手机,由于需要折叠,表面不能有坚硬的玻璃盖板,因此在折叠位置容易出现折痕。 同时,没有坚固的玻璃盖板保护,折叠屏幕的表面看起来凹凸不平,容易产生划痕,甚至指甲扣一下都会留下指甲印。 转回我们的话题,除去电源之外,还有一些简单的IO引脚,比如复位引脚和异常中断引脚。 IIC/SPI用于与屏幕上的触控进行通信,MIPI用于传输屏幕的显示数据,为了降低功耗,当屏幕显示内容不变,也就是静态画面时,MIPI往往不工作,静态画面已经存储到屏幕内部存储中,比如手机的AOD息显示功能 所谓兵马未动,粮草先行,凡事都要有个先后顺序,CPU、相机和屏幕的电源也不例外,毕竟心急吃不了热豆腐,因此我们需要对上电和下电的时序进行测试,如下图所示,否则的话屏幕就可能在亮或息时异常闪烁,甚至屏幕无法正常显示

    1.6K20编辑于 2022-09-23
  • 来自专栏QQ音乐技术团队的专栏

    全民K歌折叠适配探索

    在之前,我们已经适配了:不同比例、圆角、挖孔、刘海… 是时候,让我们开始适配折叠吧! 本篇文章主要介绍折叠的基础概念及几种适配方案;同时涵盖了全民K歌在折叠上的适配探索与实际效果。 折叠 折叠,顾名思义,其显示采用柔性技术,可在使用时对屏幕进行折叠、展开的操作。目前以华为、三星生产的设备为代表。 屏幕折叠主要分:内折、外折、两折、多折等不同折叠方式。 常见表现 一般来说问题的表现有2种情况: 界面销毁重建→非流畅性体验 重建后界面异常→展示体验不好 在K歌,因并未对折叠这种会发生屏幕素质变化的硬件进行适配,所以两种情况均存在。 ADB 如果你没有折叠设备,则可以使用adb命令进行强制模拟这个过程: # 折叠切展开模拟方法: #(1)预先将手机设置主分辨率: adb shell wm size 1148x2480 #(2)通过修改手机分辨率为全屏分辨率模拟状态切换 : adb shell wm size 2200x2480 # 展开切折叠模拟方法: #(1)预先将手机设置全屏分辨率: adb shell wm size 2200x2480 #(2)通过修改手机分辨率为主分辨率模拟状态切换

    3.6K30发布于 2021-07-12
  • 来自专栏新智元

    华为推出全球最轻折叠手机Mate Xs 2

    ---- 新智元报道   编辑:袁榭 好困 【新智元导读】4月28日晚间,华为推出了最新款的折叠手机Mate Xs 2。 2020年9月15日,美国对华为的新禁令正式生效。 2022年4月28日,最新款折叠手机Mate Xs 2正式发布。 搭载骁龙888的4G旗舰 要说现阶段折叠最实用的功能,莫过于同时展示「健康码」和「行程码」了。 在重量上,Mate Xs 2只有255g,换算成英制,正好略等于9盎司,据称是目前业界最轻的折叠手机。 当然,作为一款折叠手机,最重要的肯定还是屏幕。 对此华为表示,Mate Xs 2搭载的是一块7.8英寸折叠,分辨率达到了2480x2200,并最高支持120Hz的刷新率。 华为Mate Xs 2支持四网并发、五网协同,业界首款支持三频Wi-Fi的手机,理论峰值速率高达4Gbps。 这个Wifi并发与协同支持数目超过了华为的上款折叠手机P50 Pocket。

    94250编辑于 2022-04-29
  • 来自专栏程序猿DD

    原来这才是折叠的刚需...

    |IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-1258501/b880f7191538de17f3c8aa78c8453cb2. png|imageAlt^0|0|1|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@$A|L|B|M|1|N]]|C|@]]]|D|@$5|E|F|G|C|$H|I|J|-4]]]]

    25120编辑于 2022-09-09
  • 来自专栏软件绿色联盟动态

    折叠 | 又双叒叕成功适配!折叠+携程,旅行体验提高不止一个Level!

    携程App作为一款在线旅行服务性软件,已成功适配折叠手机,快来和我一起看看有哪些创新体验吧。 相较于平板设备,折叠设备有多尺寸、多比例的屏幕优势,其问世促进了智能手机外观形态上的发展。 一部设备两个状态,这是传统手机做不到的,面对与传统手机的天然差异,因此折叠手机在设计变化上,会针对大需重新调整布局结构,在设计重点上也优先对华为折叠手机进行设计升级。 在单与双屏之间,大多数用户最终都选择双屏的方案,因为双屏给用户惊喜,发挥了折叠手机的优势,显示更多信息,体验感更舒适。下面一起来看携程App在折叠设备里的适配场景演示。 针对折叠手机,UX设计师将可视化元素进行重新分组,各组块位置挪移,最终形成均衡的排版。 优点:利用折叠大屏幕优势,为用户显示更多信息。 2.旅游页面 设计方式:挪移布局 在旅游页面用户可根据自己的需求选择旅游形式。将主功能查询操作区、宫格区置于左,位置固定,各导流模块、信息浏览区放在右侧,方便用户滑动浏览。

    1.6K20编辑于 2022-03-31
  • 来自专栏WecTeam

    你应该知道的折叠手机适配

    折叠虽距离普及可能还有很长一段路,大多数公司还未将折叠列入适配的范围,但是提前研究下折叠的适配还是极好的。 折叠手机概况 华为Mate X ? 折叠适配的本质 当老板下令说:“我们的产品要适配折叠”,不同的人会有不同的反应: 产品和设计 如何更好的利用空间? 如何展示才不会使页面显得空洞? 展开和折叠时分别怎么展示? 展开后如何过渡? 从以上折叠手机的情况来看,折叠手机的适配其实就是一个响应式设计的问题,而响应式设计有一个比较公认9条的基本原则,折叠手机的适配至少要满足这9项基本原则。 2.内容流 ? 随着屏幕尺寸越来越小,内容所占的垂直空间也越来越多,也就是说,内容会向下方延伸,这就叫做内容流。 2)前端交互的方式会更加丰富 如:“折”手机这个动作可以算作一个事件(需系统支持提供),如果权限设置合理,可以用来区分人机,不用再看花眼选图片了;半折”分屏,实现双屏联动。

    2.5K10发布于 2019-12-16
  • 三星三折叠旗舰发布,折叠触控+指纹方案由汇顶供应

    12月2日,三星电子正式在韩国推出了旗下首款三折叠手机Galaxy Z TriFold,起售价3590400韩元(约合2500美元),将于12月12日起在韩国上市。 三星 Galaxy Z TriFold 采用向内折叠设计,两侧相互折叠以保护主显示。该机还添加了多种屏幕提示和振动功能,若用户折叠设备的方式不正确,会自动发出提醒。 Galaxy Z TriFoldGalaxy Z TriFold 的内采用的是10英寸的Dynamic 2X AMOLED屏幕,支持120 Hz 的刷新率,用户可在三个竖程式并排状态下创作、多视窗状态下调整视窗大小清晰观看重要资讯 不论是展开还是折叠,Galaxy Z TriFold 都具备明亮的显示效果,外亮度最高可达2,600 nits,主屏幕最高亮度则可达1,600 nits。 值得一提的是,三星 Galaxy Z TriFold折叠+副触控与超窄侧边指纹方案是由汇顶科技提供,助力三星打造更沉浸的巨交互与便捷解锁体验。

    16810编辑于 2026-03-20
  • 来自专栏智能相对论

    OPPO折叠,被期待的“颠覆者”

    OPPO荣耀、华为扎堆发布新机;小米MIX Fold2消息不断,realme、vivo加入研发,苹果首款折叠手机的概念渲染图也被曝光。 至此,手机行业的主流玩家都加入了这场新的屏幕战事。 华为发布的首款纵向折叠旗舰手机P50 Pocket,晶钻白、曜石黑的8GB+256GB版本售价为8988元,相比此前华为Mate X2 17999元的起售价,已经很接地气,甚至让人疑惑华为也打起了价格战 开屏情况下,7.1英寸内相比华为Mate X2长度要短上一截,但足够满足沉浸体验,且更符合人眼横向的视觉范围。 因为OPPO的创新之处,细究起来也并非是首创,比如内外的兼顾,华为在MATE X2上面就试图在做了。当时的华为,就是企图将折叠手机打造为兼顾内外的“全能手机”。 不过根据报道,华为今年将有两款折叠旗舰机发布,其中3月会发布首款搭载国产UTG的外折版本折叠,反击之策或许正在路上。 另一个巨头三星,它的侧重点和华为MATE X2几乎是相反的。

    63130编辑于 2022-04-02
领券