为什么你需要设计网站版面？假设一千两百万个搜寻结果的网站布局都差不多，除非你能保证网站能一直位居结果首位，否则人们的注意力很快就会消散；反之，若你的网站版面设计与竞业不同，却又能很好的掌握使用者体验的分寸，那你的网站内容就值得观者另眼相待。
网站版面设计，引导观者视线留在核心内容
网站版面设计与一般的平面设计略有不同，除了具备图像视觉的敏锐外，还需要注意UI介面使用的方便性，例如按钮、卷轴、表单的位置与其有效性，因为网站版面设计的重点并不只强调曝光或认知强化，而是一个小型企业或商家的完整展现，藉由浏览过程积累的情绪转化成消费行为，因此网站布局若能有更多弹性变化，就能让网站布局成为企业商家的独特描述。
网站设计类型左右版面布局规划
通常在规划网站版面时，网页设计师会根据网站的预期功能和用途，使用不同的网站设计类型和布局，找到呈现与接受信息最有效的方式。因此，不同的网站设计类型与揭露资讯量，在网站版面的规划设计都会有不同的呈现方式。而一般常见的网页设计类型有这些——
单页设计
于单个页面上呈现所有网站内容，让使用者不需要点击连结、跳转页面就能获得所有消息，这种类型的网页设计时常被用于建立线性的顾客旅程地图，例如单一商品销售、品牌故事线描述、艺术家作品介绍…等等，运用单一页面完成认知到说服的转换历程。
这也意味着单页设计的网站长度会依资料量的不同而有变化，为了确保阅读性，我们认知中跳往其他页面的上层导航栏设计，会被设计成指向页面特定点、特定区块，让使用者在向下滚动时，也能透过导航设计跳转至不同的页面区块，强化整体单页设计的使用者体验。
静态网站
有些人会误会静态与动态网站的差异在于有没有动画效果，但实际两者的差别是在「有没有后台资料库」。简单来说，静态网站就是一个完整的展示品，可以运用GIF格式的动画让网页动起来，却没有像购物车、讨论区…等等交互功能，并且想要新增、更新网站内容都是大工程，需要依靠撰写HTML程式码才能达成。
但与此相对的是，搜寻引擎对于静态网站的检索速度会快于动态网站，因为访问纯静态网站的时候，不需要调用资料库，直接读取就能获得网站内容。在网站安全上，没有后台、没有可攻击的目标，静态网站的安全系数自然也比较高，就算遭到了攻击，复原网站也是复制贴上的操作而已。
动态网站
与静态网站不同，动态网站拥有后台资料库能即时产生网站页面，藉由不同变数改变，动态网站会从外部资料库或内容管理系统导入资料，呈现不一样的网站页面，例如：你曾登入过用户资讯的MOMO 购物电商，每次造访该网站都会看见针对你所推荐的内容，你也可以调出过往的购买纪录或欲购买的清单列表。
不过这样的操作便利，也让动态网站的加载速度始终追不上静态网站，在动态网站还在分析变数、找即将输出的网站资料时，静态网站已经能进入浏览状态，因此很多动态网站都会将首页、关于我们、产品介绍…等，不需时时更新的页面变成伪静态网页，加速网站载入的速度。
响应式设计
响应式顾名思义会随着大小变成合适的浏览状态，无论是在桌电或手机上都能轻松浏览网站，不需要放大、缩小，也不需要担心电脑版与手机版的资讯揭露不一致，这样的网站设计在现今是最为普遍的做法。
不过，响应式也有无可避免的缺点，那就是手机与电脑的浏览习惯不同，为了配合手机版的浏览体验，网站在版面或视觉设计都会更倾向留白，因此现在很多网站设计都在走简约风。
文章出自易极赞 https://www.yjzan.com/yjznews/02136b68.html
转载需注明出处
