QQ 1640076782

2014年11月28日

简洁版女鞋类外贸购物网站设计

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 6:54 上午

外贸购物网站做的比较多,鞋子类的购物网站以前也接触过,只不过按照客户的要求,需要比较简洁的风格,所以首页显示的内容并不多,结构上依然是比较常用的上中下结构,头部是注册、登录、个人中心、搜索、logo、导航版块,中间没用用常用的通栏的Banner,面是分为了左右两个部分,左侧是一个产品的图片切换,右侧显示了一部分产品。在banner下方设计有两个广告位和一个自主编辑文字的地方。底部有关于网站的一些介绍,还有外贸购物网站都有的帮助中心和版权部分。 效果: banner的切换效果没有用常用的过渡效果,而是左侧先出来大图,右侧的小图然后再显示出来,有一些动感。网站整体以深灰色为主,多数地方以线条分割,总体上简洁、大方,其他像服装类的购物网站也可采用这种风格!

2014年08月29日

外贸购物网站列表页面实现多个缩略图预览效果

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 4:39 上午

多数的外贸购物网站一个产品都会有多个图片显示,通常我们会在产品详细页面才显示产品的不同颜色以及细节图片,而且一个页面只能有一个这种效果,也就是说如果要看同一产品的不同颜色及细节图我们必须要进入到产品详细页才可以,这就多了一个步骤,如果能在产品列表页面就能显示出这些信息,那么浏览者就会更有针对性,只有自己喜欢的才进入详细页浏览,节省时间,这个效果如何实现呢? 引入jquery这个不必多说,这个Jquery的版本最好不要太低, 最关键的是我们还需要引入多个JS, <script type=”text/javascript”> “ZAL” in window || (window.ZAL [...]

2014年02月28日

繁体台湾购物网站设计小结

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 4:21 上午

前段时间做了一个繁体的购物网站,事前跟客户交流了一下,客户自己就发了两个参考站,然后颜色是客户自己定的深红色,其他也没说什么,我就按照自己经验结全客户的一些要求做了一版权: 头部类似于大部分的中文购物商城,然后下面又设计了了一个今日特价的版块,接着下面就展示了一些大类的产品展示,最下面放置的是一些帮助信息和版权之类的。 效果: 给客户看过之后,客户又发过来一个参考网站,要我按照这个来做,然后又提出了一些其他要求。在重新调整过后最终的定稿方案: 总体来说繁体网站的设计和中文网站的设计没什么大的区别,但是还是要考虑不同文化之间的区别。 如果你有外贸企业网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年02月27日

通过CSS 实现特殊效果的精美边框(二)

Filed under: 英语网站设计 — 标签:, — lifengwu @ 4:03 上午

四角有阴影效果的CSS演示代码: html源码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> [...]

2014年01月26日

外贸球衣购物站设计

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 9:54 上午

新上线的外贸足球球衣购物站,做这个站之前,客户已经明确告诉我了他的要求,所以做起来也相对简单一些。因为客户的要求有变,所以前后共做了黑色和蓝色两个版本。 黑色版本: 网站整体采用了黑色,因为主要产品是和足球相关的,所以两侧的空白处加上了背景图,当然也是和足球相关的。 产品分类的文字都采用了全大写的呈现方式 蓝色版本: 这也是网站最终采用的版本,这个版本以蓝色为主,结构方面没有什么变化,第一版颜色反差比较大,更有视觉冲击力,而第二版则相对柔和一些。两个版本都添加了背景颜色,使整站看起来不会显得很空。

2014年01月24日

使用text-overflow:属性时要注意的一个小问题

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 7:56 上午

外贸购物网站的产品分类都比较丰富,而且分类名称也是长短不一,如果名称太长多数是自动换行,如果换行了就会带来一个问题,那就是整个分类看起来不整齐,有些客户并不喜欢这样,如果不换行,那就只能将超出的部分隐藏并显示省略号。这时候就要用到text-overflow这个属性。 但偏偏text-overflow 还只是ie的私有属性,没被收录到w3c标准里 . text-overflow取值: clip :默认值 。不显示省略标记,多余的部分直接隐藏. ellipsis: 当对象内文本超出时显示省略标记… [...]

2013年11月28日

Jquery 实现鼠标经过时图片变换

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 10:34 上午

随着客户越来越重视网站用户体验,许多的购物网站上的产品在鼠标经过时都会变换一张图片,传统的是用onmouseover和onmouseout来实现,但是这个做起来烦琐,图片加载的时候也很慢,而且变换的过程过于生硬。现在就来看一下用Jquery来实现的图片变换效果: 首先我们需要引用jquery <script type=”text/javascript” src=”js/jquery-1.6.4.min.js”></script> 这个网上很容易下载的,有不同的版本,只要版本不是太低都不会有问题。 这段js代码很关键,当然是必不可少的: <script type=”text/javascript”> $(function(){ [...]

2013年10月29日

wordpress购物网站

Filed under: phper — 标签:, , — liphp @ 3:54 上午

最近完成了一个wordpress购物网站。整个页面看的很整洁大方,购物流程清晰、给客户的体验很不错。在这里展示一下: 首页: 列表页面: 详细页面: 购物车页面: 很不错的一款购物主题,wordpress最有搜索擎相相当友好,它没有magento、zencart等框架那么麻烦、而却难优化、而wordpress的娇小、灵活、结构简单、使用方面给他在优化上带来了很多的方便。现在的外贸购物网站无非就那几种框架、千篇一律、越来越没有特色。拥有一款不一样的网站、可能给您的收益带来想不到的结果。 如果你有外贸企业网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297 MSN:[email protected]

2010年10月26日

外贸购物网-整体介绍

Filed under: 外贸PHP — 标签:, , , — lijianbin @ 5:00 下午

做了这么久的购物网站,今天来总结一下购物网站比较受人关注的几个地方。应该说这几个地方把握好了,整体给人的感觉都会相当不错