网站设计风格种类

1、简述网页设计的风格有哪些

一、首先从功能与设计目标来看， 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的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。

2、网站风格有哪些

01极简风

"越少，越经典“这是不少设计大师遵循的设计风格。

“好的设计是尽可能少的设计”这条原则也同样适用于网页设计中。

极简设计的好处就在于它能最大化节约用户的时间成本。

02无边框风

这里的边框是指任何类型的装饰性容器。

通过去掉装饰性的容器，加强基本内容的设计感。

提升图片质量和排版布局，从而改变整体因无装饰性容器的视觉表现。

03插画风

除了使用大量图片作为背景或主体元素外，

图形插画的运用也是一种很好的方式。

网页Banner可以运用插画来表达网站主题，

同时加上插画图标的点缀，

使网页看起来清新有趣，

加强网站本身的独特性。

04黑板风

虽然黑板风格不是一个常见的风格，

但是其经典的使用方式和延伸效果

同样可以作为网页设计风格的一项选择。

最常见的运用方式就是将黑板作为背景元素，

同时黑板本身的装饰效果使网站呈现非常时尚。

许多经典的美食网站设计都采用了这种风格，

除了使用黑板以外，

将现实场景中的桌面运用到背景中也格外出彩。

05扁平风

扁平化设计可以说是时下最常用的网页设计风格了，

它弱化了材质、渐变、阴影，

去除了冗余信息的图形元素、排版。

这种风格设计可以使画面显得更加平滑，

提升了网站内容信息的视觉层级，

更加方便用户快速寻找自己需要的内容。

同时扁平化的界面能更好实现不同尺寸的转化。

这也是现在互联网公司较常采用的一种风格。

063D风格

这里所说的3D风格不是纯粹的使人感到身在其中的3D坏境，

而是那些运用少量3D效果使整个网页显得更加灵动，

通过扁平化的基础上，添加一些生动的非扁平元素，

给网站带来了原本缺乏的纵深感，同时提升主体视觉吸引力。

07纵向分割

习惯了一栏式的设计，

将屏幕一分为二甚至是多栏式的网页设计方式

受到了众多用户的喜爱，

在网页设计中使用新鲜的分屏式设计

可以方便呈现不同的信息，创造对比。

同时划分有效区域，方便用户进行快速选择和视觉聚焦。

08超级头版

以往的网页设计中，轮播幻灯片的效果使用充斥着各种网站，

虽然这种设计方式在许多首页上仍然适用名，

但却正在失去吸引力，取而代之的是采用的核心区域元素，

也就是主题的主题图或者说是超级头版，

在首页上使用尺寸超大、迷人的精美Banner，

而这个超级头版汇聚了对产品的精华总结，

从而将网站最重要的内容展示给用户。

09照片与白字搭配

严格意义上，这不算一种设计风格，

但是这种方法可以帮助我们快速制作出色的Banner或者网站，

通过对照片进行一些色彩叠加，同时搭配白色文案，

从而形成对比，使文字更加清晰易于传达。

你可以把它像公式一样记在脑子里，

碰到合适的机会就可以使用。

3、网站有哪些类型？

您好，大概有以下几种类型的网站
1.营销型企业网站：
营销型网站近年来企业不断追求的类型网站，为什么企业这么喜欢这类型网站的呢？那么到头来什么是营销型网站呢？在这我简简单单告诉大家一下，先理解一下情况：网站布局体现产品用户体验+搜索引擎优化规则的合理性，可称为营销型网站建设。营销型网站建站的目标性是直接获取销售线索或直接获得订单，它同时可以像一个业务员一样了解客户，能解除用户在决策时的心理障碍，并顺利促使目标客户留下销售线索或者直接下订单，这就是营销型网站的优点，也是企业不断地追求的建站类型。
2.展示型网站：
展示型网站就是以产品展示为主的网站，不具有营销型网站功能布局相对来说简单，企业展示网站追求简洁大方、展示给浏览者的信息直观明了，让客户打开网站后在最短的时间内、最少的鼠标点击次数下获得自己想要的信息。
3.电子商务型：
其实电子商务网站对于企业来说只是做电商才能用得上的，重要带有相对性的在线下单功能，主要是用来进行企业产品的在线销售，在这类型的网站里会有详细的产品介绍和服务信息，网站上通常会有大量的照片，还会有购物车和付款方式，这主要是为了方便用户完成产品的购买。
4.门户型企业网站：
门户型相对来说是专注以资讯来展示的，分享企业的资讯动态，门户型的企业网站建设与电子商务型企业网站就大不相同了，门户型的企业网站通常是为特定的客户建设的，是为他们提供一个资讯交流的平台，通常这类型的企业网站上会有大量的企业资源和企业的服务信息。
5模板网站：
模板只是一个成型的网站，没有设计规划，只有展示的效果，如果要求不可的用户是可以的，如果要求高的用那这是满足不了的，这也是模板站一个不足够的地方。

