首页 / 新闻 / 技术博客 / 文章详情
原创

“专不专业”?看你的网页设计页面布局吧

很多企业老板判断一个网站好不好,第一反应是看“好不好看”。但真正决定客户体验的,除了颜色和图片,还有一个更隐蔽却更关键的因素——页面布局。

网页设计,是根据企业希望向浏览者传递的信息,进行网站功能策划,然后进行的页面设计美化工作。网页设计一般分为三种大类:功能型网页设计、形象型网页设计、信息型网页设计。无锡网站建设-马氪软件认为,设计网页的目的不同,应选择不同的网页策划与设计方案。

网页是网站构成的基本元素,而网页设计中有一个非常重要的构成因素,就是网页的布局。布局没做好,内容再充实也会显得乱;布局做对了,客户一打开就觉得专业、清晰、愿意继续看。下面小编就来给大家讲讲网页设计里常见的页面布局。

一、常见的九种网页页面布局

1. “国”字型布局

也可以称为“同”字型,是一些大型网站所喜欢的类型。即顶上是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,底端是网站的一些基本信息、联系方式、版权声明等。

这种结构是我们在网上见到得极多的一种结构类型,适合信息量大、栏目多的综合型网站。

2. 拐角型布局

这种结构与上一种其实只是形式上的区别,是很相近的。上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是:顶上是标题及广告,左侧是导航链接。

3. 标题正文型布局

这种类型即顶上是标题或类似的一些东西,下面是正文。比如一些文章页面或注册页面等就是这种类型。结构简单,重点突出,适合内容单一的页面。

4. 封面型布局

这种类型基本上出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接,或者仅是一个“进入”的链接,甚至直接在首页的图片上做链接而没有任何提示。

这种类型大部分是企业网站和个人主页。如果说处理得好,会给人带来赏心悦目的感觉。

5. “T”结构布局

所谓“T”结构布局,就是指网页上边和左边相结合。页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得非常广泛的一种布局方式。

在实际设计中还可以改变“T”结构布局的形式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。

优点:人的注意力主要在右下角,所以企业想要发布给用户的信息,大都能被用户尽可能获取,而且很方便。其次是页面结构清晰,主次分明、易于使用。

缺点:规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。

6. “口”型布局

这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。

优点:页面充实、内容丰富、信息量大,是综合性网站常用的版式。特别之处是顶部中央的一排小图标起到了活跃气氛的作用。

缺点:页面拥挤,不够灵活。

也有将四边空出,只用中间的窗口型设计。例如网易壁纸站使用多帧形式,只有页面中央部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。

7. “三”型布局

这种布局多用于国外网站,国内用得不多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。

8. 对称对比布局

顾名思义,它指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型网站。

优点:视觉冲击力强。
缺点:将两部分有机地结合比较困难。

9. POP布局

POP源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类网站。

优点:漂亮吸引人。
缺点:速度慢。

二、布局不只是“排排版”,它影响客户和搜索引擎

很多老板会问:布局有这么重要吗?

有。而且比很多人想象的更重要。

第一,布局影响客户的第一印象。
客户打开网站,如果找不到导航、看不到重点、不知道下一步点哪里,很快就会关掉。布局清晰,客户才愿意停留、浏览、咨询。

第二,布局影响内容的呈现效果。
同样的产品、案例、文章,放在合理的布局里,会显得充实、专业、有信任感;放在混乱的布局里,再好的内容也会被埋没。

第三,布局影响搜索引擎抓取。
结构清晰、层级分明的网站,搜索引擎蜘蛛更容易抓取和收录。导航、内链、栏目设置合理,对SEO优化也有直接帮助。

第四,布局影响移动端体验。
现在大量客户用手机打开网站。电脑端布局好看还不够,手机端也要自适应、不拥挤、按钮好点。否则,客户还没看到产品就离开了。

三、企业网站该怎么选布局?

没有哪种布局绝对最好,关键看企业想传递什么信息、目标客户是谁。

  • 展示型企业:适合“T”结构、拐角型,重点突出品牌和产品;
  • 信息量大的综合网站:适合“国”字型、“口”型,栏目多、内容全;
  • 设计、时尚、创意类企业:适合封面型、POP布局,视觉冲击力强;
  • 文章、资讯、帮助中心:适合标题正文型,阅读体验好;
  • 需要强对比、强记忆的品牌:可以尝试对称对比布局。

马氪软件建议:企业不要盲目照搬大站布局,也不要随便套个模板就上线。布局要结合行业特点、客户习惯、内容规划和推广目标来定。

写在最后

网页设计的页面布局,能够展现网站内容是否充实,也直接影响客户觉得你的网站“专不专业”。

一个好的网站,不只是颜色好看、图片精美,更要布局合理、结构清晰、重点突出、手机端友好。客户找得到信息,搜索引擎爬得顺,咨询入口看得见,网站才真正具备获客能力。

我们公司视服务为企业生命,视客户为企业之本,以服务客户为企业宗旨,努力提升服务水平,以贴心的服务为客户节约成本、创造价值、超越客户满意。同时我们将以敏锐的观察力和独特的分析能力,真心诚意地为广大客户提供更好的服务。

如果您正准备建站或改版,或者觉得现有网站布局乱、体验差、咨询少,欢迎联系无锡网站建设-马氪软件。您只需告诉我们您的行业和目标,我们帮您梳理适合的网页策划与设计方案。

×

搜索

×

客服

工作时间
周一至周五 9:00-18:00

联系电话
0510-85873959

添加微信
xwx90it