序言：

7月12日开始接触学习登陆系统页面设计，《首个登录页面设计-［GUI设计作品］》。懵懵懂懂的知道刚怎么下手做一个比较完整的登陆系统页面设计，（这只是设计中交互设计的一个小类别）练习作品。

登陆系统页面设计功能包括以下内容：账号登陆框，密码登陆框，记住密码，忘记密码，登陆框等五大功能。也可以适当的精典到两三个，主要看对方需要什么，就做什么功能。

这一次做的比较成熟点，希望各位多多点评。

第二版四套登陆系统页面设计：

1.这一种适合企业网站后台管理信息系统类型。

蓝色大底，成熟稳重，符合比较重工业的企业文化和重口味的企业老粗老板。

2.win8风格，和之前的一篇播放器是同一天出炉。

个人感觉蛮好的。

3.奥运风格主题的登陆页面系统。

清新大气，清爽一夏，心情舒畅等一些清凉的词语接踵而至。

在这个夏天，您一定不会错过的吧？

那个登陆功能是那滑块，可以自由发挥（可以做个小动画，如滚动的兵乓球，），这是本页面的亮点。

技术允许的话，可以再做个跳转页面，剩下的就由你们去发挥吧。

4.这个风格就显得比较温和了。有种甜蜜蜜的感觉。

点评：

废话不说了，一天一小步，以后一大步。

大家在页面设计过程中时常需要修改CSS文件，而每次修改后都需要刷新页面才能够看到效果，是不是感觉有点麻烦？今天这里我们介绍2个不错的工具能够帮助你在修改CSS文件后自动刷新页面中的CSS，立刻就能够看到修改后的效果，希望能够帮助大家提高开发效率！

CSS Refresh

cssrefresh是一个很不错的javascript类库，能够帮助你自动刷新页面中的CSS文件而不刷新页面，你需要做的就是引入提供的javascript文件。无须其它的配置步骤，非常方便。

或者你也可以通过它的书签小程序（Bookmarklet）来激活CSSrefresh，这种方法你不需要倒入任何的js文件，使用更加方便。

SoFresh

sofresh也利用了书签小程序，你直接拖拽对应的图标，然后就可以激活CSS刷新功能。