当前位置: 首页 > news >正文

管理类业务系统菜单部分美化经验分享,把所有好的东西拿过来拼凑并不容易能形成整体的效果...

   这个项目是最近忙乎接近一年的大型管理类软件系统的菜单折腾、折磨、优化过程的经验分享,以前开发软件系统都是用微软的网站风格,一般中小型的管理类软件,用那个效果也不错,用了好几年客户也能接受,虽然不是很漂亮,也没办法,只能做到这个程度了,没有美工的天赋,再加上当时公司里美工也少,认识的朋友圈子里都是写程序的多,美工做得好的也很少,所以没办法,只能直接仿造微软的网站效果,全部拿过来思想,稍微改变一下菜单上的文字等,这些年感觉过硬的专业的网站设计师真的很难找,一直在寻觅这方面的人才,希望以后能进行长期合作。

 

   碰到的设计师往往有2种,一种只会做html不会图片处理,有一种只会图片处理,不会html,还有第三种是2个都会都不精,废话少说,直接就看效果图如下:


 

前几年从程序员的眼光看,也是非常漂亮的,当时没有采用折叠菜单、用树型结构的菜单导航,大概用了好几年也在好几个中小型项目里应用过,总结下来有几点不太友好:

1. 颜色有些黯淡、有些沉重,同时会让人感觉有些笨重,虽然开发人员喜欢,最终客户不太喜欢这个颜色搭配。

2. 不大好应用其他效果,很容易变成颜色搭配不协调的问题,颜色乱的局面会产生,更不能用一些鲜艳的颜色,那会显得更乱。

3. 按钮的权限控制写起来比较麻烦,例如上面的一部分都是用了HTC技术,写了不少JavaScript。

4. 后来用了折叠的菜单控件,ComponentArt 的树控件,但是菜单项太多了后,导致有些子菜单显示不友好,无法自动适应高度等问题,同时颜色搭配也成了难题,选了好几个风格,总的来说,都很失败,客户也很不满意。

 

   以上效果组合虽然都用了Microsoft、ComponentArt的,但是搭配在一起,非常不协调,虽然当个来讲都是业界比较好的,但是拼凑到一起,很难看了,可能你自己看着也觉得恶心一些,我也觉得实在是拿不出手,不过也是没办法,没有专业的页面设计人员协助,也是一时找不到合适的人分包这部分工作,或者外包给合适的单位来处理。

 

   这个就像有个比较有名的比喻,把所有美女的脸上的优点都集中起来,组合一个新美女出来,很可能就是恶魔,同样还有一个俗话一样,我们心目中想象的是天仙美妹,但是我们通过自己的两手亲自画出来就是丑陋的恶魔,不是这方面的专业人才,很容易搞不好整体的效果,局部的效果谁都可以搞好,但是整体的效果,的确是需要有水平才可以。

 

   其实以前也参与做过一些设计不错的项目,但是这些项目要么现在跑不起来,要么丢的丢,要么当时没在乎,更本没保存过,这导致自己需要用时,又开始从头开始折磨,或者还有一个心理就是,我自己做绝对能比你的做得好,当时根本看不上眼,当轮到我真的需要自己做的时候,做出来的东西,真的丑陋得很,根本拿不出手,客户也不能满意。

 

   后来想办法,又找专业做网站设计的朋友,做了一个大概花费了1000多元的设计费,大体效果是如下:

   这个色调是足够好了,但是不够大气,几百个菜单也不好分布上去,只适合少量菜单的网站前台展示型功能,也让我很头痛,不是经常做后台管理的,他们的设计思想也不一样,有的设计出来的东西,是效果图,无法直接拿过来用,很让人头大的。

 

   实在没办法,又想办法找了前台展示方面做得非常好的同行,大老远跑过去取经学习,把人家10来的积累给拿过来,用到了自己的项目里,感觉效果明显好了很多,效果图如下:

   这个页面效果,非常适合大型内部管理类系统,可以很轻松的容得下几十个模块,几百个菜单,而且子菜单的现实方式,展现方式也非常友好,界面也简介一些,不容易看着很腻,或者色彩很艳丽,而且头部还可以折叠,可以节省很多屏幕空间,方便看更多的数据列表,用了这个展示效果后,客户也比较满意,再也不提对界面不满意的事情了,也解决了一个很闹心的事情,这些事情当然不能指望程序员都能搞定,他们根本没有美敢,也不关心整个项目的效果,自己的模块也做不过来,毕竟也不能给他们太多的压力。

   折叠的效果如下:看起来也很简洁、很清爽。

   刚开始为了赶进度,每个模块都做了一个菜单,后来感觉这些代码都是重复的,没必要有几十个菜单文件,又简化为2个菜单文件,就可以把这几百个菜单弄得好好的,也用了一些缓存功能,把用户的菜单都缓存起来,这样展示的效果就更快一些了,文件数量也少了很多,最起码编译的速度,编译后的可执行文件的大小也少了不少吧,把几十个文件干掉,最后只变成了2-3个文件,心里也很爽的。

 

   当然菜单的管理、显示的先后顺序,菜单的移动、菜单的权限设置等是跟我自己的通用权限管理工具是集成在一起,菜单想怎么折腾就这么折腾,很方便,权限想怎么设置就怎么设置,普通开发人员也根本不用关心这些繁琐的事情,他们只要会用工具,配置几下就可以了,我也根本没精力去配置几百个菜单项,只管好我自己负责的几个模块的菜单就可以了。

 

   后台管理配置的效果图如下:最近增加了几个小图标,看起来更舒服了,

 

   模块配置管理的效果图如下:

   

   虽然这些都可以在数据库里,手工进行配置,但是几百个菜单了,会看得眼花缭乱,还是用一个工具去配置一下,很省事省心。

 

   虽然这些也没什么大不了的,但是从开始折腾到最后能完美的优化好,集成好,足足前后用了半年时间。因为一个人并不是万能的,要么写程序方面厉害,要么前台展示能力强,要么写后台能力强,要么美工强,但是把这么多人都想集中到一起,一般小公司比较难办到,需要不少的财力,才能达到完美的结合。

 

   我们很容易不重视我们手上的项目,我也只是想提醒大家,珍惜好经手的每个项目,说不定哪天真的会派上用处,我们不要老是心里想着,我自己做一定能做得更好,其实未必能做得好,就算能做得好,未必有那个精力,所以把自己做过的每个项目,都保存好,收集好才是硬道理。

 

 

