网页设计技巧

优秀的网页与普通的网页相比更容易留住用户，流量会更好，什么样的属于优秀的网页设计呢？网页设计又有哪些技巧呢？

工具/原料

电脑（可上网）

PhotoShop或者其它的设计软件

dreamweaver / sublime text 3 等编辑工具

一、优秀的网页设计之设计图

1、创意。这一点从我们上学开始老师经常挂在嘴边的事，创新是一个人不断前进的动力，无论你从事什献垴淄睬么工作，只要生活，就会有创意。好的创意会为你加分。

2、整体风格要一致。设计前先构思整体要什么样的风格，前后如何搭配，衔接看起来才更舒服。

3、主次分清，文字设计。我们虼骧墁疱浏览网站的时候，往往关注的还是文字显示的内容，所以要把重要的信息模板突显出来，这是设计的首要原则。

4、了解用户习惯，从上到下从左到右设计。用户浏览网页时都是从上到下从左到右浏览的，这个先后顺序要把握好。

5、界面不要使用多种颜色，最多不要超过三种。

6、内容简洁，突出重点，文字段落要清晰明了，有资料证明，简洁的内容对用户更友好。

7、设计时单列布局往往比多列布局更好。

8、侧边栏，放置小工具，QQ，微信，返回顶部等，十分方便。

9、网页模块要环环相扣，不要一个白板，没有任何可读性。

10、界面设计要一致，二级/三级等页面，设计风格要一致，不要增加用户的学习成本。

二、优秀的网页设计之编写代码

1、了解搜索引擎，编写代码的人员最好懂些优化知识，这样写网页时，代码规范，搜索引擎更友好，易抓取。

2、HMTL代码与CSS样式分开，写到两个文件里，css不要用内嵌到html中，后期修改困难。

3、加特效，用JS或者JQuery让网页动起来，这里说的动起来不是前后尊怠哉砑台数据的动态调用，而是视觉上网页的动态效果，让人觉得更舒服，更专业。

4、根据网页需要可采用自适应设计。

5、图片处理小，提高网页的加载速度。

6、注意各浏览器的兼容性。

7、代码注释标明，增加网站代码的可读性，方便后期修改。