随着前端的发展,大量的框架不断涌现,现在完成一个页面的开发其实并不难,难就难在这个页面是不是足够完美。作为一个FE,一些简单的设计原则还是需要了解一下,除了完成页面功能开发,页面质量还是得有保证。
紧密原则
页面包含很多内容,内容之间又有诸多联系,紧密原则就是将关联的内容分块,相同的部分作为一个区域,页面不在杂乱,让内容有连贯性。
对齐原则
页面的设计布局,应该总是以线对齐,拒绝参差不齐。这条线可以是看的到的,也可以是无形的。具体到代码上,我们的页面在内边距和外边距上都应该是一个固定值,不能随意指定。
重复原则
页面中必然包含几个元素,字体、大小、颜色。在选择这些元素的时候,一定要避免太过繁杂,比如文字大小,应该一般保持在2~3种,让页面看起来统一化。
对比原则
对于需要突出强调的内容,可以通过对比突出,比如黑白对比,大小对比。通常情况下,通过颜色对比会比大小对比在效果上更加明显。