2018自助建站系列:有哪些流行的网站结构与经典布局?

2018-01-04 15:32:51 来源:微企点 访问量:1753 标签: 自助建站 网站布局 网站建站

送走2017,迎来2018 。每年的建站计划都从今天起,微企点决定写一个自助建站的系列文章,提纲挈领地把2018年自助的基本情况和发展趋势梳理一下,以便用户能够抓住自助建站的要领,快速进行建站。

 

目前规划的系列文章目录如下:

2018自助建站系列:厘清网站基本概念
2018自助建站系列:网站策划与网站定位
2018自助建站系列:如何选择合适的域名
2018自助建站系列:如何选择靠谱的自助建站平台
2018自助建站系列:免费自助建站平台实力比拼
2018自助建站系列:如何挑选适合的网站模板?
2018自助建站系列:有哪些流行的网站结构与经典布局?
2018自助建站系列:如何设置网站的SEO三项(标题、关键词和描述)
2018自助建站系列:自助网站如何优化推广?

 

本文是自助建站系列第七篇:有哪些流行的网站结构与经典布局。

在选好了域名、自助建站平台、网站模板后,终于可以来到网页设计制作环节了。首先我们需要了解一下有哪些流行的网站结构和经典布局。

 

1、国字型网站布局
大型网站一般喜欢就是国字型的网站布局,即网站最上面是网站的标题和横幅广告条,接下来是网站的主要内容,左右分列几个版块的内容,中间为网站的主要内容,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这样的国字型网站布局也是我们在网站上看到最多的一种结构类型。

2、匡字型网站布局
匡字型网站布局和国字型网站布局的最大区别就是最右侧是否封口。上面是网站的标题及横幅广告,接下来左侧是一列是网站链接,右侧是很宽的网站正文,下面也是一些网站的辅助信息。

3、左右框架型网站布局
左右框架型网站布局,一边是左面的导航链接、一边是右面的正文。网站的最上方一般是网站的标题或标志。大部分论坛或一部分企业网站喜欢采用,结构清晰一目了然。

4、上下框架型网站布局
和左右框架型网站布局类似,区别仅仅在于一种上下分为两页的框架。

5、自由布局型网站
这样的网站布局方式一般不拘泥于一般的基本结构,通常是多种结构的混合体,这样的网站布局一般多用于个人网站。

 

外媒thenextweb对2018年的网页设计趋势进行了预测,以下为其诺列的11个发展趋势,具体如下:

一、弹出式/插入式内容的终结

Google往往是网页趋势发展背后的驱动者。最近,这家搜索引擎公司宣布将处罚那些在搜索结果中使用弹出式或插入式内容等扰人政策的网站,例如屏蔽那些当用户点击弹出窗口上的“X(关闭)”按钮之后才会消息的内容。

不过并不是所有插入式内容都会消失,像年龄验证、登录窗口等内容则会被保留下来。

二、破碎/非常规网格布局

相信明年会有越来越多的网站开始尝试新的网格布局,非常规甚至破碎的网格将成为更加流行的设计美学。

Invision Studio就是一个很好的例子,最新发布的网站就在推动网格设计的边界,其对用户在滚动页面时候的网格布局进行了一番改变,甚至还在某些情况下通过在特定位置采用文本覆盖图片的方式“打破”边界。

三、衬线的回归

曾经的扁平化设计为了尽可能地扁平化甚至去掉了衬线。然而当扁平化设计开始走到尽头的时候,人们又开始看到了衬线的回归。

在众筹网站Kickstarter上大家就可以看到一些衬线。这为原本干净、现代的设计布局加入更多的个性,因为衬线就是增加个性化和真实性的方式之一。

四、动画的存在不再分散用户注意力

多亏了jQuery和CSS3,动画在各大网站发展起来,然而到最近,设计师们想要网页上的所有东西都动起来。所以2018年预计网页会出现更多的动画和交互式内容,但它们出现的目的是为了体验而非分散用户的注意力。

Concrete Rep网站就是一个很好的例子。当滚动页面时将会出现不同的图片和文字内容。

五、锐利的渐变

另一个开始流行的趋势将来自渐变的呈现。锐利的渐变风格开始不断出现,它能带来更强烈的视觉效果。

Sketch网页是一个代表例子。大家可以在网页右边看到紫色的锐利渐变。另外当滚动页面的时候还将看到一个圆形靶心效果,这能有助于将渐变的东西变得更加引人注目。

六、打破横向水平的传统

谁说横线必须是水平的?最近,设计师们就开始打破这种传统将横线以斜线的形式表现。通过这种锐利的斜线,网站页面能够获得更多的视觉乐趣并变得更加独特。

Stripe网站展现的效果,可以看到,只要设计得当,斜着的横线看着也非常漂亮、舒服。

七、圆角复活

看起来圆角并没有真正死去,实际上现在设计师们又将它带来了回来。看Twitter的新推文发布框就是一个很好的证明。

八、鲜艳大胆的配色

想要想出新的配色方案并不容易,所以直到年代才开始出现越来越多的新配色方案,它们看起来好像不大可行但实际上却又行得通。等到2018年,人们可能将会看到更多鲜艳、大胆的实验性配色方案。有时候许多明亮的颜色都被认为不大可能和平共处,但真把它们放在一起的时候效果却出奇得好。

不信请看Spotify,其采用了粉色、金色、橙色这三种一般不会有人想到将它们组合在一起的颜色,最终的效果相信大家也都看到了,非常棒。

九、交互式的故事内容

现在,越来越多的网页开发者开始通过动画或视频来帮助他们更好地呈现其所要诉说的故事。

CNN最近发布的一篇关于全球变暖和格陵兰岛冰川融化的新闻报道,其将故事分成多个部分并且在每个部分都提供了不同的背景、动画。

十、分割桌面屏幕的设计

眼下还出现了这样一个流行趋势,即让一或两张图片来接管网页试图,从中间垂直向下分割。

Jaune de Chrome网站就是这一趋势的代表之一。

十一、粗犷主义的出现

也许许多人没有听说过粗犷主义,当在网页设计中谈论到这个也就意味着与以上谈论所有趋势的对立面。它几乎打破了所有网页设计和用户体验的规则。

粗犷主义网站只遵循自己的设计美学,其不符合任何美学趋势。上图就是一个粗犷主义网站的典型框架,下图则是一个粗犷主义网站设计的范例。

总结

就网页设计而言,2018年注定会是令人兴奋的一年。上面谈到的趋势在2017年最后几个月已经广受欢迎,所以相信到了明年它们势必将能大放异彩。

客服QQ : 4009969000
客服电话 : 400-996-9000

扫描关注微信公众号

周一至周五 9:00~18:00

非工作时间,请您QQ留言,我们会及时回复

返回顶部