【设计】精致的侧滑菜单设计案例

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

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

拉窗帘一样的滑动效果。

设计分享:精致的侧滑菜单设计案例,互联网的一些事

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

设计分享:精致的侧滑菜单设计案例,互联网的一些事

 

Java漂亮的树形菜单制作实例(源码),森林状的关系图,文本域,用于显示点击的节点名称,使用了JTree,可以看作是一个jTree的用法演示实例。树形菜单应用广泛,这个Tree制作漂亮,相信会让很多朋友从中学习到实现的方法,效果如演示截图所示。下面是相关的代码片段:   DefaultMutableTreeNode root = new DefaultMutableTreeNode("设置"); //生成根节点   DefaultMutableTreeNode node1=new DefaultMutableTreeNode("常规"); //生成节点一   node1.add(new DefaultMutableTreeNode("默认路径")); //增加新节点到节点一上   node1.add(new DefaultMutableTreeNode("保存选项"));   root.add(node1); //增加节点一到根节点上   root.add(new DefaultMutableTreeNode("界面"));   root.add(new DefaultMutableTreeNode("提示声音"));   root.add(new DefaultMutableTreeNode("打印"));   JTree tree = new JTree(root); //得到JTree的实例   DefaultTreeCellRenderer renderer = (DefaultTreeCellRenderer)tree.getCellRenderer(); //得到JTree的Renderer   renderer.setLeafIcon(null); //设置叶子节点图标为空   renderer.setClosedIcon(null); //设置关闭节点的图标为空   renderer.setOpenIcon(null); //设置打开节点的图标为空   tree.addTreeSelectionListener(new TreeSelectionListener() {//选择节点的事件处理   public void valueChanged(TreeSelectionEvent evt) {   TreePath path = evt.getPath(); //得到选择路径   String info=path.getLastPathComponent().toString(); //得到选择的节点名称   jtfInfo.setText(info); //在文本域中显示名称   }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值