五月, 2010
20个最佳wordpress电子商务主题
国内很多博客使用wordpress,不过网店用wordpress的就不是很多，个人只看过三四家。其实wordpress的定制功能很强大，可以快速方便地制作个性网店。wordpress有个很有名的电子商务插件WP e-Commerce，也有很多电子商务主题。 译文：wordpress是建网店的好平台，有大量可用的主题帮助店主吸引目标用户。这篇文章展示20个最佳wordpress电子商务主题，其中有免费的与也有收费的，可满足立足于诸多不同利基市场店面的需要。 1. Store 这是个好电子商务wordpress主题，功能多，界面美观；安装和后台管理方便，主题创作者提供售前解疑和客户服务。 2. Ecommerce Theme 用户使用这个主题能有效地管理网店。该主题在SEO和定制上可以满足开发各种利基市场的需要。 3. AppCloud AppCloud主题简洁美观，两栏布局，带有可水平/垂直滑动的图片滑动栏。这个电子商务主题特色在于能集成热销产品和产品分类列表的功能。 4. eShop 主观利索的界面的eShop主题让店主和客户使用进来非常方便。该主题功能强大，小小改动就能适合销售各种商品。 5. WP Store 店主使用这主题可以建立网店，展示商品，交易付款和管理存货。 6. Auction Theme 这是个收费主题，可以搞拍卖网店，在线拍卖或逆向拍卖。 7. Market Theme Market主题可让wordpress变成网店。默认配置下，这个主题看起来像一个普通的博客，不过有很多选项可以自定义外观，比如说用方格来展示商品。 8. Kidz Store 这个明快的主题能很好地向儿童和他们的父母展示商品。该主题色彩丰富，功能多样，支持后台管理，有所有必要的电子商务功能。 9. StorePress 收费主题，带有插件，支持PayPal积分。 10. eGoods eGoods适合于可以下载的产品，以及用paypal接收付款。该主题有明亮或暗淡两种外观。功能有特色商品，热销商品，最近上架，数量有限货品，还有支持礼品券。 11. Vanilla Cart 这是个简洁大气的主题 12. Color Cart 这是基于Vanilla Cart主题上制作的主题，添加了选择主题颜色的功能。 13. Cherry Cart 绝对简洁，不带任何边栏。 14. Classified Ads Theme [...]
“齐迎大运之页面设计大赛”个人点评
因为一些原因，让我也参与了学院与深圳大学合办的齐迎大运之页面设计大赛。在这个比赛的rater中，我是最不够资格的，不过我也已尽我所能把这工作做好。比赛的作品我都写下详细的点评，现在把个人的看法整理一下，希望能给选手交代，也给下一次的比赛点建议吧（希望这比赛还能继续）。详细作品请点这里。 评分标准是按内容，美工，创意来定优胜的，所以下面我就这三个方面说一下。 内容:什么是页面？个人觉得页面就是信息的载体，就像纸的作用一样。最好的页面应该是可以让用户最舒服地接受所展示的信息的页面，很多报刊杂志的排版更重于文字排版，因为文字是纸媒最重要的信息，图片只是起着辅助阅读的作用，便于读者理解。这次比赛我觉得很多作品在这方面上做得不是很好。因为大运会的信息量会比较大，更新频繁会比较高，很多参赛者为了追求界面的美观，采用flash来布局和展示大量的信息，而这些不是flash的强项。另外在设计排版时，有一些作品展示信息的地方不够大，这样本来可以按排在一个页面的内容会变成好几个页面。用户如果在一个网站中翻了好几个页面都找不到所需的信息，那么这个网站也会很快被用户放弃。 另外说到可行性上，主要是技术实现难度上。不少作品缺少这些方面的考虑，不过这些要求有点高，因为很多选手是更多把这个比赛只当作是界面比赛，技术上的原因可以不用考虑。有一些选手是大三大二的选手，我还是觉得需要有这方面的意识，因为举办这次活动的学生很多都是学软件工程和电子商务的。flash用来搭建页面的时候更多是因为它的交互效果和色彩图形上很有吸引力。不过在大中型网站中很少运用它来展示大量的信息，不不仅是因为需要安装flash，更多是因为它不便于维护更新，技术需要高，另外还因很多终端对它的支持不好（比如说很多手机）。另外还有一些问题，比如说字体，虽然现在已经用CSS解决字体问题，不过很多浏览器在这方面上支持还是不够。 美工：这次作品中美工上存在不少问题，听说活动前期宣传时，因为下雨，所以知道这个活动的人不多，所以学美术的同学来参赛的很少。很多页面细节上处理不好，用色也有问题。不少页面上的图像还有扭曲变形。因为这次的主题的2011年世界大学生运动会，所以说美工上的需要其实是挺高的，因为一般大学生对互联网是很了解的，能够设计出被大学生喜欢的界面是不容易的。这次比赛参赛者主要学软件工程和电子商务，美工本来就不是他们的强项，所以出现这么多问题是正常，不过为什么要搞我们不擅长的设计比赛，而不是搞我们更拿手的网站PK呢？ 创意：这次比赛有二三个作品有一些地方在创意上有几个闪光点。第一个作品的”圆”,最具创意奖的获得者的apple风格，还有最后一名选手的白天黑夜的理念（这个真的是创新），这些作品个人觉得在创意上都表现不错。 建议：吸引更多专业的学生参赛，形式上更自由，邀请行业人士参与评委，不要再让像我这种不足以服人的学生当评委。 扯完这些，想说点别的。学院的网页设计课应该放在大一来上，因为这是一门简单的课程，而且是我们专业的技术基础课。大一的时候如果就可以接触到这门课程，相信会有更多的同学会对网页设计感兴趣，学别的技术也会更快。
纯粹CSS制作图片滑动栏
之前翻译过用jQuery制作的精彩图片滑动栏的文章，又曾利用ul和页内锚点制作过水平滚动的网页。前几天突然想，为什么不也用ul和页内锚点来制作图片滑动栏呢？用js和 jQuery制作的图片滑动栏的效果虽然很漂亮，不过对SEO不友好，而且不同浏览器，不同平台对它们的支持也不一致。纯粹用css和html制作图片滑 动栏在这些方面是有好的表现的。 效果：样例（点击可见），下载样例 制作思路如图： 具体制作步骤： 1.搭建好框架 <body> <div id=”box”> <div id=”slider”> <ul id=”image-text-div”> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> </ul> </div> <ul id=”button”> <li><a href=”#a1″>1</a></li> <li><a href=”#a2″>2</a></li> <li><a href=”#a3″>3</a></li> <li><a href=”#a4″>4</a></li> </ul> </div> </body> 2.添加细节。“滑动栏的内容”加上具体的图片与文字。还有添加一些样式以控制显示效果。我在“滑动栏的内容”中加的是: <img src=”image/css-slider.jpg” /> <div> <h2>纯粹CSS图片滑动栏</h2> <p>这里是滑动栏的文字区域。主要是为了说明左边图片，摘要而已，字数不需多，重点突出即可。 此滑动栏用到HTML和CSS。</p> </div> 3.添加样式 *{ margin:0; padding:0;} body{ [...]
创意表单
表单已经从简单的HTML表单改变了很多，作品集的网站和设计机构的表单尤其如此。 目前的表单设计很漂亮而且具有创造性。除了大家都了解的方式，表单可以通过加入地图、社交网络的信息、插图等得到增强。一个固定设计别致的表单可令观众对 网站后面的人或公司有信心，从而提高到网站的整体体验。 在这篇文章重，我们收集了最有创意的用于联系表单，你可以在自己的设计中使用创意灵感。 Alexarts Tony-Johnson Daniel Hellier Lionways Trendy Web Design Step2Reality Brian Handley Design Ilovecolors Try Triangle Carsonified Chocomize Electric Pulp Vincent Mazza Yodaa The Kabro Red Bull Soapbox Racer Gpacheco Ctm-Argentina Indofolio Condare Bio-Bak Shoutdigital Z-Index Media Creativeswitch Alexandru Cohaniuc Orman Clark Ctrln Ready Made Designs Socialsnack Bullet PR Envira Media Inc [...]
55个精彩的图片滑动栏
近忙一项目，用到图片滑动栏，乃广涉猎，觅此类佳作，巧在reader上看到WDL上这文《55 Inspiring Examples of Slideshows in Web Design》，得来全不费功夫，于是翻译，水平有限，错 漏请指正。 网站用来乘载信息的，大版块的意义在于让最重要的信息吸引它所应该得到的注意力。一个好方法就是在首页中使用图片滑动栏。图片滑动栏的功效来源于它 能在有限的空间中展示几个内容信息。另外滑动也是一种吸引注意力的好方法。 在交互效果很精彩的jQuery等技术的应用下，图片滑动栏已成为网页设计中潮流。之前，我们曾经写过一篇文章介绍很多jQuery图片滑动栏技术和入门教程。这篇文章收集了在网页设计中应用了图片滑动栏的55例子。 Osmond Interactive James Lai Creative open source design network Graphik Deluge Studios sprinkle penny Routes Melatonin zuno Radium paramoreredd Verdeo Tea Round Nosotros Brooklyn Fare Viget Labs zcope Syncopy hipstamatic copimaj mint SlideDeck launchmind.com Jumsoft NCover valen glue MacPaw Hwo Architects Espresso Apartments [...]
图片素材网站及应用推荐
今年开始接触了大量的图片素材网站，对一些应用也用得越来越多，分享一下。 1.TinEye： 查找相似图片 这个应用在查看社会化媒体的文章时特别有用，因为这些文章经常使用一些很直观的说明社会化媒体的作用的图片，有时这些图片不是很大，这里可以用 TinEye来查找这些图片的大图片。这样可以积累一些很有意义的图片，对于写博来说帮助很大。外，TinEye已经有火狐插件和chrome 插件了。 2. 一个严重推荐的新闻照片博客：the big picture 这个新闻照片博客很专业，每篇文章的照片都很精彩，可以看到在国内媒体上很少看到的新闻照片。结合我们之前推荐过的火狐插件–fastfox：批 量下载网页中的图片的插件，可以很快就下载到这些很有价值的图片素材。 3.PSD 素材网站 我经常在这几个网站寻找PSD格式的素材：deviantART,Photoshop Files,PSDgraphics。其 中deviantART是一个有很多种类艺术作品和素材的网站，素材很多，流量很高，知名度也很高。Photoshop Files和PSDgraphics主要是PSD格式的素材，其Photoshop Files的素材质量不错，不过数量比较少；PSDgraphics的素材质量我觉得是三者中最好的，不过数量也不多，有特色的是，它也提供PS的教程。 这三个网站有很多素材是免费下载的。Photoshop Files在邮件营销上做得很好，有作品发布的时候会发邮件通知你。 4. 图标搜索网站 图标搜索网站的用的不是很频繁，主要是有时在google搜索图片时别的图标时，有很多不需要的图片会干扰你的查找，有时需要翻很多页才能找到相关的内 容。这些网站有名的有几个，icon finder , iconlet ,icons search,veryicon , iconseeker。其中我使用比较多的是icon finder。 转载请注明本文链接|来自focusec
思想碎片1
下面是我发在微博上的只言片话，记自己所思所得，碎片而已，不强求系统与深度。 看国产微车的广告，都打感情需求牌，应验了李书福的名言：“汽车就是四个轮和座 椅”，没有技术优势，又不重视安全，谁还敢买？（虽然我还买不起）。————————看CCAV微车广告有感 如果移动互联网发展得越来越好，那么web也会变得越来越轻，色彩和图片会用得比 Pc,Mac上少得多，网页大小会受到严格的控制，那么flash的运用就会越来越少。———————-对移动互联网的思考 twitter手机客户端，facebook的手机客户端都走简洁路线，是囿于手 机硬件能力，也是代表了手机应用的趋势。用手机上网不如Pc,Mac，方寸之地的单一页面不可能像宽屏电脑那样吸引用户停留那么多时间。手机应用重在于实 时方便，其他方面优势实无。————–也是对移动互联网的思考 淘宝的扩张之路和亚马逊的扩张之路差别很大，前者是自身不断膨胀，自力开拓新领 域；后者是不断吸纳别的企业，收购优秀网站，敦是优劣，现在还难定论，不过现在明显可以感觉amazon的战略更为成功。当然国内的资本运作与硅谷的距离 不是以百里记。——————对电子商务的思考 为什么要辩论？不一定需要说服辩方，而是让听众认真地听取与辨别双方的意见，让听 众作出自己的决定。——————-有感于台湾领导的电视辩论 辩论双方都是很封闭的，自圆其说，对于对方的意见观点接纳的空间是非常狭小的。听 众思路开放就行了。——————–有感于台湾领导的电视辩论 关注中国富豪排行榜的排名就会发现: a.国内富豪的财富积累很野蛮很血腥，开矿和房地产的富豪太多 。b.首富轮流做，一年换一个，说明这些财富泡沫很大，不坚挺。人家美国，香港等地的首富轻易是不会换的。c.玩火者必自焚，政治风险不是一般的大。 ——————-看国美老总的案事及富豪榜有感 孙悟空未参与取经之前无所不能，神妖俱惊，而跟随唐僧之后，常常需要假借他人别物 之力才能降妖除魔，无乃为佛门讳忌多多，条条框框之下，身受束缚，日渐消磨，难免不败。——————闲扯 要勇于接受失败，不能逼己太甚。——————闲扯 认同教皇对互联网这部分的观点：“它的存在还“使德与智之间的相互对比关系出现了 不平衡的态势。”因此会造成“多种形式的道德和荣辱观的沦丧”以及”精神污染” ”。近朱者赤，近墨者黑，互联网的太杂了，了解的信息越多不意味着你的道德就能提升，且在众多诱惑信息中，个人的道德底线能坚持多久？————–对互联网 的思考 谈论观点时不要扯及别人历史及人品问题，那只说明你对别人不信任而已，不能说明其 观点对错。———亦关于辩论 除却工资不高外，传统田间劳作是最好的工作：有劳才有得，没有作假，亲近自然，日 出而作，日落而息，没有人事烦扰，要有好收成也得劳心伺候庄稼，也有益活络筋骨。奇怪啊，我有点怀念小时的农田劳动了。————看宫崎骏《岁月的童话》有感