对于大部分开发者来说,写界面是最烦人的事。我想,开发者最初诞生,以及我们在大学学习的时候,更加侧重的是程序设计和逻辑思维,而不是界面。界面更象是艺术,艺术和程序设计是两回事。

我个人还是想成为全栈式开发工程师,所以基本的UI还是必须能够搞定的。

就目前正在做的电子商务malling系统, 主要有2个系统需要做界面,前端商城和后端管理系统。

前端系统UI

在京东、淘宝、当当等购物网站中,我更偏好京东的设计,红色字体,用户体验也很好。商品分类和搜索框,选择商品,加入购物车。核心购物业务之外,就是个人主页,看着挺简洁的,实现起来也容易。

我目前的打算是,前端系统UI这一块,尽可能copy京东的布局和样式,这需要对京东网站的前端代码进行大量地研究。

如果有些样式不好弄,或者与京东的不同,尽可能用Bootstrap自带的样式。

最后的选择是,自己写样式,从其它网站找一些比较好的样式。

后端系统UI

后端UI要求相对低一些,之前的做法是,全部自己去实现,界面一般般,主要是自己用。

现在,不太想那样,如果需要给别人用,实在是太丑了,很不专业。

网上找了写UI框架,主要有以下几种:

1.jquery UI,开源的,老外写的。
    之前用过部分组件,感觉一般般,界面太简单了,貌似不太符合国人的需要。

2.jquery easy ui,开源的,老外写的。
   对它的理解也很模糊,用的很少。
   公司的项目后端,用到了这个,感觉界面也不是我想要的,还需要再认真考虑一下。

3.jquery mini ui,需要付费,付费后可以拿到源码。
  看官网的demo,我还比较喜欢。只是要付费,虽然可以想办法破解,“6个月后,会不断踏出alert,提示你要付费”,但是总感觉挺别扭的。(具体原因在本文最后)
  了解这个框架,是在CSDN看到的广告,就去了解了很多次。
  http://www.miniui.com
  我还是比较支持国产UI框架的,只是对于个人来说,费用实在是太高了,据说在1万元之上。不过,对于大型企业来说,根本不算个事。

4.dwz,jui,国产开源。
   之前通过CSDN了解到的,看了下界面。我非常喜欢,而且是完全开源,托管在CSDN-Code平台。
  我决定,先用这个试试。

关于UI的一些长远考虑
 后端系统,都是Java代码,相对比较容易复用,从而大大提高生产力。后端做的时间越久,积累越多,开发系统就越快。
而前端,分2部分,业务系统的UI通常需要定制,不同的系统,界面往往差别巨大。而后端管理系统,则相对比较统一。
  我希望,在UI这方面,找到一款开源的、文档丰富的,从而低成本,甚至无成本低进行开发,进而持续积累。

前后端都有成型的技术选型,然后随着时间的流逝,有了大量的积累,最后大大提高开发效率。

最差的情况下,也可以凭借开发效率,挣到比普通工作更多的辛苦费。

还有个好处,有很多自己的积累,满满的自我成就感。

CSDN2014博客之星评选,帮小雷投一票吧

http://vote.blog.csdn.net/blogstar2014/details?username=fansunion

电子商务系统的设计与实现(七):前后端系统UI设计的一些思考的更多相关文章

  1. 教你避雷!网页设计中常见的17个UI设计错误集锦(附赠设计技巧)

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众 ...

  2. 从Web借鉴UI设计

    从Web借鉴UI设计 用户体验已经成为衡量应用软件质量的重要标准.在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限 ...

  3. UI设计(流程/界面)设计规范

    1.UI设计基本概念与流程 1.1 目的 规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性. 1.2范围  ...

  4. (2018干货系列五)最新UI设计学习路线整合

    怎么学UI全链路设计 全链路设计师是参与整个商业链条,为每个会影响用户体验的地方提供设计的可解决方案,最后既满足了商业目标,又提升了产品的用户体验和设计质量,与平面设计.UI设计彻底区分开来,是真正的 ...

  5. ​零基础该如何学习UI设计

    ​零基础学习该如何学习UI设计,没有基础该怎么开始学习呢?UI设计可以说是入行门槛很低的职业了,而且随着互联网的快速发展,UI设计的市场前景也越来也好,更多的人看到了这个高薪的行业也开始心动了,想要在 ...

  6. UI设计初学者如何避免走弯路?

    对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成. 问题一:UI设 ...

  7. UI设计:掌握这6点,轻松0到1

    非科班出身能成为UI设计师吗? 答案是肯定的.世上无难事,只怕有心人.只要找对方法.坚持不懈,即便是零基础也能学好UI设计. 那么零基础学习UI设计,需要学习哪些知识?我们要从哪些地方学起?怎么系统学 ...

  8. 2018年3大UI设计趋势,你知道吗?

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 之前小编已经和大家讨论了2018年软件测试的五大趋势,现在让我们一起来看看移动UI设计在2018年会 ...

  9. 15个带给您优秀用户体验的移动应用 UI 设计

    在今天在移动 App 界面设计中,你可以看到不同创意类型的视觉效果.特别是在 Dribbble 上面,有有很多移动应用程序的 UI 概念设计,让你惊叹.如果你想获得灵感,那很有必要看看下面15个优秀用 ...

随机推荐

  1. GOROOT,GOPATH,GOBIN,project

    GOROOT,GOPATH,GOBIN,project目录   我们接下来一个一个来看关于Go语言中的三个目录的详细解释先通过go env查看go的环境变量(我这里是mac的环境,所以可能和你的不同) ...

  2. Codeforces Round #460 (Div. 2) E. Congruence Equation (CRT+数论)

    题目链接: http://codeforces.com/problemset/problem/919/E 题意: 让你求满足 \(na^n\equiv b \pmod p\) 的 \(n\) 的个数. ...

  3. javascript中的this指向问题总结

    this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象 1.函数执行的时候,首先看函数名前边是否有点 ‘·’,有的话点’ ...

  4. (转) 25个必须记住的SSH命令

    转自:http://www.cnblogs.com/weafer/archive/2011/06/10/2077852.html OpenSSH是SSH连接工具的免费版本.telnet,rlogin和 ...

  5. multi_input_paths

  6. springmvc hibernate整合

    今天复习一下SpringMVC+Hibernate的搭建,本来想着将Spring-Security权限控制框架也映入其中的,但是发现内容太多 了,Spring-Security的就留在下一篇吧,这篇主 ...

  7. GO语言学习(二)Windows 平台下 LiteIDE 的安装和使用

    1. 安装 Go 语言并设置环境变量 参考GO语言学习(一) 2. MinGW 的下载和安装 Windows 下的 Go 调试还需要安装 MinGW. 2.1 下载安装工具的安装 最新版本下载安装工具 ...

  8. c++智能指针使用笔记

    1. c++智能指针中,c++的memory文件中,有auto_ptr等各种关于智能指针的东西,shared_ptr,weak_ptr在C++11中已经成为标准. 也看了ogs的智能指针,每次引用起来 ...

  9. ganglia错误解决

    1.      运行: 解决: 这时重新启动gmetad,输入命令: service gmetad stop 显示: Shutting down GANGLIA gmetad:             ...

  10. Android java.lang.IllegalArgumentException: Object returned from onCreateLoader must not be a non-static inn

    AsyncTaskLoader: http://developer.Android.com/intl/zh-CN/reference/android/content/AsyncTaskLoader.h ...