朋友网吧开张,给朋友做的网站首页设计稿,
这是最终设计稿,已经被采纳,现在放出!

其实这是第二稿了,第一稿是抄袭盛大的,没什么创意,就是把游戏和软件都列举了一下,想偷个懒,没做多少改动,但后来发觉,浅色系不适合游戏为主题的网吧,朋友也不认可,也就作废了,现在也放出,大家可以一起来来鄙视我一下:

2013 年 7 月 5 日 吴成果, 吴技术

老规矩,先放图和链接,大家先饱眼福:

人人网-时间轴介绍页

波特兰设计周

阅读全文 …

2013 年 2 月 5 日 吴成果, 吴技术

看了这么多漂亮的单页网站,是不是也蠢蠢欲动了?是否你想把自己的博客,或者企业网站也做成单页?
你必须在改变或者新建之前,看看下文:

1.必要的前端技术的支持
HTML5,CSS3,这是单页网站实现的技术前提;
提示:用Jquery可以让单页实现变的非常的简单(后文会提到更多的实现工具和技巧);
如果需要异步提交/加载数据,还需要Ajax技术的支持;

2.浏览器的支持;
如果访问网站的用户,50%以上用的是IE6/7,请谨慎考虑使用单页技术;

阅读全文 …

2012 年 10 月 30 日 吴成果, 吴技术

最近在研究HTML5的时候,发现了很多国外的网站,都运用了一种单页的展示技术,这些网站多数都设计的特别漂亮;
所以,今天独立开辟一个话题“单页网站”,来对这个新的网站表现形式说一下自己的看法;

今天第一篇,从色开始,一些非常漂亮的单页,可惜的是大多数都是老外的网站,国内的不多:
PS:请准备好Chrome/Firefox/Opera/Safari,如果你是用IE浏览,请自觉过滤掉这篇文章;

愤怒的小鸟

atomicduo.com

阅读全文 …

2012 年 10 月 26 日 吴成果, 吴技术

2012 年 10 月 25 日 吴成果, 吴技术

响应式Web,也称之为自适应Web;
当然就是可以根据客户端浏览设备的屏幕分辨率,自动调整排版的Web页面;

做了个简单的页面:
测试地址(请使用移动设备测试) http://www.54575.com/mobile/flexwrap/index.html

本人HTC G7手机截图(竖屏+横屏):

阅读全文 …

2012 年 7 月 13 日 吴成果, 吴技术

最近用手机浏览了下自己的Blog,突然觉得那个才叫一个2B啊;
作为一名有市场意式,有设计理念的码农,于是决定用2个星期时间,来小学习下移动终端Web开发;

首先,我先找出了下目前主流的显示终端的分辨率如下:

设备 分辨率
iPad 1024×768
iPhone 4 640×960
iPhone 3GS 320×480
HTC G7 480×800

最小的分辨率宽度是320;

本人的手机是HTC G7,用默认浏览器打开3G版新浪首页,是这样的:

阅读全文 …

2012 年 7 月 12 日 吴技术