页面设计四大原则

随着前端的发展,大量的框架不断涌现,现在完成一个页面的开发其实并不难,难就难在这个页面是不是足够完美。作为一个FE,一些简单的设计原则还是需要了解一下,除了完成页面功能开发,页面质量还是得有保证。

紧密原则

页面包含很多内容,内容之间又有诸多联系,紧密原则就是将关联的内容分块,相同的部分作为一个区域,页面不在杂乱,让内容有连贯性。

对齐原则

页面的设计布局,应该总是以线对齐,拒绝参差不齐。这条线可以是看的到的,也可以是无形的。具体到代码上,我们的页面在内边距和外边距上都应该是一个固定值,不能随意指定。

重复原则

页面中必然包含几个元素,字体、大小、颜色。在选择这些元素的时候,一定要避免太过繁杂,比如文字大小,应该一般保持在2~3种,让页面看起来统一化。

对比原则

对于需要突出强调的内容,可以通过对比突出,比如黑白对比,大小对比。通常情况下,通过颜色对比会比大小对比在效果上更加明显。