1. 首页
  2. SEO优化教程
  3. SEO优化技巧
  4. 这些独特的导航设计应该能激发你的灵感。

这些独特的导航设计应该能激发你的灵感。

虽然绝大多数的设计都遵循设计规则和用户的使用习惯,但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘,这一点是毋庸置疑的。在的导航栏设计上,也是如此。随着越来越多的开始采用加粗的非衬线字体置于网页顶部作为导航,许多有想法的设计师开始有意识的打破这一规律,别出机杼,采用不一样的导航。

  尽管绝大多半的设想都遵照设想划定规矩和用户的应用习性,然则标新创新的设想依然异常有市场。怪异的设想更轻易让人难忘,这一点是无须置疑的。在的导航栏设想上,也是云云。跟着越来越多的开端接纳加粗的非衬线字体置于网页顶部作为导航,许多有设法主意的设计师开端无意识的突破这一纪律,别出心裁,接纳不一样的导航。

  当然,假如你的网站用户量大,而且需求尽可能下降用户的应用门坎,遵照惯例的设想更适宜。假如你的网站是加倍倾向实验性的小网站,无味而好玩的导航,反而更适宜于用户索求。分歧的导航模式关于网站的影响不尽沟通,针对分歧的内容、分歧的用户,你需求子细挑拣导航模式。

  实验性的导航其实不具有泛用性,然则假如你在寻求别具一格的设想,那末上面这些怪异的导航设想应该能激起你的灵感。

  侧边栏导航

  侧边栏导航的设想多种多样,它可所以动态的也可所以静态的,宽度可大可小,简直能够随心所欲地举行配置。

  然则假如你子细扫视会发明,它不仅仅是纯真的将底本的顶部导航扭转 90 度放到正面就好了,关于失常的高低转动的页面而言,常驻的侧边栏导航意味着全部页面其余部份的长宽比和以往截然分歧了。

  以是,岂论侧边栏导航的宽窄若何,你都需求从新扫视,尤其是它在分歧尺寸、比例的屏幕下的表现结果,而且举行正当的重设想。同时,导航中的笔墨假如过长,在侧边栏中还存在展示上的题目,那末你要怎样解决呢?

  需求思量的题目异常之多。

  最优的导航设想平日都不会应用过长的辞汇,而且占领的空间也相对于流动。导航项目最佳不要太多,假如导航栏需求转动扫瞄那就太过了。下面Sanctum 的案例就做的足够简略清洁,当用户转动扫瞄的时间,导航会停留在对应的地位,而且跟着后台而转变颜色。

  这个案例的优异的地方在于,它的导航和后台融为一体,它的设计会促使用户先查看图标和称号,再纵向转动页面扫瞄。

  潜藏和弹出式导航

  汉堡图标的风行让隐藏式导航大行其道,而隐藏式的设计所带来的此外一个效果便是弹出式导航。

  在桌面端上,潜藏/弹出式导航很少会占领全部屏幕,而在挪移端设置装备摆设上,为了保障可用性,很多的弹出菜单会抉择做成全屏式的。

  潜藏/弹出式导航严峻意义上算不上是异常实验性的设想,然则它能够玩的异常多样。关于一部分用户而言,汉堡图标并非那末直观,也不敷熟习。设计师能够在弹出结果、款式和地位以至图标款式上,多花点心机,玩出花头。

  下面 Caava Design 这个网站的弹出式导航异常无味。在绝大多半的设计师还在应用扁平而简略的弹出款式的时间,他们走的更远。这类设想让用户更轻易注意到关头的信息,疏导用户扫瞄信息。

  程度转动

  当你初次扫瞄一个需求程度转动的网站的时间,体验会异常的新鲜。起首它的物理和视觉活动偏向和惯例的纵向转动分歧,并且当你应用鼠标滚轮转动的时间,这类交互的错位感会极端猛烈。

  想要让程度滚动式扫瞄加倍天然,设计师需求到场视觉线索来赞助用户导航,强化扫瞄逻辑和体验。应用箭头和定位式导航结果会异常不错。

  上方 Norgram 这个网站就使用了部份图片作为视觉疏导,向用户表示屏幕正面另有更多的内容可供扫瞄。视觉线索的存在,使得内容布局和转动偏向显得对立而天然。

  无导航模式

  有些网站摒除了导航这个模块,而是抉择将所有的内容平铺在全部页面之上。这类设想实在挺辣手的,由于若何页面所承载的内容过于庞杂的话,这类模式可能会让用户认为无所适从,难以动手。

  无导航模式实在最适合一些小型的、目标间接而简略的网站,比方一些“Comming Soon”的网站页面,就不需求导航。另有一些特定工能的小网站,只需要简略的转动扫瞄,简直不需要太多点击就可以实现信息的猎取。

  连系简略的动画和动效,如许的无导航的网页也能够异常无味。无非总的来讲,如许的设计会让人认为缺了点甚么。

转载请注明: 爱推站 » 这些独特的导航设计应该能激发你的灵感。

相关文章

评论列表(0)

发表评论