QQ 1640076782

2016年06月6日

外贸鞋子站内优化

站内优化包含什么内容? 案例说明 通常包含 13项优化内容 优化网址:www.kissredbottoms.com 具体如下: 1. 301 URL Redirection [...]

2016年04月17日

手机配件购物网站SEO分析

1.  Google 表现:良好,未受到处罚 2. 收录较少,网站权重低,不足 3.网站打开速度:一般, 与网站服务器有关系,onepound可以提供VPS,打开快 4.Backlinks  外链  98 [...]

2015年07月31日

油画类购物站设计分享

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 3:24 下午

第一次接触到油画类的外贸购物站,不过客户的要求比较明确,大到风格、布局,小到版块名称,客户都已经确定好了,因此做起来也省了不少的时间 和客户沟通的部分聊天记录: 布局结构就跟这个差不多 凯博油画 0616 10:33:32 不过我要在幻灯片下面放一段介绍自己网站文字 凯博油画 0616 10:34:02 然后再下面是卖的最好产品,也就是best seller 凯博油画 0616 10:36:47 http://www.chinashopping888.com/bag/ b布局就按照这个来吧 [...]

2015年05月29日

最近上线的外贸鞋服类购物站

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

外贸鞋服类的购物站我们建的比较多,应客户要求,网站采用清新风格,首页有比较多的广告图的位置和较多的产品展示. 整个头部比较简单,没有采用常用的左右结构,LOGO没有像通常的网站那样放在网站左侧,而是作为一个独立版块居中显示。导航和搜索共用一个版块分列左右,整个网站的字体没有采用通用的Arial,而是采用了特殊字体UbuntuR和整个网站的风格协调! 头部下面是图片轮换版块和关于网店的一些介绍和推荐的产品分类,产品分类没有以纯文字形式展现,而是以图片+文字的形式展示的。 推荐的产品分类版块 首页的产品内容展示版块,考虑到产品特征,图片尺寸都设置为比较修长的风格 底部采用的是通用的风格,商城帮助中心和版权信息!

2014年11月28日

jQuery实现图片延迟加载

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

对于专门的图片网站或是素材网站,一个页面可能会有很多图片,这个当用户打开网站时,图片会加载的十分慢,用户体验也会很差。jQuery实现图片延迟加载原理就是先加载一屏内的图片,当拉旁边的滚动条时,再依次加载下面的图片,这样就避免了用户需要等所有图片加载完,再浏览。 jQuery实现图片延迟加载方法一 <script type=”text/javascript”> <!–//–><![CDATA[//><!-- var images = new Array() [...]

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

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

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

医药类购物网站设计

Filed under: 英语网站设计 — 标签:, — limeng @ 1:59 上午

这是个印度医药的购物网站,客户希望网站整体和logo以深蓝色为主,我们想到医药主要想到了十字,logo我用一双手托着十字,是健康,有爱心的象征。 网站我主要也是以传统的左右两侧结构做的,左侧是产品分类以及联系我们,右侧即是展示相关内容,这样结构清晰且一目了然。新闻展示部分我以标题和简介相结合的方式展示,这样有利于网站优化。网站整体都是以深蓝色为主,部分图片是以红色为主,这样使得网站更加生动,不单一。内页跟传统的差不多,也是左右两侧,右侧主要展示该栏目的内容 这个印度医药的购物网站要求兼容手机,平板,这种左右结构更利于响应式设计。 下图分别是电脑展示和手机展示图。

2014年11月18日

国外鞋类购物网站网页设计

Filed under: 英语网站设计 — 标签:, — limeng @ 8:48 上午

这个国外鞋类购物网站整体我采用了天蓝色为主,和白色背景搭配,使得整个页面简洁,干净,部分图标颜色采用的淡绿色,整体又会给人一种清新,自然的感觉,使之不会过于单调。banner部分和产品图片部分都采用了浅灰色背景,增加了页面的层次感。产品类别的图片我用的是五边形,而不是普通的四边形,也使得页面比较立体,突出。页脚分为两部分,用了比较醒目的蓝色和天蓝色。内页我还是用的传统的左右结构,左侧产品类别,右侧产品列表,或是产品详情等。 这个国外鞋类购物网站也是我做的第一个响应式设计,兼容手机,平板,在做的过程中也花费了比较多的时间。 如果您有相关的网站需求,请与我们联系。

2014年10月31日

古玩类外贸购物网站制作

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

