Posts Tagged ‘navigation’

为了让页面在视觉上有更好的体验,国外的电子商务网站早已把复杂的大型分类导航与多级菜单折叠到下拉菜单中,其中许多还采用了图文混拍的方式,并巧妙地隐藏了一部分推荐功能。

详情请见原文:48 Mega Menu Web Design for Your Inspiration

http://dzineblog.com/2011/01/48-mega-menu-web-design-for-your-inspiration.html

在大型网站或电子商务网站中, 大型下拉菜单正成为一个有效地解决方案, 容纳大量内容、分类, 同时保持布局的干净。 本文从零开始, 教会你创建跨浏览器的, 纯css的大型下拉菜单, 可图文混排, 容纳多行多列。

Html Css Techniques/How to build a Kick Butt Css3 Mega Drop Down Menu

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

如何选用合适的字体——web实用排版术指南

typography是一个巨大的领域, 对于这种古老的工艺, 总是有新东西要学。 本文立足很高地从可读性, 字体选择, 配对, 尺寸, 层次, 行距, 字距, 颜色, 栅格等各个方面讲解了如何在web设计中使用合适的字体。

Choosing the right font a Practical Guide to Typography on the Web

http://webdesign.tutsplus.com/articles/choosing-the-right-font-a-practical-guide-to-typography-on-the-web/

包括发光文字样式, 凝胶文字样式, 按钮样式, 按钮模板, 箭头, 常用图标, 多种导航菜单, 价格牌, 表单, 和web页面模板, 计算器, 彩带 等等

50 Free High Quality and Inspirational PSD Files for Download

http://www.1stwebdesigner.com/resources/free-psd-files/

面包屑导航在成绩结构的每个页面上, 显示所有父级页面的链接, 往上追溯到主页面位置。 它帮助用户得知自己当前位置, 尤其是空降来的用户。 是非常重要的设计, 已经成为标准模式。
文中叙述了面包屑导航的定义、类型、优势、实施误区, 设计注意事项, 以及大量实例。

Breadcrumbs In Web Design: Examples And Best Practices

http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/

 

富有创意和乐趣的导航设计。 这是一场平衡木上的挑战, 设计师需要取得架构合理、实用性、美观与赢得用户积极情感之间的平衡。 这不是游戏, 要知道一个有趣但混乱, 让用户无所适从, 不知从何点击, 如何返回的导航设计会导致整站设计的完全失败。

来欣赏一下这些挑战成功的作品吧。

Showcase of Interesting Navigation Designs

http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/

 Page 1 of 4  1  2  3  4 »