网站设计需遵循哪些原理？

      这里所说的边框是指网站建设中使用边框对页面内容加以修饰的元素，通常是以轮廓框的形式来突出网站的主题内容，那么，这种边框设计在网站中有何作用呢?

　　先，边框的视觉冲击强。当你在网站中看到被边框框住的内容，会习惯性地关注其中的信息，尤其是边框颜色和背景形成鲜明对照的情况下，更容易引起用户的注意，其带来的视觉效果不言而喻。如下网站，没有其它的内容信息，显眼的要数边框了，白色边框配黑色背景，视觉冲击极强，相信大部分用户在看到网站时都会不由自主地点开边框里的内容进行浏览。

　　其次，不同的边框感效果不同。边框粗细和大小包括颜色各有不同，就看网站建设者如何设计，细边框会带给用户细腻清新感，粗边框会带给用户厚重大气的感觉，这与网站的主体风格息息相关，边框的设计能够在一定程度上增强主题风格效果，让表达更加深刻。如下网站，小清新风格加上边框设计，使得整个网站更显轻盈精致。

　　后，页面简洁大方。网站边框元素的使用能够让网站的架构更加分明，内容清晰，组织有序，信息传达富有层次感，当页面没有设置导航时，采用边框设计同样能够实现导航条的作用，指引用户浏览网站，除去了页面那些华而不实的装饰，页面更加简洁明朗。

　　网站建设中使用这些边框设计也要有一定的技巧，毕竟单独拿边框来看，它显得规矩和呆板，如果随意使用，太多的条条框框会让用户体验不佳，也会让网站有失美观，因此，边框使用之前对细节要求有需考究。

　　当然，由于网站边框的使用者较少，许多人不敢冒这样的风险，万一运用不当会带来负面效果，但这也是网站设计者的一大竞争优势，这种风格的设计往往能够独当一面，在众多网站中脱颖而出。它能打造的视觉焦点远远胜于千篇一律的建站风格，即使有边框也能让网站显得不拘一格。

　　近年来，移动互联网发展极为迅速，根据有关权威媒体的统计显示，现在移动互联网上的活跃用户在已经达到5亿多，而这个数据相比于PC互联网来说，仅有12%的差距，而且当前的移动互联网的每年的新增用户都要远远大于PC互联网，根据该权威媒体预测，在未来的5年里，移动互联网用户必然会超过PC互联网，由此可见，移动互联网已经成为大势所趋。

　　在这种发展环境下，对于站长而言，除了要做好传统的PC互联网网站之外，一定要加强移动网站的建设。但是移动网站和PC互联网网站之间却存在着显著的差别，两者的建站理念同样差距显著，如果将PC互联网上的网站建设理念生搬硬套的应用在移动网站上，那么结果显然会失败。

　　因为移动网站更多的是服务于移动用户，这些用户在使用移动网站时，更多是利用碎片化时间，因此很难长时间的浏览网站。因此移动网站的设计就需要紧密的结合移动用户的这种使用特点来进行设计，下面就对其涉及到的建站细节进行分析。

　　，导航模块的设计。移动网站必须要提供导航模块，而且在导航栏目上还需要简明扼要的阐述对应栏目的内容，注重整站导航按钮以及搜索功能的应用，尤其是导航按钮大小的设计，一定要使之符合手指触摸的习惯，通常大小可以设置成32px*32px。其中px的意思就是像素。

　　第二，优化网站内部架构。因为移动网站上的用户对于时间的要求更加快捷，因此移动网站在架构设计上就需要更多的以节省用户的使用时间为设计理念，尽可能的降低网站内部层次，通常只需要页加详情页就可，只有特殊的网站才会使用到页加列表以及详情内容这三个层次。也就是说，移动网站的架构应该比PC网站的架构更加扁平化，这可有利于提升对用户的体验度。

　　第三，优化页面以及字体大小。通常移动网站的页面宽度非常重要，如果页面过宽，就会导致用户在手机或者其他智能终端难以正确的浏览网页内容，通常来说，现在移动网站的宽度大多为480像素，或者是640像素。另外为了更好的适应在不同终端上的显示，还可以采用响应式设计方法，这样网站的页面显示能够结合终端的不同而随之匹配，进而能够提升显示效果。

　　另外由于移动网站上的显示空间相对较小，因此网页上的文字大小也要进行控制，如果太小则不利于用户的浏览，如果太大，那么非常占用页面的空间，所以字号在页上可以略大，通常可以使用14到18之间，而详细页面的字体大小一般在控制在14至16之间。这样可满足页面和用户阅读的体验。

　　第四，内容设计。由于移动网站非常注重用户碎片化时间的应用，因此移动网站上的内容应该尽可能的减少规模，一般来说，一个屏幕能够完整展示的内容就行，当然对于一些质量度较高的内容，或者具有一定吸引力的内容，能够通过滑动三次来完整展示。当然知名不要超过3次，否用户往往很难有如此高的耐心来看完全文。另外移动网站上的广告设计也要注意技巧，一定要是广告内容和文字内容有着高度的相关性，这样才不利于引起用户的反感。

　　总而言之，移动网站对于广大站长们来说，已经开始进入全面发展时期，当然在发展移动网站时，一定要创新之前的PC网站建设思路，使之能够更好的适应移动网站用户的使用习惯，这样才能够更好的提升移动网站的吸引力，进而在移动互联网端取得成功。

http://www.ytdns.net/jianzhanzhishi/7101.html 网站设计需遵循哪些原理？