风羽个人专属博客重新上线啦,欢迎访问~~

置顶:总结:Webrebuild 2010年会深圳站会议0人

简洁的保健美容护肤用品商城界面

星期六 2015年12月26日 风羽 设计 作品  工作   0人
简洁的保健美容护肤用品商城界面

一改大众浓重色彩风格主流B2C商城界面,化繁为简以线条辅助设计,橙色为主色特别清爽的小清闲风格,2011年当时还未流行的简洁扁平风算是一大亮点。

系列定制彩票网站——晓风彩票软件

星期三 2015年10月21日 风羽 设计 作品  工作   0人
系列定制彩票网站——晓风彩票软件

晓风彩票软件——系列定制彩票网站,在英迈思的时候负责电商及彩票的客服,大多都按标准的版本去小改一下就可以,少量高收费的客户才从功能到界面全面定制,彩票定制较深的就属于:酷发网 - 湖北楚天传媒体育发展有限责任公司,客户来了深圳,坐我边上按他的要求修改细节,记得周末都给他加班了。

没上线的商城项目:深圳奢尚会商贸有限公司

星期二 2015年9月8日 风羽 设计 作品  工作  成长   1人
没上线的商城项目:深圳奢尚会商贸有限公司

这个项目是从同事转手过来的,大概是因为无法满足客户的要求。刚接收也不清楚要求有多高,就当一个普通的小商城设计一下就交稿,后面通过反复的沟通,也只能大概知道客户的要求,为什么这么说,因为客户自己想要什么样的设计自己也没能完整的描述。过程设计修改N次,其中很多也只是调整一下就发给客户确认了,因为当时手头上基本有6个以上的项目在手里,每个都说急以我的估计项目整体价格都不高,在我手上那段时间没有一对一的设计。这边的老板也顾不上我,只要快速让客户通过就行,时间紧也不可能花太多时间去思考设计上的事情。

项目:一批绿色主题农产品类商城

星期日 2015年9月6日 风羽 设计 作品  工作   0人
项目:一批绿色主题农产品类商城

 绿色主题农产品类商城,这样的布局类别当时是比较流行。深圳市农科集团有限公司网上商城,这个项目好像最终也没上线。同一时期同一类风格应对大量客户,能快速上线,价格优惠为卖点。会员中心以及管理中心都是统一的,不再做设计。


项目:壹加壹购物商城

星期日 2015年9月6日 风羽 设计 作品  工作   0人
项目:壹加壹购物商城

 2012年做了大量商城项目,其实那几年很多公司都要做独立商城,但都没几家能做好的,这一家要求是较复杂的,他们公司本身实体的业务多,有些资源。

这些下线了的项目,过了许多年,也可以在个人博客上公开了。

 

特别实用灵活多选项卡示例(原生javascript)

星期日 2015年8月2日 风羽 前端 javascript  DIV CSS   0人
特别实用灵活多选项卡示例(原生javascript)

实用灵活多选项卡示例,一段简洁的原生javascript,只需要对应DIV的id即可灵活多用,同一个页面无需要写重复加js,非常的实用!如果项目里只需要选项卡效果,不管多少个这小段代码就搞定!不用加载jquery等冗余插件才是最优的方案。

先来看JS代码:

function nTabs(thisObj,Num){    
	if(thisObj.className == "active")return;    
		var tabObj = thisObj.parentNode.id;    
		var tabList = document.getElementById(tabObj).getElementsByTagName("li");    
		for(i=0; i <tabList.length; i++)    
		{    
			if (i == Num)    
			{    
			thisObj.className = "active";    
			document.getElementById(tabObj+"_Content"+i).style.display = "block";    
			}else{    
		tabList[i].className = "normal";    
		document.getElementById(tabObj+"_Content"+i).style.display = "none";    
		}    
	}    
}

浏览器重置CSS代码

星期一 2015年6月8日 风羽 前端 DIV CSS  资源文档   0人
浏览器重置CSS代码
/* reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{color:#000000;font:12px/1.5 Tahoma,Arial,"\5B8B\4F53",Sans-serif;}
img,fieldset,abbr,acronym{border:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th,i{font-style:normal;font-weight:normal;}
input,label,th{vertical-align:middle;}
pre{white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
/*通用样式*/
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.f12{font-size: 12px !important;}.f14{font-size: 14px !important;}.f16{font-size: 16px !important;}.f18{font-size:18px}.f20{font-size:20px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.fl,.lf{float:left !important;}.fr,.rt{float:right !important;}
.cl{ clear:both; height:0; margin:0; padding:0; font-size: 1px; line-height: 0px; }
.z{_zoom:1;}

新手收藏:顶级经典常用的CSS属性

星期一 2015年6月8日 风羽 前端 DIV CSS  资源文档   0人
新手收藏:顶级经典常用的CSS属性

去掉a链接虚线

/*去掉a链接虚线*/
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}/*IE*/
a:focus{outline:none;}/*FF*/

CSS屏蔽Webkit浏览器input高亮

/*CSS屏蔽Webkit浏览器input高亮*/
input {outline:none;}
textarea {outline:none;}

培训机构:荒川学苑

星期五 2015年5月29日 风羽 设计 作品  DIV CSS   0人
培训机构:荒川学苑

这类小站做得很多的,用ASP开源程序,作为个人的优势就是服务好价格合适,刚开始知道软件公司报价觉得真的很高,但要真开软件公司时有才知道大多还是相对合理的。

做这类小项目最重要的是建立信任,总的来说一定要预付款到位才开始做设计,尾款到了交代码,沟通好的大多也不需要合同或者协议,有一大半是直接付全款的,这类小站点全款也就差不多软件公司的五分之一,都爽快的。

做这个网站有个小插曲,当时这个日本人觉得要签合同,分2次付款。但我到罗湖面谈后沟通后,他直接全款打过来了,朋友推荐的没见面前信任没那么容易建立的。

项目:深圳市清溢和衡管理咨询有限公司

星期四 2015年5月28日 风羽 设计 作品  DIV CSS   0人
项目:深圳市清溢和衡管理咨询有限公司

这是一个独立完成的项目站点,从需求分析开始就很详细的进行了长时间的沟通,然后到签合同协议,收到预付款后准备素材做初稿风格设计,风格的确定:要求一屏内展示原站点所有的内容,且要考虑当时的小分辨率笔记本。最终确定了这样的风格首页,后来上线后效果还不错,无论是技术上代码上的SEO优化,还是整体的进站咨询情况,都比旧版有很大的提升。

(过了这么多年,现在站点也关了,拿出来展示到博客没问题了)