前端设计注意事项

       前端是网站的前台部分，在PC、移动等浏览器上显示给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3、前端框架的应用和跨平台响应式网页设计可以适应各种屏幕分辨率和适当的动态效果设计，给用户带来度的用户体验。下面就让小编为大家介绍前端设计注意事项。

Sketch

3.6

47条点评

咨询产品

免费试用

解决用户选型困难的好软件，有各维度的信息

客户案例

暂无

合作品牌

5

前端设计注意事项

      前端设计注意事项

1、尊从内容与页面样式的脱离，如需要，同样也要做到布局与COLOR的脱离。什么样的图片属于内容：从数据库里取出来的图片。凡是不属于内容的图片请都用背景。

（1) 页面代码，做到精简，逻辑性清楚;公用部位可以引入进来，比如头部，脚部。

（2) CSS逻辑清析，精简。可在不改变功能的前提内，做到能更换页面布局及换色。

　　CSS样式每个页面引入不超过两个文件，一个是COMMON：它包含整个站点都需用到的公用部分，如整体布局，头部，脚部，框，按扭等。另一个是当前页的CSS。CSS文件引入在2个之内，减少http请求避免CSS的表达式。

2、尽量把页面的背景图及小图标整合到一张图片，用CSS定位方法。这样以减少http请求，从而降底网站的下载速度。

3、 将脚本放在底部。

　　这样页面就可以逐步呈现，而且页面中的可视组件可以尽早下裁。

       HTML、CSS、JavaScript是前端开发中最基本、最必要的三项技能。在前端开发中，HTML在页面布局中定义元素，CSS定位显示的元素，然后通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但里面不会少。以上就是小编为大家分享的前端设计注意事项。