优设网的大屏适配经验!开启未来新视界

优设网的大屏适配经验!开启未来新视界

评论有奖阅读 1.1w

收藏 5 点赞 24

敲黑板!接下来要说的是重点啦,
这2年很多公司网页端也要大改版了,
因为我们买到的显示器越来越大、越来越高清,
久未适配的那些网站过小的12px、13px字体,
在高清屏两侧的空白是不是也困扰过你,
哪怕你已习惯了,
但这不是大屏时代该有的样子,
不妨看看国际大趋势,
还在做1200、1400、1600?
等到智能眼镜再一成熟,
很多网页基本就会被全部淘汰了。

一、委屈大家的眼睛了

在当下,打开许多老牌知名站点,
大屏下两旁空出的内容比正文还宽。

响应式的风吹了这么多年,
桌面显示器在显示网页上已游刃有余,
这个从大家买到显示器就可以显现端倪,
除了更大,还更清晰了!
而国内绝大多数的知名站点适配却并没有跟上脚步,
甚至直接没有PC网页,

这些年大厂们鼓足劲占领高地发力App,
为了圈移动端增量市场把网页端用户全部引导至手机,

谁曾想到这一个个被冷落的网页,
竟是被硬件商逼着改版的。
还有很多门户站点的网站,
主信息文字区域,
在高清屏下看都还是12px、14px的大小,
真是委屈了用户的眼睛,
委屈了用户的好显示器。

二、这些屏幕,我全都要!

最近通过用户的反馈不难看出,
很多公司已经高度关注高清大屏的适配,
因为已经开始催优设的改版文章了。
就像一位粉丝在评论里留言道:
“我们的PM要求的是智能眼镜、大屏、1920、平板、手机,我全都要!”
“实不相瞒,真的反复拉伸你们网页看你们做的来着。”

其实真正需求是——
从手机、iPad到笔记本再到2K 4k 5K 8K甚至带鱼屏,我全都要!
想想也够可怕的。

可以预料的是:掌握响应式大屏设计经验的设计师和前端,
未来会吃香了。

三、新视界已经打开了

大家应该知道以前电脑上是看不到抖音的,
你今年再看看,
抖音已经可以在你的高清大屏访问了,
https://www.douyin.com

还有在大屏上访问体验也很赞的懂车帝,
也值得大家学习研究,
https://www.dongchedi.com

优设这么多年一直是响应式站点的推广者和实践者,
备受鼓舞的是,
优设也已经有了很多国际用户,
Ta们利用谷歌翻译访问我们的站点,
为了更优秀展现内容,
我们在适配上花了很多精力来优化体验,
我们并没有App,
但是只要你在微信或者手机打开优设,
会获得一个不逊于App阅读体验的手机站点。

四、Ta们是用眼睛扫

咱们优设这次全屏适配的改版也在国庆节上线了,
PV数据也获得了翻倍式增长,
我们的适配技术虽然走在行业前列,
但在大屏的适配上也踩了不少坑,
现在来看,都是宝贵的经验教训,
目前我们还在迭代优化。
后续设计总监会结合数据写成总结文章分享出来,
录入到改版设计的专题里,
希望对国内网站(大屏)响应式适配提供一些参考和灵感,
至少把我们踩过的坑,
要告诉大家。

也给设计师们提个醒,
一定要关注Z世代用户的阅读习惯,
越来越多的人的浏览动作——
不是读,更不是看,Ta们是用眼睛扫。

好了,今天的小作文就写到这里了。

优设已经悄悄成长快10年,
相信我们还能陪伴国内设计师一起,
在更宏大更高清的视野下,
走得更远,
看得更多。

大屏时代,
已经来临!

Roc

人气 946.8w 文章 579
微博
优设网的大屏适配经验!开启未来新视界
优设网的大屏适配经验!开启未来新视界
优设网的大屏适配经验!开启未来新视界
优设网的大屏适配经验!开启未来新视界
优设网的大屏适配经验!开启未来新视界
收藏 5
点赞 24
Blender 零基础入门教程
😘 立即查看 >
下一篇 Blender 零基础入门教程

优设官方微信群

  • 1AIGC自学交流群
  • 2个人IP运营交流群
  • 3优设私单群
  • 4优设同城搭子群
  • 5优设大学生交流群
  • 6优设设计师交流群

添加管理员 招财

微信号: 扫码添加
严格审核打造高质量交流群

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布5

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}
- 今天的广告长这样 戳进来很精彩 -

😘 您已经看完啦^_^