所有分类
  • 所有分类
  • 后端开发
TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

那我这边呢,根据技术的分类,找出其中十个有代表性的案例,给大家解析一下他们技术的实现方案。设计师也可以根据技术实现作为你们提供的素材参考因为我主要是对技术分类的介绍,所以只取了不同技术实现的案例,同一种技术实现的不同的设计风格我就不列举出来

1. TGideas与ISUX团队介绍

要说到腾讯里的两个牛逼团队,非 TGideas 和 ISUX莫属!这俩哥们儿在网页设计上可算得上一流,他们做出来的H5作品简直精美绝伦。都是以设计师&前端工程师为主,特别厉害的是,TGideas团队还能用JavaScript脚本来控制视频,让你感受到丰富又触动人心的互动体验。再看看ISUX团队,他们喜欢用各种新颖的方式帮产品跟用户搭讪,成功拉近彼此距离,既美观又实用,真心厉害。

2.视频内联播放技术

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

在网上看视频就像给手机缝小店那样容易,我们电脑、平板甚至微信上都能看见它们跑来跑去!但是你发现没有,有时候看到激动人心的画面,我们想调节或暂停都找不到地方。这就是因为浏览器默认都是让视频跑满屏幕还带个控制条。但是在微信浏览器里,我们可以设置让视频像小蚂蚁一样在页面内部慢慢爬行,不用担心占满屏幕霸占了整个屏幕。可是,在安卓系统上的应用里头,这个设置要加上浏览器白名单功能才有用,这可让微信X5浏览器的用户犯愁了,他们连怎么申请都找不着门道!

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

3.同层播放器技术应用

同学们好!同层播放器就是个能让我们在看微信视频的时候上面还有图层的小工具~这样咱们就有更多互动!比如选个选项就能看不一样的视频片段。不过别急,这还不够酷,咱们还可以用它和内联播放器搭配起来,玩出超级炫酷的效果!

4. Three.js与WebGL技术解析

Three.js就是个让WebGL运作起来的强大工具,能用它搞出来像天猫那样炫酷的3D页面。比如,你用Three.js就能把狂欢节界面做得跟在苹果机上看似的,切图超好看,运行还超顺畅。不过,如果跑在安卓上,WebGL就可能会出点小毛病,比如卡顿或者浏览器崩溃啥的。

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

5.异步请求与浏览器死锁问题

我们有时觉得浏览器老是卡机崩溃,那很可能就是一个资源正在被好几个非同步请求所调用。这时候,浏览器就会陷入僵局,叫做“死锁”。那怎么破?你得让这些请求排队,不能让同一个资源出现在好几个队列里。

WebGL(全写Web Graphics Library)是一种3D绘图标准
WebGL可以为HTML5 Canvas提供硬件3D加速渲染

6. X5浏览器对安卓手机支持问题

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

你听说过那啥X5浏览器吗?它其实就是腾讯出品的那款浏览器。不过,这货在各种安卓手机上表现可不一样。有的手机上,这个浏览器用起来就像加载了个停滞的幻灯片,体验极差。所以,咱们在开发的时候就要特别注意照顾到各种型号和操作系统对H5网页的兼容性。

7.全景类方案及软件选择

除了前面说的几种方法以外,还要买软件才能搞定全景。这儿教你用Three.js弄个全景,而且还教你好好保养它,让它在安卓手机上也能跑得溜。不过,做全景我们得考虑到各种设备、系统和软件的兼容性。

8. CreateJS游戏引擎应用

CreateJS就是个超轻的游戏引擎,让你做游戏超给力!用它配合Adobe AnimateCC来搞定动画,还能绑骨骼,加上代码,设计哥们就能做出想要的动画了。剩下的就是编程哥哥上来添加下代码,搞下互动就OK!

9.动画与过场H5页面制作

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

搞动画跟过场H5画面这种事,都是我们设计师用AnimateCC来弄出想要的动画效果哒,然后就是开发大哥们负责改改源码什么的,加个代码片段,调整下画面快慢节奏之类的东东~不光可以自适应手机屏幕大小,还能让整个H5页面看起来棒呆了!用户体验也上了大台阶!

TGideas与ISUX:网页设计大咖对决,谁才是设计界的霸主?

10. Krano软件介绍

Krano这款付费软件不仅能用在商业上,还能帮你搞定H5开发中的小难题~它就像个魔法棒,让你的交互效果和视觉呈现更有个性、更酷炫,助你的H5页面脱颖而出!

原文链接:https://www.icz.com/technicalinformation/web/2024/04/13381.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?