非凡网络加速器

Category : UI设计(UI Design) | 项目地址项目地址:点击进入猪八戒查看
Tags: , , , , ,
引用
此項目已完成。網站地址:http://www.vpn123.com

引用
以下是代码查看地址,已经尽量实现个浏览器兼容,IE6/7/8,fierfox等。但是最佳查看浏览器不包括IE6,因为有些效果在那里无法实现。尤其是首页下载按钮鼠标置上的滑动效果。淘宝/MSN/统计代码的CSS我已做好,只需在制定位置添加代码即可。三个在线客服的图片已制作好,在附件的image文件夹内。

关于框架,我是为了做代码的时候能预览全页效果,所以只是每个页面添加的top和bottom的框架,使用的时候删除即可。

其他页面全部可以从首页点过去查看,目前只有首页/下载页面还/注册页面有中英文版本,其他页面没有涉及到图片,所以中英文通用。

页面标题前的图标已经分离,并且写好了css,单独在web_icon.css内,图片目前都是一样的,名字不同而已。因为没有找到合适的一套,所以没有换。

首页代码:http://www.aiant.info/soho/web/vpn123/index.html
英文首页代码:http://www.aiant.info/soho/web/vpn123/index_en.html

附件是所有代码/样式及图片。包括换了LOGO的UI主界面图。


附件内容更新到所有界面效果图,包括无文字无按钮的UI界面和所有按钮切割图。



引用
以下是修改版的UI效果图。
其中主界面里免费试用的图标不太好处理,目前没有既美观又能体现意义的处理方式。这个我们需要再探讨一下。
节点界面里关于流程的引导方式是个问题,我尝试了几种方式都不太适合,软件本身是简洁的风格,有些东西加上去风格都变了。我有个建议,直接在标题下方,功能区的上方,加一行文字作为提示即可。
这里是略缩图,效果精度会有差别,我提供原尺寸的图片打包下载。连续查看两张对比图能看到鼠标置上的效果动作变化,所有中英文,按钮对比图我都处理了,如有遗漏请指出。


Highslide JS

翻页(Pages): [1] [2] [3]