QQ 1640076782

2016年06月6日

外贸鞋子站内优化

Filed under: SEO,google 优化,google优化网站优化技巧,优化SEO,外贸网店相关 — 标签：, , — qin @ 7:36 上午

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

2016年04月17日

手机配件购物网站SEO分析

Filed under: google 优化,seo网站分析报告,优化SEO,网站SEO分析 — 标签：, — qin @ 12:58 下午

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 上午

外贸鞋服类的购物站我们建的比较多，应客户要求，网站采用清新风格，首页有比较多的广告图的位置和较多的产品展示.　整个头部比较简单，没有采用常用的左右结构，ＬＯＧＯ没有像通常的网站那样放在网站左侧，而是作为一个独立版块居中显示。导航和搜索共用一个版块分列左右，整个网站的字体没有采用通用的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 »