Web开发

首页 » 常识 » 诊断 » 设计笔记Web端设计纵向分割趋势探讨
TUhjnbcbe - 2021/6/27 5:34:00
北京治疗荨麻疹好医院 http://m.39.net/baidianfeng/a_8595950.html
我们有个岗位想找你谈谈

央企中国电子-中国电子云设计中心3大岗位抢先开始!

随着计算机技术高速发展,设备软硬件性能也越来越强。对设计师而言,我们有更大的空间去创意去设计,曾经无法实现的想法,也许现在轻而易举。

然而,技术的发展同时也带来了更多的挑战和麻烦。屏幕尺寸越来越大,各种设备物理尺寸和分辨率千奇百怪,对于我们设计师来讲又是一种无言的痛苦。

PC、大屏、平板、手机,各种尺寸各种分辨率,响应式承载的用户体验有限,而且并非那么完美。如果一个产品要考虑各种端的屏幕兼容,那无疑是巨大的难题。

机缘巧合,这些端曾经在华为工作过的我都有幸接触过,于是想着,是否可以与设计小伙伴们一起寻找一种可能的出路。

SurfaceNEO折叠新形态尝试探索未来

年10月微软发布了一款折叠屏笔记本SurfaceNEO,微软利用铰链扭矩系统将两个9英寸显示屏整合到了一起,从而得到了SurfaceNEO的多种形态,其windows系统也为此进行了适配和优化。

如视频中所见,SurfaceNEO单个屏幕如同一个Pad,配合手写笔拥有轻便体验;展开时放在手中,又如同书本一般真实。

完全展开时,可以当做一个更大尺寸的Pad,两个屏幕左右可以分别打开任务,也可以运行同一个任务。两个屏幕不同的应用之间可以进行便捷的交互。

可以折叠起来,使用单一屏幕显示,另一屏幕用于键盘输入和触控板交互。用于输入的那块屏幕上还可以延展一些较小的任务窗口,有点类似手机上的多窗口,又如同MacBookPro的TouchBar。而完全展开两个屏幕同时用于显示时,还可以加一个外接键盘当做台式使用。

SurfaceNEO在不同尺寸不同形态的变化给了我们更多的想象,引领了对未来的新探索。

而在其中有一个特点:哪怕是屏幕展开变大,两个物理尺寸的屏幕依然是可以独立去显示和使用,可以理解为一个大的尺寸被分割为两个小块,或者更多更小的窗口,如上图中的小窗格。

MacBigSur与iPadOS趋同

年6月在苹果全球开发者大会上,苹果公司发布了他们下一代全新设计的操作系统。相对于以往每个版本的更新,这次确实称得上是大改版。除了窗口、图标、程序坞等的向IOS看齐的圆角化,通知中心也如同IOS一样把快捷控制放到一起组成控制面板。

从全高度边栏到清爽的工具栏,新设计的app界面干净利落,始终将用户的操作内容呈现在醒目的居中位置;这种非常明显的板块区隔让用户清晰的知道每次需要交互的位置。这种左右的布局方式,让层级更加清晰明了,并且能很好的与移动端进行兼容适配。

而相对更早一段时间,苹果公司为iPadOS添加了妙控板,可以进行精细交互,让iPad上也可以承担一些复杂的数据分析和图像处理工作。

iPad相对于手机尺寸空间大了很多,单个应用的分屏保障了iPad上IOS应用的良好适配。同时iPad上将传统pc多窗口的优秀基因继承了过来,并进行改良,增加了多窗口之间的便捷交互,充分提升了iPad屏幕利用率,提高了工作效率。

相对于传统pc,在移动端上有一个场景往往很难交互,那就是文件管理,复杂的存储路径让用户难以通过移动端单个页面,或者页面内的抽屉和折叠方式来进行,而iPadOS与macOS保持一致的纵向分割屏幕,从左向右层层深入,很好的利用了iPad的屏幕空间,提出了更好的解决方案。

设计背后的本质

看到这里是否觉得这跟web端有毛关系呢,请不要慌,任何设计背后都能找到一些线索,而这些背后的线索或许本质趋同。

通过以上内容,我们发现:

1、苹果、微软都在努力扩展自己的生态

曾在手机市场受挫的微软想从windows向轻便办公扩展,逐步弥补自己的生态,避免苹果不断蚕食自己的市场份额;

而苹果则从手机和平板上不断向办公领域冲击,保障手机、平板、电脑多端互联的无缝体验,不断去冲击微软的江山。

2、移动互联网的大趋势,让各大终端厂商都在发力移动设备的生产力建设

华为、三星、小米等终端大厂也都专门成立部门聚焦移动办公、教育等生产力场景,期望以手机为中心,从生活到工作中的方方面面都无缝串联,沉淀用户。

3、大厂都在尝试pc、pad、phone三大用户主屏的融合。

融合的好处不仅仅可以减少用户的学习成本,达到设备间的无缝衔接,同时还可以节省大量的设计开发成本。这等提升用户体验的好事,何乐而不为呢。

小结一:多终端的融合,是我们设计需要

1
查看完整版本: 设计笔记Web端设计纵向分割趋势探讨