网站前端设计是什么(Web前端页面设计流程及注意事项，谨记)

　　网站前端设计是什么

　　现在的企业网站分为前端和后端，前端主要是供用户查看的网页，用户不需要登录，就可以查看网站信息，但是不可修改网站信息后端用来整理修改网站内容，包括图片等信息。最早的网站想要修改网站内容，必须通过代码修改才能修改内容，比较麻烦，有了网站后台，我们不需要懂代码就可以轻松修改网站内容。

　　网站的前段一般指的是web，网页设计html，css，js等于网页有关的工作，ui更偏重于页面展示设计，以图片设计为主。

　　Web前端页面设计流程及注意事项，谨记

　　每天我们打开电脑，看到各种各样的web前端页面。你知道他们是如何制作的吗?为了让页面更具有规范性，让使用者更加方便，在制作页面过程中必须遵循一定的设计流程。在这里就为大家详细介绍一下制作一个Web前端页面的设计流程及注意事项。

　　一：确定网站主题

　　每个网站都有自身以及对用户的定位。针对网站定位确定网站的主题是整个网站运营的核心。一般从网站建设的目标、网站用户群体、网站产品内容以及企业服务四个方面确定网站主题。此外还需要注意，每个页面不但要承载整体企业的定位，同时还要侧重其中某一个特定主题。

　　二：网站整体规划

　　为了提高用户体验以及提高网站在搜索引擎收录率，在网站建设初期最好能够理清网站机构，增加不同页面之间的关联性，从而更好规划页面的布局以及网站功能。一般情况下，产品经理在设计网站初期就会提供完整的业务逻辑图，设计师和前端工程师根据业务逻辑架构完成相关页面的设计开发。需要重点考虑的内容包括：网站的功能、网站的结构、拌面布局等等。尤其在网站功能需求较多的情况下，网站整体规划更加重要。

　　三、整合素材

　　在网站整体架构完成后，就可以开始整合收集素材了。网站开发和网站内容筹备同步进行，可以大大提高网页开发的效率。主要收集的素材包括文本素材(一般由公司内容运营提供相应的文字素材，需要注意的是，这些文字素材的准确性以及版权非唯一性)、图片素材(现在很少有纯文字性的网站，往往需要大量的图片素材，甚至还有视频素材等)。

　　四、网站开发与动态效果

　　前端页面开发主要用到HTML、CSS、JavaScript技术。在确定网站结构以及页面设计图齐全的情况下，前端开发工程师就可以进行页面开发了。这个过程中主要完成页面搭建以及动态效果实现。

　　此外在前端页面设计过程中还需要有一些常规的注意事项：页面分辨率设置，在设计网页时，页面的宽度尽量不要超过屏幕的分辨率，否则页面可能无法完全展示;注意页面版心位置。目前比较流行的屏幕宽度分辨率一般1200PX~1920px，为了适配不同分辨率的显示器，一般设计班型宽度在1000Px~1200Px之间。