网页设计风格分哪几种

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

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

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

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

3、网页设计的布局有哪几种

网页设计的布局有哪几种？

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

4、网页设计有哪几种分类

门户站
个人博客
行业网站
企业网站
手机WAP站
....

5、常见的几种网站设计风格

网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，以下分别论述：

1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型；

2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接；

3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；

4、左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；

5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架；

6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体；

7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示；

8、Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体；

9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型；

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

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

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

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

2、突出你的标准色彩。

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

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

二、网页色彩的搭配 　

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

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

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

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

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

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

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

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

2、突出你的标准色彩。

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

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

二、网页色彩的搭配 　

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

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

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

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

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

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

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

7、设计风格有哪几种？

1. 现代简约风格  行走在流行时尚前沿，简约大气，时尚创新
2.  恬淡田园风格  沉醉在午后花影藤风
3.  新中式风格  古朴典雅，怀古融今，让人勾起怀旧情怀
4.  欧式古典风情  尊贵典雅气息处处流露
5.  地中海风格  享受碧海蓝天中的清爽，海阔天空，闲适纯朴
6.  东南亚风格  演绎旖旎自然的迷情，性感神秘，灵动跳跃

8、网站风格有哪些？

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

9、网页设计分几种设计，谢谢大家

从形式上，可以将网页设计站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构合理、页面的优化和界面的亲和力等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在平面设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务就是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于平面设计的任务之一。

我们在进行网页设计的创作过程中，首先要弄清楚网页设计的分类。把网页设计形式进行艺术化的处理，让网站看起来更加美观，更加容易浏览和阅读，我们认为这样才是成功的网页设计作品，起到宣传的目的。