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

我个人还是想成为全栈式开发工程师,所以基本的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. 【前端图表】echarts实现散点图x轴时间轴

    话不多说,老规矩,先上图,实现echarts实现散点图,x轴数据为时间年月日. 实现代码如下: <!DOCTYPE html> <html> <head> < ...

  2. Jenkins学习总结(1)——Jenkins详细安装与构建部署使用教程

    Jenkins是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能.Jenkins是基于Java开发的一种持续集成工具,用于监控持续重复的工作,功能包括: 1.持续的软件版本发 ...

  3. Swift iOS tableView static cell动态计算高度

    TableView是iOS开发中经常使用的组件.有些表格由于UILabel包括的文本字数不一样,须要显示的高度也会不同,因此须要动态计算static cell的高度.我用的是static cell,注 ...

  4. Fragment Summary 2/2

    出处:http://blog.csdn.net/lmj623565791/article/details/37992017 上篇博客中已经介绍了Fragment产生原因,以及一些基本的用法和各种API ...

  5. 16进制串与ASCII字符串相互转换

    提供两个函数,方便十六进制串与ASCII 字符串之间的相互转换,使用函数需要注意的是返回的串是在堆上通过 calloc 分配的,所以,记得使用完返回值释放该块,并且将指向该块的指针 =NULL .// ...

  6. Vim 模式及常用命令整理

    VIM 命令     以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令.   vim的模式 基本上可以分为3种模式,分别是命令模式(command mode).插入模 ...

  7. php实现 24点游戏算法

    php实现 24点游戏算法 一.总结 一句话总结:把多元运算转化为两元运算,先从四个数中取出两个数进行运算,然后把运算结果和第三个数进行运算,再把结果与第四个数进行运算.在求表达式的过程中,最难处理的 ...

  8. .dmp文件导出使用示例

    exp导出的几种用例,先睹为快: 1 将数据库SampleDB完全导出,用户名system 密码manager 导出到E:/SampleDB.dmp中 exp system/manager@TestD ...

  9. 126邮件POP3,SMTP服务器与端口设置

  10. Linux下交叉编译gdb,gdbserver+gdb的使用以及通过gdb调试core文件

    交叉编译gdb和gdbserver 1.下载gdb:下载地址为:http://ftp.gnu.org/gnu/gdb/按照一般的想法,最新版本越好,因此下载7.2这个版本.当然,凡事无绝对.我们以gd ...