一、导航的设计

导航作为网站的关键，设计时一定要注意，尤其是自适应网站。因为自适应站不仅需要能够在PC上显示，还需要能够在手机上流畅浏览。而且由于手机和电脑的屏幕尺寸不同，显示格式也不同，所以手机一般都是竖屏，而电脑则是横屏。而且手机屏幕比较小。如果一个导航像电脑那么大，那么第一屏只能看到导航，看不到其他内容，极大影响用户体验。

自适应网站导航与PC和手机分开。移动导航通常是隐藏的。网站顶部左上角或右上角有一个按钮。点击它就会弹出。

二、用户体验

关于用户体验，我们在讲导航设计的时候也提到了第一个。用户体验可以说是决定这个网站成功与否的关键，也是决定网站能否长久生存的关键点，所以我们会反复强调用户体验。

有时兼容性可能会影响用户体验。例如某个网站在电脑上可以正常浏览，但在手机上却无法正常浏览。因此，作为前端技术人员，我们会不断在这方面进行测试，以达到最好的用户体验。

三、图片的设计

手机浏览网站与电脑还是有区别的。很多时候我们都是利用流量来进行浏览的。如果网站图片比较大，而且没有经过处理，那么打开会很慢。在某种程度上，也会极大地影响用户体验。因此，我们一般建议在上传前对网站图片进行处理，并将其压缩到最低限度，以保证高清。

四、框架的设计

不建议对自适应网站使用框架。如果不是高级技术人员，框架设计很可能会造成网站风格重复、内容冲突等，不仅影响用户体验，还会影响网站的SEO。做作的。小编只是建议不要使用框架设计。如果企业坚持使用，则应根据实际情况而定。