|
--- 建站资讯 --- |
网页设计都有哪些经典的布局方式? |
卡片式网页布局 卡片是交互信息的载体,通常以浓缩的形式提供相关的网页内容。卡片网页布局非常适合在页面上放置大量内容,同时保持每个内容清晰。卡片布局的案例:Linear卡片式设计 http://mtw.so/6o8gst 大标题式网页布局布局 随着移动设计的兴起,大字体的排版设计得到了普及,大字体在标题中特别受欢迎。在选择正确的字体时,更大的文本更可读,并改善了用户体验。此外,它还提供了强大的视觉效果。大标题在简单的设计中特别受欢迎,几乎没有其他视觉元素。案例:线上影院网页设计 分屏网页布局 这种布局不仅指垂直分割屏幕,还指水平分割屏幕。它将页面分为两部分:平等或不平等。这种方法的优点是可以更有效地区分文本信息和图像元素,使信息更有组织,人们更容易阅读。 同时,这样做的目的也是支持快速选择,以便立即更好地与网站互动。例如,下图是一个典型的水平分屏案例。整个网页从水平方向分为左右两部分,文本统一在左侧,图片统一在右侧。整个页面的信息分布更有组织,用户更容易快速阅读。分屏是近年来网页布局逐渐成为网页设计的一种趋势。 F型和Z型网页布局 F布局和Z布局是一种非常科学的网页布局方法。它的基本原理是基于人们如何在页面上移动视线的顺序,即人们如何扫描内容。F网页布局具有跨页面顶部的突出内容,辅助内容在页面左侧(一般”F”形)。 Z形网页布局图案具有沿顶部突出的内容和其他有价值内容进一步下降的视觉特征。从页面的右上角到左下角,用对角线绘制阅读视线(大致为“Z”形)。 一般来说,F网页布局比Z网页布局有更多的视觉定义,因此适合更多的内容页面。当浏览器看到两个相同(或几乎相等)的相关内容时,Z网页布局可以吸引用户的注意力。 个性化推荐网页布局布局 个性化推荐是通过用户的个性化需求向他推荐符合自己需求的内容。更常见的是网易云音乐的日常推荐和私人FM,系统会根据你的听力习惯自动推荐你可能喜欢的歌曲。亚马逊的主页产品流会根据你的购物行为数据推荐你可能想买的东西。这才是我们一直在买买看看却停不下来的真正原因。Rottentomatoes有出色的预测算法,可以提供电影,展示用户最有可能观看的电影。 网格式网页布局 信息被组织成网格,使其容易浏览,人们可以停下来关注感兴趣的特定主题。网格允许将文本、照片和视频平均分配到网页上,让用户决定每个单元的重要性。案例:电影类的网格设计 http://mtw.so/5UNzLd 杂志布局 杂志布局非常适合展示大量定期更新、内容多样的图像,独特而难忘。杂志风格的布局设计包括特色文章(有时是轮换或类似格式的多个特色文章),以及主页上的第二篇和第三篇文章。它们通常有多个内容列,有时分为几个部分。这些杂志布局非常适合内容丰富的网站,尤其是每天添加新内容的网站。 网页布局不对称 在设计中,不对称的设计元素可以从其他元素中脱颖而出,这些不对称的设计看起来更有活力。如果包含按钮、控件或链接,它们通常比其他部分获得更多的视觉关注。 导航标签网页布局 |
|
北京搜扑互联科技发展有限公司 WWW.SOUPU.NET 总部地址:北京丰台区万柳桥甲3号宝隆大厦1号楼11层 电话:010-67605799 建站专线:13011129236(李老师) Copyright © 2007-2024 , All Rights Reserve 网站备案号:京ICP备11011187号-1 京公网安备110106005666号 14年互联网应用服务商 专业:网站制作 APP设计 小程序开发 网络运营维护 公众号建设 软件设计开发
免责声明:本网站部分转载信息是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 |