html5扁平化,扁平化网页设计

用html5和css3写扁平化风格博客要用什么编辑器

编辑器无所谓，你可以用HBuiler 或是DW应该都可以实现，望采纳！

相关问答

Q1: HTML5网站优点和缺点有哪些

百度一下“HTML5”教程。百度的学习资料特别多，百度一下就知道。

2

幕课网。是一个专门做IT教学的网站，资源不错的，可以在线编辑，边学习边练习。

3

w3cschool，HTML相关知识都可以学习。

4

菜鸟教程，百度下就可以看到，有些实例特别好，小编经常在线练习。

5

百度贴吧。这里有上万人在分享知识，在互相交流，有什么问题都可以贴吧里询问。

6

51CT0学习，这里面有不错的学习视频，可以用手机下个客户端，用手机看方便。

END

二、HTML5的特点总结

1

向下兼容，随时HTML的发展呢，一些HTML标签也不断更新，HTML5可以摒弃坏的编码习惯和不用的标签，它要求做浏览器的商家兼容HTML遗留的一切，做到向下兼容.

2

用户放在第一位，越来越多的网络产品重视用户体验，就像现在的设计一样，扁平化设计更自然舒服，让用户觉得用你的产品就是美的享受。

3

化繁为简，HTML5 和CSS3 及JS 容合到了一起，原来用JS才能实现的效果现在用HTML5几个代码就可以搞定，比如：播放视频，原来的HTML得用播放视频的插件才可以，现在一个简单的video就能完成，由些可以看出它的另一个特点不需要插件啦!

4

无需插件，是不是很爽，因为插件容易安装失败，还经常被攻击。

5

访问性更好，它增加了一些新的元素，原来用图片才能实现的现在用代码就可以实现，加快了浏览器的加载速度。

6

代码元素语义化，有些标签都是它的英文意思，一看就明白，比如：kbd/kbd  输入的意思; samp/samp输出;这样极大的让代码更有可读性。

7

特效简单。HTML5可以看作是 HTML+CSS3+JS，用HTML5就可以直接完成某些炫酷的效果，现在游戏开发大都用的HTML5技术。

END

三、HTML5优缺点

1

HTML5是新的技术灵活方便，优秀的用户体验让我们欲罢不能，但是IE低版本的浏览要兼容它却要新加些代码才可以实现。

END

四、编辑器

这里给大家推荐一款编码工具  sublime text 3  快捷键特别方便，小编在以前的经验中也有介绍，有需要的可以查阅下。

2

当然其它的也可以，适合自己就好。

Q2: 微信h5页面的视觉设计原则

微信 h5页面 的视觉设计原则关系到用户的视觉体验，我们必须在充分了解之后再进行设计，这不单单是为了页面的精美度，更是一种向用户负责的表现。下面就是我们要了解的微信 h5页面 视觉设计原则。

1.字体表达产品风格：在所有页面视觉设计中，字体的选择会明显影响产品的风格，因为同一段文字，用不同的字体写出，的确会给人感觉千差万别，因此字体的选择要根据产品风格而定。

2.配色体现产品定位：在页面设计的前期阶段，我们需要通过提炼来得出适合用户特性的颜色，形成一套配色方案，在迎合用户的同时还可以体现产品的定位，比如紫色代表优雅高贵、蓝色代表理智严谨等

3.统一品牌形象：品牌形象涉及到的方面有很多，我们需要具体到某个产品的品牌感，通过视觉来传递品牌形象，这就需要设计师制定一套系统的视觉体系，让用户一眼就可以记住、辨认。

4.重要内容在首页：用户进入微信H5后，首先看到的就是首页，如果首页没有直接点名主题，不能呈现用户想看的内容的话，就容易导致用户跳出。另外，每个页面的内容也都要有层次有重点，方便用户阅读。

5.扁平化设计风格：扁平化设计是现在页面设计的主流，其简单、简洁的特点不仅有利于内容的突出，也符合众多用户的视觉审美，其中，留白就是扁平化设计中常用到的设计技巧。

这些微信 h5页面 视觉设计原则其实都是基本的，还有很多更加深入的原则值得我们探讨，我们也曾与大家分享过这些方面的内容，大家可以去了解一下。

维本是一家强大的HTML5制作公司，专注于 企业H5 网站建设。同时提供人才招聘、企业宣传、产品推广、会议活动、电商营销等各类H5创作。维本为企业提供精致美观的H5动态展示、强大精准的企业数据监测分析及企业整合营销方案帮助企业轻松实现社交平台(微信、微博、QQ等)数字化营销。 湖南维本网络科技有限公司为中国数字技术型营销领跑者、中国较早的微信应用开发，HTML5开发公司之一是该行业的风向标，始终保持着一份与时俱进的奋斗激情，及在行业的领跑者地位。公司总部坐落于长沙，服务全国各地的企业，公司倡导数字技术型营销理念，致力于为企业提供全方位的数字营销解决方案，提供多种功能，实现内容传播，提高转化率。