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、网站设计怎样才能达到欧美风格
从以下几个方面去设计：
1、框架：根据行业来参考欧美网站的框架结构，在设定相关的专栏目内容属
2、页面：页面时用户体验的主要部分，所以要按照欧美风格的方式来设计
3、内容：内容的文字和图片搭配老渔哥认为也要参考欧美网站的风格
大概都是这些，主要还是多看考、多了解相关的网站在进行设计
3、求几个适合刚从事工作的新手看的网页设计教程网站或者交流网站
其实网页设计最重要的是练习设计感，而练习之前首要的任务就是多看一些优秀的作品来引导你的设计思路，站酷中其实也并非全部都是好作品，这只是一个设计师的交流网站，好的坏的作品都会有人上传，所以你就尽量多看一些好的作品呗，开始就先以模仿为主，而模仿的过程中重点是多做，只有你多多制作才能达到练习的目的；
而学习网页设计代码方面（div+css），从我个人角度来说，新手从基础开始学习并没有什么不好，反而基础会更扎实，但是学习周期会比较长，我个人比较推荐新手了解了一些基本知识之后就直接去看优秀的网页代码，而不是自己学一点做一点，我以前自己学习的时候就是直接找一些好的网页模板进行修改成我设计的界面，前提是我设计的界面布局要跟模板差不多，这样我就通过各个部分的修改来了解之前各个布局及样式的意思和作用，有一些不懂的地方就去百度找答案，当把一个模板完全改成自己的界面的时候，网页设计估计也能初步掌握了，然后自己再半参考性的自己独立写代码，这样学习的速度是比较快的；
很多人都说学习东西兴趣比较重要，但是要有兴趣的前提是你必须要搞明白那是什么东西，很多人搞不懂才会觉得没兴趣，脑子里没有一个认知思维当然学不会，小时候我们上学也就是这样一个道理；
我给你推荐一个自学网站和设计网站，希望能帮到你
http://www.divcss5.com/
http://www.uimaker.com/
http://www.lanrentuku.com/
最后给你一个建议，你学习设计的风格建议你往欧美风格走，像网上的一些韩国模板虽然可以参考，但是我个人觉得大部分的韩国模板都不太实用，姑且看看就好，如果你觉得有地方可以借鉴也行，当然，我这里只是建议，别被我的话束缚了思维
4、西安网站设计风格有哪些
什么叫别惧一格的网站。西安网站设计的风格又有哪些呢 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。 这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。不同的网站会给人们留下不同感受，有独特风格的网站能让人耳目一新，让浏览者能有更深一层的感性认识，会觉得网站很有品位，是老师，像朋友。 现下，随着互联网的发展，越来越多的个人，企业开始建立起自己的网站，通过网络平台树立品牌，提升其影响力。在众多的西安网站建设公司中，乐赢科技始终把风格设计放在非常重要的地位。好的网站设计风格不仅能帮助浏览者记忆和解读网站，也能帮助网站树立别具一格的形象。 网站风格就是网站的外衣，包括了网页上的所有元素组成后给人的视觉印象。可能客户经常会说我想要清爽的风格，我想要韩国的风格，我想要欧美的风格，这些种种已经被人们所熟知的网站印象成为我们当下主要的网站设计风格！ 乐赢科技通过对国内外网站设计风格的研究思考，把目前国际流行的设计风格归纳为以下几个主要风格，即：欧美风格，韩国风格，中式风格，以及简约风格。 1.欧美设计风格 欧美用户不习惯艳丽、花哨的色彩和网页设计风格，他们比较钟情于简洁、平淡而严谨的风格，即使许多信息门户网站也是这种风格。页面上文字和图片显示相对集中，布局上文字多于图片，善于应用单独色块区域及重点内容进行划分。简洁大方实用性强，对色彩的使用尤其出众，这是欧美设计的一向风格。 2.韩日设计风格 韩国网站的页面结构相对来说比较简单，可以说几乎是统一的风格，鲜艳的色彩、漂亮的图片、手绘等给人的感觉要么淡雅迷人，要么另类大胆，让人觉得欣赏他们的网站是一个非常愉悦的过程。3.中式设计 随着互联网在国内的普及程度越来越高，在网站建设方面也逐步形成一种蕴含丰富中国文化特色的网站风格。由于应用元素的不同，既有企业气势磅礴，高贵大方的表现，也有产品宣传的唯美细腻，在特有的元素应用上更趋于多元化。4.简约风格 越来越多的网站开始走简洁风格的路线？！但是简洁并不代表简单，界面设计上的简洁，并非完全的简洁，它强调的是内容排版要规范，不要太乱太多内容挤在一起 ，让主题内容显得简洁而突出。 说了这么多，那怎样树立网站设计风格，设计出与众不同的网站，让浏览者明确分辨出这是你的网站独有的。 明确定制建站的目标和用户需求，完成网页设计总体方案。 内容和功能决定表现形式和界面设计，在了解客户建站目标和要求后，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 网站设计的版式，营造统一的独特风格。 对于各种类型，各种定义，各种用途的网站有各种的风格，譬如政府类型网站适合使用颜色较深的沉稳基调，各企业可以依照其产品特性创造独有的风格，给年轻人使用的网站则可以更加无拘束地个性化。在有了网站定位以后从网页风格的三个基本要素：颜色、线条和形状、版式考虑，协调运用颜色，适当选择线条和形状，通过文字图形的空间组合，均衡的分割板式表达出和谐与美。 简单的说网站风格就是一种样式，可以是一种传统，也能创新突破，关键看自己的把握。
5、国外平面设计网站有哪些
1.找设计灵感，只认Pinterest--------Pinterest
以瀑布流展示图片为主，图片资源丰富强大，不像花瓣有些关键词滑几页就没有了，在设计初期发散思考时，浏览Pin简直高效出活。（昨天被pin挂了的新闻刷屏了???sad face）
2.看完整的设计项目，作品，用Behance--------Behance
包括工业设计，交互设计，视觉，建筑各个领域，重点在展示完整的项目作品上，所以需要点击各个作品进入弹窗看，一个弹窗包涵文字，图片，视频介绍。
3.找视觉素材，UI，动效，推荐Dribbble--------Show and tell for designers
个人很喜欢dribbble上的视觉风格，扁平化风格较多，配色走心，最喜欢的一个功能是dribbble上一张图会有主颜色色号的信息，并且点击相关色号会进入所有用到这个色号的作品页面，配色方案一堆自行搭配自行选择，简直视觉类网站的业界良心。
4.找优质视觉资源，上Niice--------Niice
毕竟是从behance和dribbble等优质设计网站上过来的资源，优质中的精华，个人感觉在包装、平面等更偏艺术领域的资源较多。
5.作品集浏览、发布，Issuu--------https://issuu.com
记得之前有设计小白来问去哪可以看到完整的学生交互项目，安利了issuu给他，在浏览别人作品集的同时，也可以看到很多完整的设计项目，最喜欢它的展示功能，增强作品集展示效果，只加分不减分。
6.CG娱乐设计艺术资源类--------ArtStation
有很多CG设计类的图片，视频，模型等，之前被一个做游戏原画师的同学安利的网站。
7.ICON资源下仔类--------Noun Project
这个没啥好说的，貌似不翻墙也能上，还有一个国内网站也不错，Iconfont-阿里巴巴矢量图标库 ，另外一个icon比较好看的：Iconfinder - 1,500,000+ free and premium icons，好看到你怀疑能不能直接拿来用。。。只是需要收费，建议商用
8.字体设计，Google Font--------https://fonts.google.com/
对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式。
9.机械/工业设计/模型类参考网站
http://www.robotecture.com/
DIY How To Make Instructions
MakerBot Thingiverse
Home | www.robives.com
工业设计，tangible interaction design 的设计师可以看过来，里面有很多免费资源，以及与机械相关的理论，制作等等。对于做装置艺术，硬件交互有很大的帮助。
作者：阿绿
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
6、体现设计风格的图片或网站
网站模版与复设计素材下载站，网站制上有10000多个各种类型风格的网站模版与素材，其中欧美风格网站都时由国际最顶尖的设计师设计，肯定有你喜欢的
地址 www+mb100+net 把 + 号替换成小数点 . 就可以了
7、外贸网站的设计风格是什么样的？
建外贸网站是做给外国人看的，不是给自己看的，要以欧美的访问习惯来建设您的网站,您的网站是用来展示产品和公司的，建议不要太花哨,应该以简洁稳重为主,色调以白蓝色为基调,外国人是比较喜欢简洁的。
8、欧美插画网站推荐
http://www.tucoo.com/fantasy/
http://www.chahua.org/bbs/thread.php?fid=62 （插画中国的欧美漫画经典区）
http://bbs.55w.net/read-htm-tid-46.html (论坛里面的欧美插画）
http://www.cglink.net/cglink_link/cglink_49.htm （国外插画网站~~不错）
http://www.cquit.pt.vu/ 插画 摄影 等 FU8\\EIn }
http://www.lasperanza.com/ 0 dg6l
http://www.pileup.com/babyart/ 死亡娃娃 e*~;- ^
http://www.ewhite.com/index.html *LY]Ak
http://www.celiacalle.com/ rl[INo(feZ
http://www.christinehaberstock.com/code/frameset.htm oTl8~0 Z[
http://www.claytonbrothers.com/ 0#$1jWrm
http://www.davegraphics.com/ S&f\Q,e6&)
http://www.debdrex.com/ 矢量插图 Jzk!6 d9Q
http://www.madreal.com/ n}~ y'
http://dialspace.dial.pipex.com/town/walk/aeu91/rowan/ bm>&"GDc
http://digitalart.org/ 综合艺术网站 有许多分类作品与连接 A,dXm08;p
http://www.diterlizzi.com/ jVn2J(`cML
http://www.artengine.ca/elizagriffiths/index.htm 未成年末看 v /H[FJ OC
http://www.cire.gs/ 8错喜欢~呵呵 y[,aL:T_&
http://www.fian.com/ 商业插画 lQMjbq!0AI
http://www.holytrousers.com/ /z tu"#B
http://www.gric.at/home_frame.htm 以前在论坛里帖过作品 /M:Q^A
http://www.marshawhite.com/ 简单别致的欧洲风格 bq`?w3N6
http://www.illustrationweb.com/ 综合插画网站 e1EH* D
http://www.mywholeportfolio.com/searchf.htm 分类查找艺术站点 S &%]k Nr
http://www.jdegarmostudio.com/illustrations.html 画了比约克、拉登、盖茨等等 d-5rdCb
http://www.imagescentral.com/index.html 美式卡通综合网站 N_q);L20"w
http://www.jamesjean.com/ 推荐 Nea>\q
http://www.jimpaillot.com/ 矢量插画 $8^=M$
http://www.johnjohnjesse.com/ 未成年末看 ,1Np_"Q4
http://www.julietteborda.com/menu.htm 推荐 {8g)41F;0G
http://www.justinsweet.com/paintings.html 《幻想》杂志做过介绍 =Z;> Oa+/i
http://www.karmen-jerbic.com/ 很棒` A;:w&TH
http://www.kellibickman.net/illustration/ ] %g:j=V
http://www.schamber.com/ 大家都看过了，ARON发过里面的画 ji hKe
http://www.garytaxali.com/ 9i}Q/|
http://www.idiotland.com/ 矢量 p@ Un`xk
http://www.mendenhallgallery.com/ p 2fU3r?
http://www.krkland.com/gallery/index.html m9MVED7lg
http://www.levycreative.com/main/levy.html 推荐 1E*VT N/
http://www.d-images.com/ 油画作品 s2%k!SR
http://www.littlerocket.net/ 伤。。 ).+eu '
http://www.maggietaylor.com/ 幻想 骑车的大鸟 UGOm 7-_
http://www.martharich.com/main.html A罩杯的LOADING，呵呵 J fO
http://www.markryden.com/paintings/index.html 沉默、抑郁、变态、流血 I . '
http://marqspusta.com/public_html/index.html 绘画与平面设计 Bd{KT!s/X
http://www.mendenhallgallery.com/ 国外传统风格插画 mEI@]1Q
http://www.michaelgaydos.com/ 推荐 /QmB;](
http://www.mitchgreenblatt.com/ 色彩艳丽—造型夸张 _eG,J:c^
http://www.eythdesign.com/ 人性化动物 <'Q* 5\
http://www.notkeren.com/ 推荐 ?Qg<d=/w>
http://www.ostroy.com/index_editorial.html 推荐 f1ovhlt\e
http://www.pollybecker.com/index.html 玩偶娃娃 Ise)9m
http://www.reppeteaux.com/ 很漂亮~至少看首页就很喜欢了，推荐 h2neTr|
http://www.russwillms.com/ 推荐 lHO[T=7 )
http://www.smokymonkeys.com/ 烟猴 看过的吧？？ k' )B
http://www.taschen.com/ 综合艺术网站 有PDF杂志文件可以下载 推荐·！ 9W6H < /
http://www.jasonfelix.com/ 大力推荐 }DYI\)v0
http://www.michaelknapp.com/ 插画 推荐 1#[/FqRV8
http://www.timbiedron.com/ 不是一般的丑~ 好看。 推荐 ;i [#8Yf`
http://www.traviskingillustration.com/ W Ad]:-}_
http://www.homepage-host.uni.cc/w/s...ies/index2.html 很多作品 推荐 l7)3`zy
http://www.craigfrazier.com/home.html 大力推荐 里面的FLASH很经典 H] (J7i 1
http://www.fantrap.com/index.html 5MziX}Ruk
http://www.welovefine.com/frenchkitty/ 9i [ qp
http://w.ropp.free.fr/# 摄影与绘画 极力推荐 v16(x"6H
http://www.worldofwassco.com/ 矢量绘画 6Zpx%n}D
http://www.joesorren.com/ 经典的joesorren 大家肯定都看过。 )@<KEArdo
http://hasama.milkcafe.to/ 电脑绘画居多。 推荐 ; G# y>y
http://www.studiobaxter.com/ x=[A iF9 8
http://www.daveclegg.com/index.html 细腻的商业插画 推荐 { E#"R;
http://www.fishlab.com/ m4BU;)[<
http://www.marcart.net/ 抽烟的人 vE QbnP^|
http://www.zocolo.com/ 装饰风格 很棒 eR9qV $<F
http://www.johnsumner.com/home.htm 猫 猫 猫 fVw&z<3O(
http://www.nedobeck.com/specials.asp 还是猫 v,s3Y%]4
http://www.hughillustration.com/# 又是猫~？！ Dy|'h;<
http://alexboies.com/main.html 猫 猫 猫 猫 猫 猫 v=vAAF67A
http://www.violettesfolkart.com/index.php 涂鸦类型 DRVrycm*c
http://www.jessiehartland.com/ 涂鸦类型 kE4sRG/j/
http://www.picturedance.com/flash_intro.html 商业插画 L.UL4ZwV
http://www3.ns.sympatico.ca/s.atkinson/index.html 童话 jiNx GjS3
http://www.huss-ler.com/ X)$ / 0.
http://www.gabriellebakker.com/ 宗教风格油画 g@}Ah/9|PU
http://www.eflakeagogo.com/ 喜欢~ v/~ ^0(PH
http://www.simonezahradka.com/ G1U!7U
http://www.angiemason.com/art1.htm 丑 推荐 TkS xg
http://www.david.ball.net/ 可惜图不大 ^ 53pt<(
http://www.willterry.com/ 推荐 商业插画 $rKqif~qIy
http://www.shaunnapeterson.com/ 稍有些变态 @l'? i,z
http://www.aaronjasinski.com/main.html 超级喜欢综合绘画网站 推荐·！· E`#>q'sqpL
http://www.caniglia-art.com/gallery.html 呼号与残缺的肢体 bI 4[RfZ
http://www.chrismarspublishing.com/ cU&{L;o[\4
http://www.devondevereaux.com/ yx^TNTp u
http://www.dksheldon.com/ 矢量 "6;~tnm l8
http://www.molitorious.com/workrelated.htm 推荐推荐~！！ y/"y^? ,f
http://www.puddnhead.com/puddnhead.htm 很酷的变态风格 推荐推荐~！！ /^ nMs&s
http://bromart.com/index.html 细腻的幻想风格 推荐！ @~F*V]
http://www.rashworks.com/ ]}DeXcQ{)I
http://www.koeb.com/# 抑郁 I:), 1||<G
http://www.wronghand.com/wrong/renata/site.html PrYL-
http://www.alexis.ingle.com/ 里面有作品在平面媒体中的应用效果 y5MYXw
http://www.nadinetakvorian.com/illustrations.html k+$mO
http://www.nerdrum.com/ 传统油画 NJ3=P\Za
http://www.mckean-art.co.uk/ 书籍封面绘画 pcr0irk`
http://www.hdrescher.com/ 171%YsA'
http://www.kurthalsey.com/ y79 R
http://www.scotthutchison.com/ 内有作者作画过程视频下载 推荐！ I] nDjMl
http://www.kristenthiele.com/ fg% 7sh4
http://www.veraanderson.com/markboucher/default.htm kc=% H;
http://www.lestoil.net/bc/art.html ;p^o #k:
http://www.scottradke.com/ 丑丑 c>2T&N,{j{
http://www.alexgerasev.com/enter.html 推荐~！！ 4raw=SS>}
http://www.mypetskeleton.com/ 妖气---网站做的不错 Y'R<^0C
http://www.claremackie.com/ 简约可爱 8=/jL>
http://www.melindabeck.com/ +84.v\k O
http://www.carladaly.com/ 插图。推荐 TxTw`}vRRw
http://www.wingedrobots.com/ )n'# ,BS?
http://www.jonfoster.com/ 经典~强烈推荐！ _Dg)1t
http://www.nostudio.com/index.htm {kR;T`<S
http://www.aaronmeshon.com/ *~i W2_7L
http://www.iwanroom.com/menu/Workslist.htm 喜欢 ; ~9yS
http://www.baphomatty.com/ ( ^=( vS
http://www.donbarnett.com/ 推荐 & F f8TR
http://www.fluxfire.com/ 强烈推荐！ zzSi `Tn
http://www.juliadeakin.com/ bC Ex
http://www.whitneysherman.com/ 商业插画 m#xpnn\y
http://www.anthony-hibbert.co.uk/ 与照片结合，很别致 wi&ln-P%r
http://www.petermadsen.dk/ 强烈推荐！！ h,~WR2nkw)
http://www.vomitus.com/ 扭曲 m=h"+x 1
http://www.chrisroth.net/ 商业插画 o} c\9T4W
http://www.michaelphipps.net/ 强烈推荐！ 6Xr* F(LR
http://antipodawear.com/ 强烈推荐！ cj<*S35
http://www.illustrationworks.com/ 商业风格 很多作品 &P&i,A
http://www.folioplanet.com/ 综合性网站 商业风格 _ :T o^F
http://www.folioart.co.uk/index.cfm C[q48$TR|S
http://www.laughing-stock.com/ 商业插画 太多了 o /{{ar
http://www.morgangaynin.com/index.html 商业插画 太多了 ?+7 .of
http://www.morgangaynin.com/index.html 综合性网站 各种风格 ?i [D= >Q
http://www.shannonassociates.com/index1.cfm 插画作品秀
有没有你满意的哈？？？o(∩_∩)o...希望帮到你
9、如何制作视频网页
看你用那种技术了，有html5的直接嵌入，还有flash嵌入，还有银光嵌入，还有Qvod嵌入，还有很多种。 根据你的实际需要去选择，选择你会的就是选择对的。
制作视频网页可以用dw+fl+fw，也可以用vs+expression开发开发，根据你的项目大小去选择。 当然还有其他的开发工具。
制作的步骤就是html的对象标签嵌入视频源，css定位，css+js交互，就完成了。
ui部分可以参照欧美风格，韩版风格，简约，时尚，页面的整体布局，和配色，需要从美学，心理学入手。