古玩类的外贸购物网站设计以前没接触过,和客户沟通之后,客户也没有什么明确的要求,所以第一个版面完全是按照自己的思路来。 因为是古玩类的,所以使用了黑色作为主色调、土黄色作为点缀,整个网站还是先采上下再左右的布局方式,头部是导航、注册、登录、搜索这些常见模块,下面是一个大的图片切换。左侧主要是方便客户快速选择自己想的要产品的,包括从产品分类、价格、材质这三个方面,下面有一个出件订阅的功能,方便收集用户信息。右侧主要是产品展示模块,因为考虑到网站的优化,所以有一个新闻板块。下面是常见的帮助中心、社交分享、版权信息等 但是这个效果图并没有被客户认可,客户去掉了图片切换、新闻模块,虽说购物网站没有图片切换的很少,但客户要求了也没有办法,颜色也应客户的要求由黑色变成了灰色,最终效果图: 基本上全部是产品的展示,客户这样要求了,所以就修改成这个样子了,客户就是想让人一进来首先看到的就是他的产品信息,这样相对来说比较直观、明了!

2014年08月29日

Jquery 响应式搜索框,鼠标经过/离开时,自动显示/隐藏搜索框

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

在外贸网站建设中,搜索是每个网站必备的一个功能,尤其是英语购物网站更是如此,因为购物网站的信息量比较大,而大多数的搜索都要求客户能一眼找到,这就导致一个搜索就需要占据一个较大的位置,有时候客户需要在抢眼的位置显示其他更重要的信息,那么搜索又不能没有,这时通过jquery实现的响应式搜索就能完美解决这个问题,占据较小的位置,客户需要时就显示出来,客户不需要时隐藏,下面我们来看看实现方法: 首先我们需要引用jquery.js,这个可以直接在网上下载,不多说; <div id=”masthead_search”> <form id=”header-search-form” method=”get” name=”search” action=”/s/”> <input [...]

2014年07月28日

骑行服、自行车配件外贸购物商城设计

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

外贸购物商城做得比较多,骑行服、自行车配件之类的外贸购物网站以前也做过,所以做起来相对也比较轻松,这个客户自己没有说什么要求,可以完全自己发挥,因为是骑行,又是自行车行业的,所以动感较强,最终选定了红色、黑色搭配,展现出狂热、稳定!结构上沿用通常做法,头部就是放置LOGO、购物车、搜索、导航之类的,然后下边是大的图片切换,下面会有图片+文字展示的产品分类和一部分可以后台自定义的产品,底部有关于企业的一些介绍和购物帮助之类的信息和版权,整体效果: 整体上自己发挥的空间比较大,做完之后,自己也有进步! 如果你有外贸购物商城网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年04月30日

外贸成人用品购物网站设计

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

第一次接触这种类型的外贸购物站,客户的要求也很明确,网站要以黑色为主,同时也发来了参考网站,和客户沟通过后自己也看了很多同类型的购物商城,最近着手开始做,当时想着客户已经有了参考站,所以就做了两个版本的,一个跟参考站类似,另外一个按照自己的思路进行设计,但最终客户看过之后,客户还是选择了类似参考站的网站,而且又做了一些修改和参考站更像,有点儿…… 效果: 最终的定稿图: 因为和客户沟通得比较多,而且客户把自己的要求也讲得很明确,所以网站得以较快的完成上线! 如果你有外贸购物网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年03月31日

纯CSS 实现元素底部有阴影效果

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

图片底部有阴影效果,直接通过CSS实现,不用再借助背景图片 效果: 源码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” [...]

2014年03月28日

外贸电子烟企业站设计

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

这个客户的要求比较明确,做之前就发过来一个参考网站,其他的要求也比较明确,连网站的主色调都想好了,所以做起来也就相对容易一些,效果图出来以后,又微调了两次,然后就开始继续往下面做了! 整个页面没什么复杂的东西,甚至连一个Banner切换都没有,看起来比较简单,但是该传递的信息都传递到了。 如果你有外贸企业网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年01月24日

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

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

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

2013年10月30日

兼容多浏览器的点击弹出层

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

