乐通lt118娱乐

新 闻 资 讯

    创立整洁有序内容的网页结构技巧

    来源:上海乐通lt118娱乐网络 日期:2018-05-19 00:38 点击:

    网页设计中,内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的结构中,是一个网站的基础,并且应该在考虑外观之前就决定好。没有好的结构,网页信息流就不可正确通报,所有工具都不可建立起合理的联系。

    在这篇文章中,我们将讨论八个结构解决计划/技巧,这些计划和技巧将有助于你创立整洁有序的内容结构。这八个技巧包括:滑门(sliders)、标签式、渐进结构(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。

    1. 滑动样式与传送带(Sliders and Carousels)

    滑门(Sliders),也可称为传送带(carousels),是一种有序的、交互性强、十分平滑地展示内容的方法;叛绞且桓龊苁橇餍械募记,各人都觉得它很好用,能让你在牢固的区块内填充上大宗内容。没有滑门的资助,这些内容可能就要离开放到页面中的各个地方。而大大都时候,你在使用页面空间时总是捉襟见肘;蛘,有些内容是你希望“用户要求”后才泛起。这有助于让用户一次只关注一个内容区块,也切合他们自己的便当需求。

    2.标签卡导航元素

    实质上标签卡导航和滑门效果是差未几的技巧。它们都能帮你把一大片内容放到一小块区域里。标签卡导航很常见,但也有许多不常见的运用方法。我们这里关注的是在一个页面内部的标签卡,而不是用于在差别页面之间跳转的标签样式主导航。标签卡很明显地将内容划分到差别区块,最终又把他们融合到占地面积很小的一个区块中。

    3. 模态窗口

    模态窗口(Modal windows),或者称为浮窗,一般用于在空间紧张的页面中展示特别信息。在模态窗口中,你可以安排放大版的图像、特别内容、警告/提示信息、视频等等。用模态窗口展示信息时,记得要同时明确地提示用户如何关闭它。

    同时,用于翻开模态窗口的链接、缩略图、图标或者其他图形元素,一定要包管与模态窗口要展示的内容有足够的关联。相似的图标、摘要、图形元素都能资助用户建立原始链接与翻开的窗口的联系。

    4. 翻转元素 Rollover Elements

    翻转元素目前被越来越多地运用于商业网站、作品集站点和产品展示页。翻转元素的焦点看法就是当用户鼠标移到某个按钮或网页元素上时,处于另一个结构区域的元素就自动显示出来。请看下面的例子深入了解我说的“翻转元素”究竟是什么。

    5. 渐进结构Progressive Layouts

    “渐进结构”的意思是站点内容凭据一定的顺序一块一块地显示给用户。这种组织内容的做法比较变态,但也能在许多网站上看到。渐进结构能资助用户更容易地深入一长串信息。

    6. 网格

    讨论结构的文章是不可能避开网格不谈的。网格通常被认为是任何平衡、有序、简练的网页结构的基础。许多设计师都认为网格是处理信息容量很大的页面时的必备武器。有时候单独使用网格就能很好的展示信息,甚至不需要其他技巧。好的网格能够将一个页面中的全部内容都整合进流动结构里,而内容的可读性,或者如果用户想快速浏览,都不会受到影响。

    7. 手风琴效果(折叠菜单)

    折叠菜单和滑动门以及标签卡涉及同一个看法:把大宗信息压缩到一小块区域里。“手风琴效果”指的是一些被水平或笔直组织的区块,通过点击,一个内容区块滑向另一个区块,并将其内部内容展示出来,和手风琴的推拉历程有点相似。

    8. 超大下拉菜单

    导航纷歧定非得是几个简单的超链接组合。最近,导航设计有一个流行趋势:不但仅提供“航向”选择,也提供网站内各“终点站”位置以及“终点站”之间的隶属关系。所谓“超大”下拉菜单常见于电子常务网站,用于展示他们庞杂的商品分类。这种样式正成为设计趋势,因为它能通过普通的翻转就提供大宗分类信息,而不需要用户特另外点击。

    本文来自乐通lt118娱乐网络营销 转载请注明

     
sitemap网站地图