网站设计中要注意的细节

网站设计中要注意的细节

网站设计中要注意的细节，对于一个网站来说，最重要的自然是用户体验。从我看来，用户体验其实就是一对细节的集合。只有我们这些细节强迫症患者，才格外追求这个。以下是网站设计中要注意的细节的具体介绍。

所谓用户体验：一句话就是——让用户用着舒服

如果让我想“让用户用着舒服”的第一点，就是“让用户感觉着舒服”。可是这一点就是常常被忽视的细节。下面我列举出一些让用户用着舒服的要素。很多是自己在开发中感受到的，可能并不完整。

UI设计维持同一风格。

具体来说就是，网站的界面元素在整个网站中具有一致性。比如说“按钮”，这个非常重要的界面元素。登录界面的“登录”“注册”，发帖界面的“回帖”“发布”，还有“确认订单”。可以看出它们是具有相似的功能的——submit。那么它们在外观上就要保持一致。

UI一致可以让用户凭着自己的直觉找到所需的功能，减少用户的网站使用学习成本。

功能收放有度。

我的意思是指在网站首页和网站的其他位置中，功能按钮的折叠和展示情况。有些不常用的按钮一般不需要展示，而是折叠到某个菜单中。而将常用的功能直接设为链接或按钮。这点在制作导航条的时候特别重要(因为导航条会出现在每一个页面上)。这个不仅与网页编程，而且与网页内容设计关系也很大。比如导航栏一般推荐放置3~4个一级导航，如果你有十多个分类，建议再分到几个更大的分类里。导航栏排十多个链接并不是很好看的。

不要让同一元素多次出现在页面上，尤其是这一元素很显眼的时候。比如某网站有很多栏目，首页是这些栏目内容的推荐，网页上充斥着大量的“查看更多>>”按钮，(每个栏目都有一个，边上有个排行榜又来一个。一个网页上十二三个大按钮还都长得一样，看多了就感觉恶心了。)而且按钮元素还非常大。给人感觉特别不好。

网站要简洁，把你复杂的功能隐藏起来，等用户需要的时候再出来。而不是平铺在页面上，不管用不用都在那。这才是设计。

确定页面层叠顺序。

如果你的网页需要多个层，上面的层有可能会覆盖到下面，这时候要特别小心设置z-index值。不要造成遮挡的问题。比如我就见过某网站弹出对话框，一层透明图片层把按钮盖住了，于是完全无法操作对话框按钮。好吧，这是比较大的bug，还有一些小细节，比如某最近改版了的弹幕视频网站，它的“返回顶部”按钮盖在了评论区域迷你播放器的上面。于是视频部分被遮挡。果壳以前也出现过类似问题。当编辑器过长的时候，比如我这样的一篇长回答。编辑器的顶部工具栏会被固定在页面顶部。这是个非常好的照顾用户的设计。然而果壳当时出了个bug，他们忘记了上面的导航栏，于是编辑器工具栏盖在了导航栏的上面。

精心布置广告位和推荐位。

网站的用户总是不喜欢广告的，但是毕竟广告是网站的收入主要来源。现在网页广告屏蔽软件也比较多，如果广告太难看/影响操作，就难逃被用户屏蔽了。广告位/推荐位放置最重要的是显眼。比显眼更重要的是不能影响用户的使用。没有人喜欢右下角弹出广告。

广告最好占据页面的一个固定的位置，不要放在浮动层，千万不要弹窗。广告显示的时候不要影响用户的操作，比如以前的网易、腾讯(网易腾讯这么大，我就黑一黑吧，不说某网站了)广告，会把整个网页的header部分向下压，而且有个动画。更郁闷的是，动画是在载入后才播放的。于是就会出现——我正要点击某个链接，广告出来了，广告的位置占据了我原来鼠标的位置，我点到广告了。这种广告会遭致用户反感，不是大网站或流氓网站千万不要这么干，会把自己搞死的。

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-56308.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注网页制作频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050