相关文章:

  • .net反编译工具
  • MySQL的Insert/replace/update/delete的几个使用方法
  • 【ZT】RMI、Hessian、Burlap、Httpinvoker、WebService的比較
  • 10个例子解释如何用命令行管理AD(查询篇)
  • 网站色胆包天必须杀猴儆鸡
  • Silverlight 4实现在线大头贴程序,支持打印
  • 业务系统--业务架构转化成为IT应用的中间桥梁
  • 用来代替SQLSERVERAGENT的VBS脚本。
  • Windows Server 2003 DHCP 服务
  • [莓讯]blackberry潘多拉更新至1.1.3版本
  • Hadoop技术论坛
  • Delphi中怎样监视POP3信箱?
  • ubuntu的第三方站点remastersys无法访问
  • 业务系统设计之二:系统主控设计(上)
  • ROS 全自动算号器 1.1下载
  • .pyc 想到的一些问题
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • IDEA 插件开发入门教程
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • leetcode-27. Remove Element
  • magento 货币换算
  • Storybook 5.0正式发布:有史以来变化最大的版本\n
  • Sublime Text 2/3 绑定Eclipse快捷键
  • vue总结
  • 初识 webpack
  • 来,膜拜下android roadmap,强大的执行力
  • 爬虫模拟登陆 SegmentFault
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 算法系列——算法入门之递归分而治之思想的实现
  • 怎么把视频里的音乐提取出来
  • k8s使用glusterfs实现动态持久化存储
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • # 计算机视觉入门
  • #QT项目实战(天气预报)
  • (2.2w字)前端单元测试之Jest详解篇
  • (LeetCode) T14. Longest Common Prefix
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (一)Java算法:二分查找
  • .NET 8.0 发布到 IIS
  • .NET Core 2.1路线图
  • .net core webapi 大文件上传到wwwroot文件夹
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .Net FrameWork总结
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .NET开源快速、强大、免费的电子表格组件
  • .net中应用SQL缓存(实例使用)
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • /*在DataTable中更新、删除数据*/
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • @SuppressLint(NewApi)和@TargetApi()的区别
  • [ linux ] linux 命令英文全称及解释
  • [ 隧道技术 ] 反弹shell的集中常见方式(四)python反弹shell
  • [20140403]查询是否产生日志
  • [20170728]oracle保留字.txt
  • [3300万人的聊天室] 作为产品的上游公司该如何?