1、层次结构

在过去的网页设计中，最常见的就是依赖字体大小的差异来营造对比，但是，单纯的只依靠字体大小的差异来营造对比是远远不够的，所以，许多ui设计师开始尝试用色彩和字重来营造更好的对比效果，加深页面的整体层次结构，在颜色的选择上，可以采用两到三种相近色，将主要、次要、辅助内容以不同的颜色和字重区分开来。

2、阴影设计

放弃大范围的扩散模糊阴影，试试使用垂直偏移阴影的效果，相信会带给你更自然，更明显的效果体验。

3、细节设计

适当的留白，能够让页面看上去虽简洁，却更容易凸显主题，让人一眼就记住，小图标不要无故放大，在视觉上会给用户缺乏细节的体验，页面里的边框可以适当的添加一些单色或是渐变的边框，相信小编，平淡无奇的页面可能会因为这些简单的小细节，变得更鲜活。

1、元素大小

控制元素的大小用来强化设计的统一性是最常见也是最简单的方式之一，参差不齐的元素，很容易产生没有必要的负空间。

2、控制字重

不同粗细的字体就可以帮助我们控制字重。在处理文字组的时候，字重要调整匀称，过多就意味着混乱、难以控制，把它们调整匀称就可以了。

3、元素距离

就像控制字重一样，元素之间的距离也是非常重要的，过于紧凑会让用户产生紧张的用户体验，而过宽，又会让人觉得画面太空旷。

4、方向统一

元素只有统一方向性才能让版面具有稳定的表现形式。

5、文字对齐

在同一组文字中，相同的对齐方式很自然的会带来统一的感觉。

6、色彩搭配

版面中的背景的颜色，使用单一的颜色或者近似色都是比较好控制的，颜色越多，越难控制，想做出统一的感觉就越难。

7、布局合理

布局指的是所有的设计元素在整个版面中的合理布置安排。这种布局和上面提到的设计元素的大小、方向、距离、对齐等等都有关系，是对它们的一种统筹组合。

1、简约风

简约风是H5设计中经常使用的设计风格，设计师通过适当的留白处理和娴熟的排版风格，让页面整体看上去简约却不简单，让用户在视觉体验上细致高级感。

2、科技风

炫酷的科技风一般在汽车、互联网领域运用的比较广泛，运用这样的设计风格能够在第一时间吸引年轻用户的眼球。

3、卡通风

卡通风格在母婴、儿童用品的行业适用更加广泛，当然在一些比较年轻化的设计中也非常常见，绘画的主题风格，既有趣又易懂，经常被设计师采用。

4、扁平化

扁平化风格一直以来深受设计师的喜爱，扁平化设计的优势在于可以通过颜色，形状和字体清晰明了的呈现视觉层次。