网页顶部设计 第1篇
底部导航更多是应用在移动端中，在PC端的应用中不是很广泛，一般应用于一些活动或个性化的网站当中。在PC端中采用底部导航，往往采用固定的方式，这就意味着对于结构复杂的网站不是很合适。其次，将导航放置底部，对于用户的使用习惯来说不是很友好，用户的眼睛都是从上到下从做往右浏览的，这样的设计比较挑战用户的使用习惯。底部导航栏多出现在移动APP界面设计中，符合绝大多数用户的交互习惯，这也是友好用户体验的表现。Pixso资源社区作为一款在线协同设计工具，能够支持一站式UI/UX、原型、白板、交互与交付，带给团队更加高效的设计体验，
网页顶部设计 第2篇
一个优秀的界面顶部导航设计应该怎么做？首先要先了解顶部导航的基础构成。顶部导航，顾名思义，是位于一个页面的顶部，常规来说，顶部导航会提供所在页面整体的信息，同时还包含了用户可能实现的对这个页面进行的潜在操作行为。因此顶部导航一般也会被称为导航栏或应用栏，提供导航、访问功能、且为页面 / 整个 APP 或网页的中央枢纽。
常见的顶部导航一般如上图所示，整体可视为一个 “容器（Container）”，容器内包含 “导航（Navigation icon / 含可选择性 optional）”、“标题（Title / 含可选择性 optional）”、“操作项（Action items / 含可选择性 optional）”、溢出菜单（Overflow menu / 含可选择性 optional）”。接下来我们来一一讲解。
此处插入一个小 TIP：一般来说，顶部导航上的图标 / 文字按钮都会设计成线性图标，而非填充图标，用色也以低饱和度为主，是为了不要引起不必要的注意。
如上所述，顶部导航的中间部分一般是操作界面的标题，此外也可根据页面信息所需修改为：标题（含更多信息的副标题）、用户头像（含姓名等）、LOGO、搜索框、分段控件、导航选项等。其中搜索框在诸如电商（淘宝、饿了么等）、信息服务（如豆瓣等）APP 属于重要且很频繁使用的控件，所以用户下滑页面时，搜索框都会一直悬浮于页面最顶端，很多时候都会带着运营属性，为用户进行产品推荐。
最右侧的组件则一般比较多变，可以根据软件 / 网页性质放置任何类型的组件，常规的包含：用户头像、图标、按钮、更多、添加、下拉菜单等。目前一般软件而言，会放置用户最频繁使用的操作，比如微博的第一和第二页右上角都是快速发布微博的 “＋” 号按钮。
（微博APP、淘宝APP首页截图）
什么时候顶部导航会 “消失”？
网页顶部设计 第3篇
侧边栏导航可以设计成各种个性化的形式。Pixso社区采用的侧栏导航设计，设计元素设定在合理的宽度，导航栏中的字体不会过长，显示上不会出现太大的问题。UI设计师可以通过滑动侧栏的方式来查看个人的设计稿件，既节省网站的空间，同时也显得更加简约。结构复制的网站不适用于这种类型的导航，侧边栏的二级导航栏也不能用于侧边导航，所以这种类型的导航大多适合一些设计师或个人网站，还有一些结构简单的网站。
Pixso 资源社区内置的侧边栏仪表板，便采取的侧边导航的形式，侧边导航的使用能够简化界面设计的内容，尤其是对于含有大量数据的管理后台仪表盘设计，收起来的侧边栏能使整个界面看起来更加简洁，有条理，