ƽ - Ray ma

马平凡 – Ray ma

虽然我们会惹上帝发笑,但生存的前提仍然是思考



10/18/2009
by 马平凡
25 Comments
17,997 Views

WP theme Pingfan V1 release

这是第一次全新制作WordPress主题,选择了比较简单的页面布局。设计说不上非常出众,但也算中规中矩、简洁大气、阅读舒适。现在我想在此向大家分享我这的第一次wp劳动成果。希望免费使用主题的伙计们尊重他人劳动,自觉保留版权信息。如你确实需要删除版权信息,请与我联系(Gtalk:diwu30@gmail.com)。

主题信息

名称: Pingfan v1
版本: Ver 0.1
作者: 马平凡(Ray ma)
作者博客: http://ueren.net
模板演示图: Demo (jpg)

主题环境

WordPress版本:WordPress 2.8.4最佳,2.8.x版本。
浏览器:在IE(IE6/IE7/IE8) Firefox(Firefox3/Firefox3.5), Chrome 4 Safari4等浏览器下测试成功。良好兼容。

使用方法:

1、上传pingfan_v1文件夹至你的 wp-content/themes/ 目录下.
2、登录wp管理后台,管理主题,启用Pingfan v1即可。

使用插件:

下载相关

主题下载: Pingfan Ver 1.0 (rar)
本主题的插件包:
Plusins(rar)

延伸阅读:平凡的Wordpress模板第一次历程(附赠wordpress模板教程)

 

05/05/2009
by 马平凡
7 Comments
4,691 Views

分享几个UED视觉规范&用户界面指南的资料

易趣网视觉规范PPT:点击下载

阿里巴巴(中国)用户界面指南:
官方地址:http://img.china.alibaba.com/images/common/icon_v01/readme/uisys_index.html
地址二(coolwasp提供):http://www.ahfqw.com/30web/ali

QQ迷你屋视觉规范:QQMiniworld-guidelines.doc
Windows User Experience Interaction Guidelines:
http://msdn.microsoft.com/en-us/library/aa511258.aspx



05/03/2009
by 马平凡
11 Comments
2,485 Views

滴答网首页之变

我这次对滴答网首页改版的流程,可分为四步,如下:
第一步:脑图分析 – 对现有首页结构、元素分析并用脑图展现。然后在此基础上优化结构和页面元素,最终输出新的首页结构脑图。

第二步:输出原型图 – 根据前一步的脑图分析结果,产生出初期首页原型图(界面原型图),然后以此,进行团队沟通和意见收集。确定最终首页原型图。

第三步:输出界面 – 根据原型图,视觉设计和交互设计。

第四步:输出页面 – 根据界面和原型图,进行前端制作,输出最终页面。

现在简单对以上四步做一下说明和记录。

首页结构、元素分析:

输出原型图

新版滴答首页初期原型图

经过对原型图的视觉和交互设计。最终新版首页的页面是出来了。交付给kelvin完成最后的程序调用。新版首页终于与2009年4月24日下午上线。

这次首页改版,从脑图到原型图到界面,最终到页面。我想这一次提高的不单单是设计层面。

第一次将mindjet – mindmanager 应用到了页面设计项目中。事实证明MM很好很强大。在梳理页面结构和产品元素元素上给了我很大的帮助。顺便在这里给大家分享一个在线脑图提供商:Mindomo 。记得07年低联想实验室也曾研发过WEB画图,不过现在好像都不能打开了。估计是关闭了。

第一次使用Balsamiq Mockups 画初期原型图。事实证明Balsamiq很适合做初期原型,简单、高效。谢谢小老头分享的key。

第一次使用CSS Sprite技术完成首页页面制作。页面目前完美兼容IE6IE7FirefoxGhrome。

不足之处:页面在IE8下有部分地方不对齐,看来只有IE8 hack来解决了。