在一个外贸商城网站制作过程中,客户要求产品详细面一个和产品尺寸相关的FAQ能够点击显示,在网上看了一下,实现这个效果有很多方法,有全部JS的,也有通过jQuery来实现的,但是由于现在的浏览器众多,兼容性就成了问题,下面就介绍一个通过jQuery来实现的能够兼容多浏览器的方法: 首先我们需要在相关页面中引用两个js,jquery-1.4.2.min.js 和 jquery.fancybox-1.3.1.js (这两个js可以在网上下载,这里就不再粘贴了),再就是调用了 $(document).ready(function() { $(“#various1″).fancybox({ ‘titlePosition’ : [...]

2013年09月29日

外贸包包商城网站设计小结

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

最近上线了一个外贸包包商城,最初和客户接触的时候,客户的要求基本是已经是很明确了,要黑白基调,再加上做的是网店商城,所以结构上的变换不是特别多,花了一天多的时间出了首页初稿,因为客户的要求写的比较明细,做之前和客户也有详细的沟通,所以首稿只是略做了一下小修改就定稿了,呵呵……不过这样的客户比较少! 页面右上角应客户要求加了一个“加入收藏”的功能, 个人觉得这个功能在中文站里面用的比较多,但是客户特意强调了,所以也没办法 LOGO是直接用域名外加了一下小小的处理,做的不是很专业! 导航用了白灰渐变外加灰色的边,紧接着下面是一个滚动的公告。   再下面就是产品分类和大的Banner图片了,Banner没啥特别,就是过渡效果的变换,产品分类有二级菜单 紧接着就是根据产品的相关属性对产品进行筛选 以及产品的展示了。 头部整体效果: [...]

2013年09月28日

兼容多浏览器的返回顶部代码

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

最近在给一个客户做外贸网店的设计,因为网站展示的内容比较多,所以客户后来要求给添加一个返回顶部的按钮,这样的效果本来不难,只是一个JS问题就能解决,但是因为客户网站上有很多特效,还有其他的客服代码,因此JS之间就容易起冲突,导致开始的几次都以失败告终,经过多次的高度和修改,最终得到了想要的效果(只有鼠标滑动超过一电脑一屏的时候,才会出现出现返回顶部按钮,而且有渐变效果,鼠标滑回一屏以内的位置,返回按钮自动隐藏。) 代码: var scrolltotop={ //startline: Integer. Number of pixels from [...]

2013年07月30日

SuperSlide 插件实现外贸站中无限制选项卡效果

Filed under: 未分类 — 标签:, , , — lifengwu @ 2:13 下午

在外贸网站建设过程中,对于选项卡这个效果,相信多数人并不陌生,尤其是外贸购物网站,会经常用到选项卡这个效果,我们最常用的是通过JS实现,但这样就有一个弊端,如果选项卡的个数未知的情况下,JS就无法控制,容易报错,下面我们就来看看通过SuperSlide 插件轻松解决这一问题。 首先需要引入两个js 测试效果代码: /* css 重置 */ *{margin:0; padding:0; [...]

2013年07月29日

外贸网站建设时LOGO设计中的黄金分割率

Filed under: 未分类 — 标签:, , — lifengwu @ 2:44 下午

外贸网站建设过程中LOGO的设计一直是一个让人头疼的问题,因为LOGO设计本身和网页设计还是有一定的区别的,不过用好了黄金分割率,对我们设计外贸网站的LOGO来说也是大有帮助的。 黄金分割率,相信大多说人都听过,便实际用的却是很少,黄金分割率基于数字φ=1.61803398874……,该数字最早由意大利数学家Fibonacci提出。Φ是斐波那契数列1,1,2,3,5,8,13,21,……中从第二位起相邻两数之比,即2/3,3/5,5/8,8/13,13/21,…的近似值。在该数字序列中,下一个数字(从第三个开始)是前两个数字之和,即1+1=2,1+2=3,2+3=5,……。该序列中两个相邻数字相比,如5/3=1.67,21/13=1.615,所得的结果与φ(1.618)越来越接近。 下面我们就来看看黄金分割率在许多世界著名品牌Logo中的应用,从而达到一种完美融洽与平衡的效果。  美国国家地理 百事 百事的新Logo更简单、更有效、更具有空间感。它看起来有趣而漂亮,红蓝之间的图形像一个小笑脸。 Apple Apple的Logo上没有标识出公司名称,只有很少的几家公司会这样做。但Apple的Logo却成为全世界最著名的公司标识之一。该Logo具有完美的平衡,映射到Logo上的轮廓是在直径上遵循斐波那契数列的圆形。 还有很多就不一一列举了,总之,黄金分割率在外贸网站LOGO设计中的应用还是挺广的,而且也的确带来了不一样的效果,多观察,其实这样的例子有很多,而我们在平时的LOGO设计过程中也可以加以利用!

Older Posts »