网页设计理论:斜杠的作用与网站导航

在互联网世界中,斜杠“/”是很常见的一个符号。它的位置在右 Shift 的左边,不用按 Shift 就能够输入。

我猜测(没在维基中查到),斜杠之所以占据那么重要的地位,应该得益于操作系统(Unix、Dos)的流行。在命令行中,一个斜杠往往是表示着根目录,也作为目录与目录之间的分割。

其实到了互联网时代,除了 URL 中可能要用到斜杠外,其他地方很少见到它的身影。但它并没有随着历史而去。

在 Gmail 中,如果你给 label 命名为 abc/def,那么通过 IMAP 维护邮箱时会发现,abc 是 def 的上层目录。也就是说你可以给 label 增加一层(或多层)目录。

在 Google Analytics 中也可以见到斜杠的身影。常用 Analytics 的人知道,可以用 pageTracker._trackPageview("/abc/def"); 来重命名内容,并且可以通过 Content Drilldown 来查看 abc 的访问情况(包含 def),也可以展开,单独查看 def 的访问情况。不过即使不通过 _trackPageview() 来重命名内容,默认是 URL,URL 也是用斜杠区分的。

通过 Google 的例子可以看到斜杠在表示目录、层级关系时发挥的作用。我相信在 Google 的其他很多产品中也会有很多斜杠的妙用。

前些时候我调整了 Blog 的界面。最大的改动并不是把 sidebar 从右侧调到了左侧,而是顶部的指引。分为以下几种层次:

JunChen Wu —— 首页
JunChen Wu / 设计 —— 分类页
JunChen Wu / 设计 —— 文章页(下一行为文章名)
顶部的 H1 结合了面包屑、导航、指引、页面名的功能,而不是如大多数 Blog 一般是固定不变的 Blog 名。不过这样设计比较适合我这个重新设计的模板,是一个整体。如此改动之后,我发现通过搜索引擎访问到文章页,然后再访问分类页或首页的比例大大上升了,跳出率也降低了不少。

记录一下,有空继续调整。

时间: 2024-10-25 07:56:30

网页设计理论:斜杠的作用与网站导航的相关文章

Adobe发布网页设计软件Muse无需编写代码创建网站

文章描述:Adobe发布网页设计软件Muse. Adobe今天宣布推出网页设计软件-Muse. Adobe表示,借助Muse软件,网页设计师可以创建网站,而无需编写代码.Adobe之前已经进行了Muse beta公测. Muse采用类似打印布局方式,简化了网页规划,设计和发布.Muse让用户使用内置交互性的工具,在主页上进行网页内容创建,内建的Adobe Typekit并且向用户提供超过400个Web字体. Adobe发布网页设计软件Muse 用户可以从Adobe网站购买独立拷贝,或者付费成为A

网页设计理论:各种元素在页面的综合设计

网页设计中有导航条,链接,表单设计,字体行距,空白,表单聚焦,404错误页面等等元素.可以说每个页面都是由以上各种元素组成,因此对于研究网页用户体验来说,就是研究如何组合并设计这些东西. 如何提高网站产品的可用性? 优秀的产品可用性,一直是产品经理和用户体验设计师们追求的目标,今天我们来谈谈如何提高网站产品的可用性,给大家做做参考.不论是企业网站.个人博客,或者购物网站.游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验. 可用性 是用户体验的一种度量,它可以用访问者完成网站功能的方便

网页设计理论:漂亮而不空洞的极简网站设计

作为设计师,我们都知道,一个极简的设计可以实现漂亮的效果. 然而,很多设计师在实现上有些麻烦:要么是没有时间让使用如此少的元素制作的页面看起来漂亮,要么就是最终的结果只是看起来"不完美". 网上有很多关于极简主义设计的文章,而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计 最重要的是,我们将展示一个小的极简网站设计画廊,这样你就可以分析为什么一些设计可以而其它的则不可以. 什么是极简主义设计 极简主义设计已经被描述为最基本的设计,剔除了多余的元素.色彩.形状和纹理. 它的目的是使内