4、网站设计风格主要体现在哪几个方面

网站简单的可以分为：功能型和展示型

功能型：网站在美工设计上可能不适合大块图片，在数据功能上比较强，比如：搜索、会员注册。一般企业网、购物网、大型门户、交友网等。

展示型：追求视觉上的美丽，对功能要求不高，在美工上、设计上要有强烈的视觉感。这种网站一般属于：美容业、女性用品、服饰等。
可以是企业展示网站、企业宣传网站、门户网站、电子商务、社交交友、综合型网站等等。
1、将你的标志logo，尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语！

4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配 　

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

1、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区： 　

1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

现在是眼球经济时代，什么都要靠包装。你的网站设计的不好看，也无法引起用户的兴趣。我想谁都不喜欢看那些乱七八糟的网站，进去之后看不到网站主题，看不到主要内容，也找不到我们想要的信息。成功网站的第一步，就是从设计开始做起。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站，在这里，提供给大家一些参考经验：
1、将你的标志logo，尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语！

4、相同类型的图像采用相同效果。

二、网页色彩的搭配 　

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

1、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区： 　

1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

5、网站建设主要分为哪几种类型

一、电子商务网站建设
电子商务网站，顾名思义我们就可以想到是卖东西的网站，或者说是在网上实现成交的网站，专业的称呼叫b2c网站（商家对个人的网站模式），常见的做的好的像京东、苏宁易购等。如果你建设网站是想在网上实现产品的销售的话，可以考虑这样的网站类型。网站主要包含详细的产品介绍，还有服务，便捷的购物车功能，简洁的付款入口等人性化的功能。

二、宣传型的网站建设
一般建设企业网站的公司都是抱着宣传公司的想法，而这种网站就是我们经常见到的典型的宣传型的网站类型，做这类网站相对于别的网站类型来说比较简单，主要的功能有，宣传企业的信息，比如公司动态，企业简介，项目介绍，联系方式，网站在线客服，产品展示，服务内容等。这类型网站可以有效的塑造企业的品牌。交给外包公司进行网站建设的话也会便宜一点。

三、门户型网站建设
门户型网站类型想必大家都没陌生，只要看到门户网站，脑子里就会自然的跳出新浪，网易这些门户网站大佬的名字。门户网站一般规模比较大，包含的信息比较广泛，有论坛，新闻资讯，社区等多元化的功能。当然这类网站开发难度相对比较大，话费的成本也是相当多的，小型企业根本没有必要做这种类型的网站，这类网站比较适合规模比较大的企业。

四、模板网站建设
模板只是一个成型的网站，没有设计规划，只有展示的效果，如果要求不高的话用是可以的，如果要求高的话用那这是满足不了的，这也是模板站一个不足够的地方。

6、网站制作风格一般可分几种？

(1) 时尚类：适用于「精品、时尚、饭店旅馆、服饰、婚纱…等产业」需要特别注重视觉效果的行业别。时尚风格类型的设计特色呈现出简约、精致、高质感。线条的运用上大致用弧度表现，比较少使用线条。另外照片的运用上建议使用高解析度、饱和度高、鲜明对比色为主，较能表现出高质感的感觉。 (2) 科技类：故名思义，此类型一般适用于「高科技、机械、电子、多媒体…等产业」。科技类型大多使用大量动画特效、多媒体音效及线条并结合主打商品或服务，来传达企业之高科技技术和专业度。 (3) 商业类：商业网站制作适用于任何类型的企业，为目前最多数类型的网站。此类型网的风格偏向简单且网站动线明确为主，不做过度华丽的版面设计或使用过多的动画，以增加网站浏览速度进而提高搜寻排名。 (4) 古典风：商用于企业形象或主要商品风格偏向「中国风或欧洲古典风」的企业。这重类型的网站设计将以复古风格结合的花纹底图或图藤效果来表现柔美复古感。若是属于中国风的网站，通常在设计上会使用一些毛笔字和印章烙印的图片来传达中国文化。 (5) 普普风：适用于主要客群为年轻族群的企业。因普普风格的网站在设计上会较为活泼有创意，使用大量几何图形构成鲜明活泼的版面，因此在颜色的使用上也会较多元化。 (6) 休闲风：适用于「休闲农场、观光景点、户外餐厅…等企业」。此类型的网页设计大多会使用户外的素材，如蓝天白云、天空、树木、绿地等等…来营造出休闲的风格。 (7) 活泼型：适用于「主题乐园、童装、学校…等客群以幼童或年轻人为主的企业」。

