由于移动互联网和智能手机的普及，用PC浏览的网站关注度正在下降。不过，托B2B数字营销的福。PC网站今后也变成战略中心。即使在B2C的领域，PC网站也是必不可少。

相对在硬件方面没有太大改变PC的网页设计来说，也有技术被固定化的印象，具体上现在也正在接受时代的潮流而发生着改变。特别是下边那样的环境改变，也给与PC网站的UI设计提供非常大的决定。

•显示设备的多用化。

•智能手机应用的普及化

•电子设备触摸屏的普及

假如迎合趋势将会取得胜利不是吗？这样的基础便是抓住顾客动向的改变，有必要有效理解这一改变。因此这篇文章是PC网页 UI设计的较新动向，基于那些背景下的推测汇总。

1.Big UI / low Density / Long Page的潮流

新概念科技举例表明曾经的上海网站开发有好多是在有限的空间内填入了大批元素的设计。不过现在UI部件变得有：大型化（Big UI）、较0的密度（Low Density）、长页面（Long Page）的倾向。

以前是国外的以创意型，初创型为中心网站所采用的设计，进入海外公司和前卫的网页设计师，采用那些理念设计的公司网站，渐渐地在上海网站制作被广泛应用，这样的趋势也与扁平化设计相呼应。2015年以后以Big UI / Low Density / Long Page 为基础的设计理念在网站更新中使用增多了。

这样子的趋势，不能单单看起来时兴，其有合理的存在理由。在开发的立场，让响应式网站更简单实现。假如在顾客的立场来讲，更简单浏览、更简单理解、不再迷茫，除了所说的这些以外，让网站更好的利用触摸屏，作为其更大的优点。

近些年不只手写板，笔记本电脑也安装了触屏。相对在没有准备手机网站的情况，在智能手机上，网站的页面也被需求必须要有一定水平的浏览。

触摸屏，由于用手指的点击，不能开展有效操作。因此顾客界面会变大。元素之间的必需留出充分的空间。假如顾客界面变大，密度变0，当然页面中表现元素要少，页面变长，以滚动为前提了。

新概念科技今天推荐的这篇文章之后要介绍好多趋势，全是从Big UI / Low Density / Long Page的潮流中派生出来的。这不是较时尚的流行，不过现在是较适合顾客行为的设计思想。

2.栏布局

作为Big UI / Low Density / Long Page合适的布局，便是1栏布局。

曾经左右两栏布局的PC网站是UI设计主流。在电子商务网站等有大批信息的网站中，3栏布局也很常见。不过现在去掉左右栏，只焦点于信息部分，1栏布局正在增加。

相对顾客，不再有不用要的杂音映入眼帘，集中真正必要的信息。文字更简单阅读，图片被呈现的更大。

另一方面，映入眼帘的信息量减少，广告等会变得有一些分散。因此，相对顾客活动线路的设计，必须要更加谨慎。

另外，在侧边栏设置局部的导航条手法，与其他层级的网站相应，有让顾客不再迷茫的突出优点。去掉侧边栏的导航条，让网站的层级降0，尽可能减少菜单，不止限于1页内的布局意味着网站全体的设计方法必须要重新考虑。

反过来说，多层级化的前提是与网站的庞大度有关。有好多的1栏布局不能让信息被有效的理解，据此判断必须要谨慎使用。

3.中对齐

1栏布局的一个问题是文字换行吧。文字充满整个宽度时候会显的很长，很难保持布局的美观。假如1行的文字数量超过40个字，人们就会觉得很难阅读。不能由于是1栏就什么也都不考虑，宽度被文字占满，是不可防止的。

解决这样的问题的一个思路便是中间对齐。说到宽度很宽1栏的布局，中对齐和左对齐如何很好的组合，变成设计的关键之处。

中对齐的正确使用有一部分不可忽视的点。*先，必须防止顾客的视线忽视中间。例如，假如长文本中对齐，文章的开始点就会因此改变，变得很难阅读。假如使用中对齐，短文章不用要换行，长文章必须左对齐。

还有，接近元素宽度充满的时候，虽然用中对齐，也不能很好的解决。不过,宽度被占满的情况是不存在的，看到中对齐不完整的位置就像悬浮一样。为此，必须要在运用盒子和边缘等下功夫，中对齐才不可能出现违和感。

4.固定的顶部和顶部的超薄化

固定的顶部也很普遍。在好多的时候，这里搭载的是导航条。不管能进入页面内哪个位置，都能立即回到主要部分。固定顶部的UI没有侧边导航，当页面较长时，能使用的敏捷度。

不过，固定的顶部没必要的时候，会有占据一部分空间的缺点。因此，顶部只能加工的变薄。像曾经PC网站的外观那样，采用多段式并且较厚的顶部是很困难的。

这就意味着必须在页面内限定元素。假如元素容纳的多，页面就会变厚，很难被固定化。菜单的数量应该被限定，相相对以前，这方面的意识必须要加强。

5.固定的左边导航

近年可以看到一部分布局将导航条设置在左侧。说起来也与曾经2栏布局为主流时代的左导航在构造和基本功能上有所不同。

画面左边被固定，较近有好多追随滑动的按钮。另外，信息部分基本使用1栏布局，跟随画面宽度的开展伸缩的液态布局被使用的数量也好多。

这样子的设计会提供应用程序的操作感。另外，有简单应对多设备的特点。移动端优先的设计，响应式网站和液态布局即是使用PC也能对应多种情况，有采用这样子的构造的倾向。

不过，必须注意的是这样子新式布局，相对一般的顾客有很难留下先进印象的危险性。另外，相对菜单的多层级化的时候，连接和鼠标经过引出下一级菜单的操作是必要的，因此提高了操作的难易度。

从使用能力，全部的构造等固定左导航的缺点来讲，有必要搞清导入的妥当性。

6.液态布局

在设备多样化中，画面的分辨率呈现前所未有的改变。以前，宽度契合960~980px就可以解决问题的这样的规律变得很难通用。相对分辨率多用化的一个回答便是，契合画面宽度的布局也便是液态布局。

液态布局是，元素和图片不是用像素而是使用%。因此，不管看到什么样的尺寸，分辨率的画面，都会被布局成有一定的平衡。可以解决契合小画面的时候的缺点和契合大画面的时候的缺点。

必须留意的是，对每个页面“较合适化”的布局是不存在的。设想一下多种各样的分辨率的画面，汇集了较少破绽并被认为是有共同的妥协点的布局手法。有一些特定的尺寸会感到平衡被打破，有一些水平是必须被允许的，意味着会布局成像网页的网页。