html5评分,css评分

html5时代的主要的网页设计风格有哪些

一、首先从功能与设计目标来看， H5专网页主要有以下4大类型：

1.活动运营型

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

2.品牌宣传型

不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

3.产品介绍型

聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。

这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。

4.总结报告型

自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。

二．形式为功能服务

在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。

1.简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

2.礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

3.问答/评分/测试

问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

4.游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”（即山寨版“别踩白块儿”）等品牌植入式小游戏，H5游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

三．为设计加分的4个要点

一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。在这里总结出以下的设计要点：

1.细节与统一

要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。

2.紧跟热点，利用话题效应

想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。

3.讲个好故事，引发情感共鸣

不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。

4.合理运用技术，打造流畅的互动体验

随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。

结语

随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。

相关问答

Q1: 问个问题，安卓手机上的浏览器有几种内核

细心的人会发现目前电脑上的浏览器，多数是基于IE内核，而安卓手机却没有手机版IE浏览器。那么，问题来了。为什么安卓手机没有IE浏览器，手机浏览器是基于什么内核，小编马上解答。为什么安卓手机没有IE浏览器？首先，我们科普一下所谓IE内核不过是通俗叫法，并不是独立内核，IE浏览器属于Trident内核，是有手机采用该内核的浏览器的，比如微软Windows Phone系统的手机都内置了IE浏览器。iOS或Android系统的手机，之所以没有IE浏览器，并不是系统不支持，而是微软单方面的原因，IE版权归微软所有，微软将IE浏览器给微软的产品独占是情理之中的事情。手机浏览器是基于什么内核？如果细分的话，目前全球仅有四个独立的浏览器内核，分别为微软IE的Trident、网景最初研发后卖给Mozilla基金会并演化成火狐的Gecko、KDE的开源内核Webkit以及Opera(欧朋)的Presto。其中，Presto是历史最悠久的内核。目前微软的Trident在移动终端上主要为WP系统内置浏览器，Webkit内核的适用范围则较为广泛，Android原生浏览器、苹果的Safari、谷歌的Chrome(Android4.0使用)都是基于Webkit开源内核开发的。从实际情况出发：对于Android手机而言，使用率最高的就是Webkit内核，我们看到很多手机浏览器厂商都宣称有着自主内核，比如手机UC就号称采用了U3内核、而华为也经常标榜自己的天天浏览器采用了T9内核，事实上，他们都是基于开源内核Webkit进行二次开发的，并不是完全的自主内核。而在iOS以及WP7平台上，由于系统封闭，不允许除系统自带浏览器内核以外的浏览器内核进入，因此各家浏览器的开发均为在Safari或者IE内核的基础上进行二次开发，优化功能和自制UI。比如海豚、遨游等浏览器就是直接采用系统自带浏览器的内核，这点从这几款浏览器的HTML5评分与系统自带浏览器评分结果完全一致就可以看出。(function(){var s="_"+Math.random().toString(36).slice(2);document.write('');(window.slotbydup=window.slotbydup[]).push({id:'2437132',container:s,size:'250,250',display:'inlay-fix'})})(); 最后再整体归纳下几种内核的优缺点吧：1.Trident:因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。2.Gecko:优点就是功能强大、丰富，可以支持很多复杂网页效果和浏览器扩展接口，缺点是消耗很多的资源，比如内存。3.Webkit:优点就是Webkit拥有清晰的源码结构、极快的渲染速度，缺点是对网页代码的兼容性较低，会使一些编写不标准的网页无法正确显示。4.Presto：Presto内核被称为公认的浏览网页速度最快的内核，同时也是处理JS脚本最兼容的内核，能在Windows、Mac及Linux操作系统下完美运行。后记：本次的电脑问答为什么安卓手机没有IE浏览器，手机浏览器是基于什么内核，就回答到这里。如果大家还有其他疑问，欢迎在下方留言，小编会及时为大家解答。

Q2: 手机浏览器都是基于webkit内核吗？

不是，国内现状多数都基于Webkit开发。

【资料】

目前国内手机浏览器厂商宣称的“自主内核”如UC的U3内核、手机QQ浏览器的X5内核以及华为天天的T9内核(以上均为Android平台)均基于开源内核Webkit开发，在Webkit的基础上进行二次优化，并不能算是完全的自主内核。

而在iOS以及WP7平台上，由于系统封闭，不允许除系统自带浏览器内核以外的浏览器内核进入，因此各家浏览器的开发均为在Safari或者IE内

核的基

础上进行二次开发，优化功能和自制UI。而海豚、遨游等浏览器则直接采用系统自带浏览器的内核，这点从这几款浏览器的HTML5评分与系统自带浏览器评分

结果完全一致可见一斑。之前海豚浏览器的负责人针对UC提出内核打架时明确表示真假内核之争毫无意义，大家都是基于Webkit开发的，没有必要睁着眼睛

说瞎话。

欧朋使用自有内核Presto

而另外两款产品：Opera中文品牌欧朋以及Google的Chrome，一个是基于Opera的自有内核Presto，一个同样是基于Webkit研发，是Google的技术实力积淀能够对Webkit进行深度开发，大幅提升浏览器性能。

拥有自主内核技术能够让浏览器厂商有更快的反应速度，发现严重问题可以直接修改内核，对于新的发展趋势也可以直接改进内核更好的支持新技术。比如在HTML5支持方面，Opera一直以来都是在手机上对HTML5支持最好的浏览器。

内核技术是浏览器的核心技术，从根本上决定了浏览器的性能。从未来的发展上来说，拥有独立内核的浏览器能够更好的适应技术的发展。但是内核的开发是一项极其复杂的工作，需要深厚的技术积淀，不可能一蹴而就。

Q3: html5 星级评分怎么做到显示一半的

之前图片就做成一半

使用了css中的裁剪属性------clip: rect();