极客疯人院UI设计

00000000>1

以前写网站，不对，现在应该应该叫web应用。凭的是一股坚持，想到哪里写到哪里，一会儿加个功能，改改数据库，新建一个页面往里写代码就行了。

虽然最后网站是写完了，但是代码质量不高，维护和再开发都巨难，也没得到技术积累。现在连这股坚持劲都没有了，也就这样写不出网站了。

看了下如何开发一个web应用，觉得从比较正规的开始学习，想一想我以前那样其实可以算敏捷开发了，就是当时不懂迭代，代码不能重用，现在得慢慢改。

00000000>2

我想开发一个web应用，为想成为极客的同学提供一个训练平台，当然我是这个平台的第一个用户，希望不是最后一个，我满怀期待。

为此我开始了设计阶段，UI设计，以确定我要实现那么功能，之后才好确定数据库如何设计（其实已经建立了一些模型了，不过从开始画UI开始，我就知道那些活白做了）。

今天大概花了6个小时，完成了下面这个页面。

用户登录后的界面



用户登录后页面

这个页面的css和js完全来自http://www.bootcss.com/(bootstrap中文网)，本来我是上这个网站学习的，结果为了省事，就直接用了这个网站页面改，效果还不错。

在图片上添加文字显示完成进度的思路来自http://www.aqee.net/(外刊评论)，它用这个突出显示点击率。

其中吐槽墙是实时更新的，用jquery实现，不过没有实现滚动，它会突然就变了，如果你仔细的看。

编写页面的时候，学习了也复习了很多前端设计相关的知识，虽然最后的效果与我草稿纸的有差距，但是我还比较满意，因为当遇到目前还不能实现的情况时，我总喜欢找一个现在能快速实现，并在效果上不差很多的方案代替，这显然不利于创新，或许我应该坚持下去，画一个单引号上去。

点击生涯后的页面



待续....尽快完成其他页面的UI设计

（如果您有好的建议，请联系我）