7、目前比较流行的网站设计风格有哪些

1、超现实主义的设计
看惯了大量现实的设计，超现实主义风格的设计中所蕴含的丰富想象就显得非常迷人了。在2019年的诸多网页设计当中，那些比现实世界更梦幻的设计元素，显得更加吸引人，影响力更大。
基于目标用户所追求的情感和情绪来构建超现实主义的设计，能够更快地同用户产生情感联系。这种独特的视觉和独一无二的情绪所创建的情感连接更加难以复制，而这其中，动画、漫画和奇怪的插画占据了极大的比例。这些元素能够带来新鲜的体验，而这本身就是影响力。

2、UX设计的关注点更加细腻
随着技术的提升，用户对于网站的体验，已经不止于可用、好用，用户的关注点已经慢慢迁移到更加细腻的感知维度上，比如是否更加真实、是否从视觉乃至文本上体现出对于用户的尊重和关心。因此，UX写作成了设计师必须掌握的另外一个技能——文案是否走心，用户很在意。
优质的文案能够让用户留存下载，让用户和产品更容易联系到一起，让用户获得尊重感。UX设计的维度正在扩展，设计师需要更加精准地抓住用户的注意力，这也是具有商业价值的设计方向。

3、多变的字体
在过去的几年当中，字体本身经过了一个复杂的转变过程。为了兼容更加复杂的屏幕环境，字体本身具备了越来越强的拓展性。Opentype 字体的灵活可变性让无论哪个平台上的UI界面内容，都可以清晰无缝地展示出来。而多彩字体的出现，让字体内的色彩和结构的展现，拥有了超乎以往的表现力。另外，诸如苹果为 iOS 提供的 SF Symbols 以及越来越多的图标字体，让UI设计和字体的运用拥有了更多的可能性。多变的字体，在2019年让设计拥有了更多的可能性。

4、数据可视化
信息图表是设计的又一个热点。向用户呈现复杂信息和数据，信息图表和可视化设计是最为有效的方法之一，因为它不仅可以带来视觉愉悦感，而且足够有趣，让人能够理解。
现在数据可视化可以通过静止的图片来呈现，也可以借助动画来展现，具体的呈现取决于你的平台和预期。
可视化的数据最好能够和故事结合到一起，结合叙述和故事，让信息以更加可信的方式呈现在用户面前，这样可以带来更高的转化率。

 
5、更多渐变色彩
渐变是一种功能更为丰富的设计趋势，它几乎可以用在所有的设计门类当中。如今，越来越多的设计项目正在使用渐变来呈设计，而网页正是最为重要的门类之一。
渐变让色彩更加富，更有质感，使得原本平淡的色彩拥有了近乎艺术化的表达。如今的渐变色彩更加丰富，而不仅仅是用作一种叠加于图片的元素。如今，随着对于渐变要求的提升，更多的相关色彩工具也诞生了。


6、更加立体和拟真的设计元素
虽然如今虚拟现实设备的普及率还没有那么高，但是毫无疑问它的影响力正在提升，很快就会有用户开始使用 VR 设备来浏览网页了。
新的网页 UI 将会需要在设计当中加入更多有纵深的、立体的元素，让它们在视觉上更加具有真实的质感。即便未来有更多的新技术加入进来，也不足为奇。

7、更多自然的图形和形状
虽然绝大多数的网页都使用栅格系统来进行约束，但是在新的技术支持之下，设计师可以更加自由地使用更多有机而自然的图形和形状。
有机的图形，不规则、不对称的图形，增加了设计的深度，让页面能够脱颖而出。这些图形的灵感大多来自自然，也更能够自然的吸引用户的注意力。

