UI设计培训分享:UI设计师如何设计导航栏

UI设计学习交流 2017-08-11
当用户第一次浏览一个网站或者第一次使用一个APP,对网站和APP的操作都不太熟悉,那么设计相应的导航栏就是十分重要。今天小编就和大家谈谈作为一名UI设计师如何设计导航栏。
 
跳转和推荐是UI设计师在设计导航栏的时候最常用的方式,下面我们来仔细说一下设计规范和要点:

跳转的设计只为了用户能够快速跳过web应用的某个部分。UI设计师可以通过创建快捷方式或热点解决这个问题,让用户能够直接跳转至web应用的特定部分。这一方式通常应用在app的开头或结尾处,但在其他时点也很常见。

用户可以在页面任意位置点击某个标签或按钮或者滚动前往页面顶部。

如果你的应用另外还采用了“无限滚动”模式造成页面随着下方加载新内容的不断增多而越来越长,那么这一模式将尤其有用。当用户需要使用只有在页面顶部才能看见的功能或信息时,让他们向前滚动个十几页回到顶部简直就是煎熬。返回顶部”按钮方便用户立刻滚动回顶部,从而有效解决了这一问题。

推荐是引导用户了解下面浏览的内容。在不同时点显示内容建议和推荐,帮助用户浏览内容。Facebook、Eventbrite、Spotify和Yelp等很多应用会根据用户个人资料里的偏好信息或者其在应用中的过往交互记录生成针对性的内容推荐,从而帮助用户发现最新的相关内容。这些内容...
当用户第一次浏览一个网站或者第一次使用一个APP,对网站和APP的操作都不太熟悉,那么设计相应的导航栏就是十分重要。今天小编就和大家谈谈作为一名UI设计师如何设计导航栏。
 
跳转和推荐是UI设计师在设计导航栏的时候最常用的方式,下面我们来仔细说一下设计规范和要点:

跳转的设计只为了用户能够快速跳过web应用的某个部分。UI设计师可以通过创建快捷方式或热点解决这个问题,让用户能够直接跳转至web应用的特定部分。这一方式通常应用在app的开头或结尾处,但在其他时点也很常见。

用户可以在页面任意位置点击某个标签或按钮或者滚动前往页面顶部。

如果你的应用另外还采用了“无限滚动”模式造成页面随着下方加载新内容的不断增多而越来越长,那么这一模式将尤其有用。当用户需要使用只有在页面顶部才能看见的功能或信息时,让他们向前滚动个十几页回到顶部简直就是煎熬。返回顶部”按钮方便用户立刻滚动回顶部,从而有效解决了这一问题。

推荐是引导用户了解下面浏览的内容。在不同时点显示内容建议和推荐,帮助用户浏览内容。Facebook、Eventbrite、Spotify和Yelp等很多应用会根据用户个人资料里的偏好信息或者其在应用中的过往交互记录生成针对性的内容推荐,从而帮助用户发现最新的相关内容。这些内容推荐可以以“流行主题”或“最新发布”等形式出现。Facebook的做法是根据用户与时间轴上的帖子的交互记录提供“相关”页面,另外还会提供一个更具专有性的推荐栏以便用户发现新页面和新关注对象。对于用户来说,这样的内容流可以无穷无尽,特别是在充满用户生成内容的社交网络应用上。在UI中提供一个完善的推荐引擎是帮助用户发现新内容的绝佳方式。
上图为千锋教育UI设计学员作品
上图为千锋教育UI设计学员作品


千锋教育在锻炼学生能力和技巧的同时,给予学员多重就业保障。实行1对1就业服务,1年就业跟踪,建立全面的、完备的就业服务保障体系。贴合企业需求的实战演练、教师一对一的作品点评、模拟面试等,帮助学生从校园过渡到社会、从学生过渡到员工,无缝对接名企的核心岗位。重重保障,确保学员们顺利结业、满意就业。

现在的设计越来越讲究用户的交互体验,只有能抓住用户的产品才是好产品,只有设计出让用户满意的产品才是好设计师。界面美观的UI设计已经远远不能满足一个公司对移动端设计师的要求。项目要想上线并且取得一定的好的效果,就要迎合用户的使用习惯。因此设计方便的操作的导航栏也是UI设计师获得用户的青睐的重要方式。
显示全文

查看更多主题的豆瓣日记和相册

UI设计学习交流
作者UI设计学习交流
2日记 0相册

全部回应 0 条

添加回应

UI设计学习交流的热门日记

值得一读

    豆瓣
    我们的精神角落
    免费下载 iOS / Android 版客户端