设计分享:精致的侧滑菜单设计案例

标签: 交互设计 | 发表时间:2013-07-19 00:52 | 作者:cocoachina
出处:http://www.yixieshi.com

  侧滑菜单已经成为app一个极常用的设计,不管是事务类,效率类还是生活类app。侧滑菜单因Path 2.0和Facebook为开发者熟知,本文搜集了一些时髦的,精致的侧滑菜单设计案例。

  优雅的纯色背景,逼真的翻页动画效果。

  

  微妙的阴影和渐变增加了视觉立体感。

  暗色侧滑菜单和柔和的单色背景图文并茂地展示了视频图像。

  开放的,明快的现代的设计,充满活力的完美像素图标。

  清晰易读的深色背景,醒目的蓝色和黄色字体。且带有一定动画效果。

  网格布局,对比鲜明的用色,加重视觉冲击力的白色常规字体。

  黑色界面中注入了一抹鲜艳的亮绿,并且屏幕上方添加了极具光泽感的组件,打破了黑色本身的沉闷。

  比较经典的布局模式,极具现实感的图标和粗字体。选中项目的字体颜色变为黄色,与黑色背景形成对比。侧滑菜单的顶部和按钮使用了同样的黄色以形成鲜明的对比。

  带有折叠效果的侧滑菜单,设计师很好地平衡了黑白元素组合,加入的绿色为应用增添了活力,整体看起来极为干净整齐。

  由于在UI上展示了相关数据,因此用设计突出了数据的清晰和整齐。

  半透明的背景,时尚的绿松石色,超窄字体以及轮廓圆滑的图标。

  用侧滑菜单展示了一个3D的导航面板。

  大体感觉整齐而锐利,色彩搭配和谐,用扁平化展现了休闲的风格。

  界面用软棕色传递了温馨的氛围,用红色按钮和黄色通知强调了视差,侧滑菜单运用了亮丽的黄色和白色以打破单一的色调。

  同样是简约化的设计方案,轮廓清晰明亮的图标和平滑的字体,以黑的的背景作为依衬。

  这是一款园艺应用,一个小小的但很直观的侧边栏菜单中存放着普通的图标。微妙的阴影使得界面稍微凸出,更有表现力。

  语言翻译类app,强烈依赖侧边菜单中的图标。

  黑色和白色对比外,设计师在侧边栏处使用了粉紫色。整体非常整齐,没有杂乱的视觉元素。

  纹理效果,色泽明亮的橙色和精致的图标。

  同样带有折叠效果的设计,侧边菜单展示物品图标和相关文字,左边一屏的菜单项列表成为辅助的搜索栏。

  一款简约时尚的设计风格。深色背景延展至侧侧滑菜单中,视觉上更统一。左边菜单项列表使用了超细多色字体,一来避免用户视觉上的单调,二来很好地对类别进行了区分。

  清新亮丽的配色风格,充满活力。

  应用界面细节设计一丝不苟,漂亮的拼接背景,柔和的色彩,迷人的字体,平滑的图标,而侧滑菜单中的红色区域给人热情的视觉效果。

  房地产公司的移动app用蓝色营造了坚定的商业氛围,而白色的使用使得了界面的生动。

  拉窗帘一样的滑动效果。

  用细腻的阴影,浅灰色的精美排版打造了一个和谐宽敞的视觉效果。

  来源:designmodo

相关 [设计 分享 菜单] 推荐:

设计分享:精致的侧滑菜单设计案例

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  侧滑菜单已经成为app一个极常用的设计,不管是事务类,效率类还是生活类app. 侧滑菜单因Path 2.0和Facebook为开发者熟知,本文搜集了一些时髦的,精致的侧滑菜单设计案例.   优雅的纯色背景,逼真的翻页动画效果.   微妙的阴影和渐变增加了视觉立体感.   暗色侧滑菜单和柔和的单色背景图文并茂地展示了视频图像.

25个漂亮的导航菜单设计

- 1625 - 前端观察
原文:25个漂亮的导航菜单设计. 译自:25 Beautiful Navigation Menus. 请尊重版权,转载请注明出处,多谢. 导航菜单是网页设计中最关键的一部分,因为它们对于网站的可用性和用户体验至关重要. 导航结构比较烂或者在导航中有明显不足的网站可能会困扰用户并最终导致用户找不到想要的页面和内容而离开.

30个优秀的网站导航菜单设计案例

- Ashaum - 博客园-首页原创精华区
  导航是网站最重要的组成部分之一,一个有吸引力的导航能够引导用户浏览网站中的更多内容. 导航需要和网页内容完美的融合在一起,因此设计前需要设仔细分析网页结构. 这篇文章收集了30个优秀的网站导航设计案例,希望这些实例能给你带来灵感. 分享35个非常漂亮的单页网站设计案例. 寻找网页设计灵感的27个最佳网站推荐.

综合下拉菜单:下一个网页设计趋势

- - 人人都是产品经理
就目前而言,“综合下拉菜单”这种设计模式还是相对少见的. 但是我确信,不出半年,它将会普及开来. 什么是的 “ 综合下拉菜单 ”. 大型网站的导航系统一直是一个难点. 当然你可以试图创建一个庞大的站点地图一样的导航菜单来链接到所有的页面,但是实际上,当页面越来越多而且不断增加的时候,这种做法将会变成一个不可能完成的任务.

5种实用App导航菜单设计方案

- - 人人都是产品经理
手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里我们整理了5种实用的移动手机App导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感. 这5种App菜单设计方案也许有很多设计师已经在使用,但不能否认它是目前实用的,而且能提高用户体验的菜单设计方案.

QQ阳光牧场3D 设计分享

- Howard - 互联网的那点事
QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台.   在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们. 阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐. 一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍.

QQ欢乐斗地主设计分享

- 地安门城管 - 互联网的那点事...
Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住. 出炉不久尚未烤熟经验尚浅欢迎拍砖. Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧. 欢乐斗地主作为一款年代比较久远的产品,是我们休闲游戏线的核心,也是是用户规模最大的产品之一.

欢乐斗地主设计分享

- Jacky - 所有文章 - UCD大社区
      Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住. 出炉不久尚未烤熟经验尚浅欢迎拍砖.       Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧.

产品运营设计经验分享

- - 人人都是产品经理
运营设计是一道大餐,很愿意和大家一起分享,欢迎大家一起讨论. 这要先说说产品的流程,移动产品从出生到和用户见面大多都会经历这么几个阶段: 功能定位——交互流程( Ui )——视觉界面( GUI )——开发和测试——发版运营. 由此可见运营就是产品出生的过程,没有好的运营,酝酿已久的产品也见不到更多的用户.

导航是Web网站重要的元素:置顶菜单的设计研究

- - 蓝飞技术部落格
SirsiDynix公司UX/UI设计师Hyrum Denney在Smashing Magazine上发表了一篇文章《 Sticky Menus Are Quicker To Navigate》,分享了自己对“置顶菜单”进行的可用性研究成果,及实现技术和相关挑战. CSDN对该文进行了编译,内容如下:.