8、更多微交互
微交互存在的目的，是以吸引人的方式来给予用户以反馈、惊喜甚至制造一些微妙的「焦虑」。这是一种非常有效的引导方式，它是有信息进来的时候的通知弹出框，是刷新页面完成时的提醒，是点击之后的加载小动效。
微交互是一种一直在缓慢变化的趋势，在 2019 年的网页设计当中有明显的增长，更加多样的微交互开始出现在网页设计作品当中，吸引着用户的注意力，提供有效的信息反馈，提供引导。

9、更多视频内容
文本信息已经没有以往那么具有吸引力了，更多的视频内容也是自然的结果。不过随着网络带宽和上下行速度的提升，等待视频加载的时间越来越短，用户也可以更加快速便捷地获得视频内容。
视频内容不仅能够更快的表达，也具备更好表达的可能性。作为一种主动输出的媒体模式，视频内容的优势非常明显。相应的，视频内容的制作也需要更加注意，必须提供有意义的内容，才不会让用户有浪费时间的感觉。这些风格格子网络认为是比较流行的。

8、设计风格分类？

现代主义美术
20世纪以来具有前卫特色、与传统文艺分道扬镳的各种美术流派和思潮，又称现代派。
http://bk.baidu.com/view/42280.htm

----------------------
后现代主义
后现代主义（Postmodernism）是一个从理论上难以精准下定论的一种概念，因为后现代主要理论家，均反对以各种约定成俗的形式，来界定或者规范其主义。后现代主义是上世纪七十年代后被神学家和社会学家开始经常使用的一个词。起初出现于二、三十年代，用于表达要有必要意识到思想和行动需超越启蒙时代范畴。而现在成了：一切都是凌乱的，没有中心。一些人认为后现代主义是基督教世界的终结。
http://bk.baidu.com/view/847.htm

-------------------------
波普艺术
是流行艺术（popular art)的简称,又称新写实主义，因为波普艺术（Pop Art）的POP通常被视为"流行的、时髦的"一词（popular）的缩写。它代表着一种流行文化。
http://bk.baidu.com/view/18149.htm

----------------------------

包豪斯，德语Bauhaus的译音，由德语bau(建造)和Haus(房屋)两词合成。1919年，德国包豪斯设计学院成立。该学院以包豪斯为基地，在1920年代形成了现代建筑中的一个重要派别——现代主义建筑。包豪斯主张适应现代大工业生产和生活需要，讲求建筑功能、技术和经济效益。说起来，其本义是造平民化的房子
http://bk.baidu.com/view/1319387.htm
----------------------------

魏玛古典主义时期
18世纪末19世纪初，德国文学达到顶峰，史称“魏玛古典主义时期”。德国古典主义在政治上反对德国大革命的激进，主张通过审美教育来陶冶性情，培养完整和谐的个性。在艺术上，以古希腊艺术为典范，把“高贵的单纯”和“宁静的伟大”视为最高理想，追求庄严肃穆、完整和谐，代表人物是晚年席勒和歌德。他们均被邀到魏玛公国，从1794年-1805年，合作了十年。通过他们的合作促成了德国文学的繁荣和“古典时期”的到来。
http://bk.baidu.com/view/1223041.html

----------------------------

洛可可为法语rococo 的音译，此词源于法语 ro- caille(贝壳工艺）。 意思是此风格以岩石和蚌壳装饰为其特色。是巴洛克风格与中国装饰趣味结合起来的、运用多个S线组合的一种华丽雕琢、纤巧繁琐的艺术样式。
巴罗克艺术尽管有呆板的礼仪，有形式上的骄矜和夸张，但它毕竟是一个阳刚的时期。而紧随其后的时期，即洛可可艺术，是大约自路易十四 1715年逝世时开始的，则显得更为讲究，更为矫饰，更为呆板，因而也更为柔弱。可以认为，这个时期的一个标志是18世纪初欧洲瓷器使用的普及。原先，人们一直是用笨重的银餐具饮食，用大块的石头创作巨大的雕塑，而现在则是用易碎的瓷器来作餐具，也制作小巧玲珑的瓷塑像，从而反映了这个风流时期的精神。
http://bk.baidu.com/view/104447.html
-----------------

请合理使用网络资源。

9、网站风格有哪些？

网站简单的可以分为：功能型和展示型
功能型：网站在美工设计上可能不适合大块图片，在数据功能上比较强，比如：搜索、会员注册。一般企业网、购物网、大型门户、交友网等。
展示型：追求视觉上的美丽，对功能要求不高，在美工上、设计上要有强烈的视觉感。这种网站一般属于：美容业、女性用品、服饰等。

10、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的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。