网页设计理论:对比和等同

  等同和对比,联系与分别,归类和不归类等都是能将元素中相同或不同的元素加以区别的方式.基于它们所承载的信息,我们希望等同的元素能发生某种联系,用以表明它们在某一方面的相似性.我们同样也希望不同的元素加以区分,以显示它们分属不同的类别. 等同和对比是通过元素之间所呈现的关系表现出来的,如果两个元素有着某种联系,可以确定这两个元素必定有相同的特性.当然,两个不同元素也必定看上去不同. 基础特性 你是如何表达元素间的等同和对比性的?是的,从它们的基础特性中表现出来. 那么,什么是元素的基础特性呢?基

网页设计理论:细节让优秀的作品脱颖而出

文章简介:网页设计中最常用到的设计细节. 前一段时间在企业管理界流行一句格言叫"细节决定成败".企业管理当然不是我们这里要讨论的主题,但是,把这句话放在网页设计当中的确是颠扑不破的真理.我们的眼睛和感觉总是非常敏锐的,即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品.虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个.如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是"很大一部分原因是因为优秀的设计作品总是

网页设计理论:网页设计风格

文:Jeffrey Zeldman 我的父亲是个业余画家,我的童年就是被他的那些美术书籍塑造的.跟很多小孩一样,我对「纯粹的再现」十分着迷.那些巨细无遗的版画--搏斗中的角斗士,风景如画的村庄,日出时的罗马废墟--每每让我瞠目结舌.口不能言.当时我对艺术的理解就是「画功好」.在那年幼而懵懂的日子里,细节越丰富.蚀刻的线条越密集.树叶越多,这艺术家就越棒.稍后我邂逅了漫画,再往后是美术馆.麦菲·派瑞(Maxfield Parrish)让我想嗑药,也让我明白自己永远当不了画家.保罗·克利(Paul

网页设计理论:IE6必须下地狱

仅仅六年之前,互联网还是一个独裁者的世界--Internet Explorer ()(主要是Internet Explorer 6)垄断着浏览器市场.没了Netscape的竞争,加上与Windows XP的绑定,微软获得了令人艳羡的市场份额--巅峰时期将近95%.时至今日,可供我们选择的浏览器种类也令当年的用户艳羡--Firefox (), Safari (), Opera (), Chrome (),以及Internet Explorer 8. 那么,为什么现在还有15%至25%的网页浏览量来

网页设计理论:纹理

  纹理在网页设计中已经成为一个不可或缺的元素.它不仅仅是个趋势,更是个增加网页深度的快捷方法.设计师学会使用纹理,就能强化网页感染力,可谓是网页设计中必然要掌握的功法.而纹理本身就能通过引导用户的视线来展示网页的关键内容. 然而,一直以来纹理似乎都被误解为"GRUNGE"风格设计,想了解GRUNGE可以去GRUNGE系列(一)--网页设计中的GRUNGE看看.在许多网页中我们可以看到,为了突出酷炫的效果时,被大量使用,甚至有滥用的嫌疑.滥用的结果就是它真正带来的好处被埋没.纹理的确可

网页设计参考:具有代表性的韩国风格网站

网页制作Webjx文章简介:一组韩国风格的网站设计欣赏. 韩国网站曾经是许多国内网页设计师争相模仿的对象,与欧美网站相比,韩国网站更注重颜色的多样性与鲜艳,以及大尺寸图片的使用,基于韩国宽带的速度较快,这种大图片艳丽色彩一直成为韩国网站的主要风格. 不过随着近年来国内网页设计水平的提高,越来越多的设计师开始舍弃这种韩国风的网站设计手法,不过韩国网站在一些作品还是有一定特色的,本文收集了一些具有代表性的韩国风格网站.我们也可以从中找到这些韩国特色 [1] [2] [3] [4] [5]  下一页