参加设计沙龙交流活动~

2007_5.jpg

昨晚参与了Rouzi以及LAO Yu在创意咖啡组织的设计沙龙活动,参加活动的主要是几位师兄师姐,感觉蛮有意思的,也蛮有收获的,之前听过过一些类似的沙龙活动,比如北京的D4设计交流沙龙,还有想、优酷星期二之类的,但是这些活动都是在那些设计氛围很活跃的地方,像北京,上海之类,像西安,类似的活动确实是少之又少,所以越发感觉机会难得,过去后才知道,其实之前几年他们经常每周开展一次类似的活动,据传因为之前有很多有经济实力的财团在支持,现在就不行了,大家都是无薪阶级,所以类似活动就暂停了,最近因为有LAO YU的支持,所以又勉强开始维持起来,补充一下,LAO YU是我们的导师:)只是希望不要是一时冲动。这样的交流对设计行业是很有帮助,让大家更多地交流创意想法,了解设计最新动向,分享自己收藏的好东西,可以展示一下自己的作品,真的意义蛮大的~

Read the rest of this entry »


GUI图标热身练习~

gui-1.jpg

几个图标的热身练习,这也是图标设计真正的开始,之前练习界面设计的时候,其实就在策划后面的图标设计,这块自己相对比较薄弱,所以放在后面来学习,前几天UIRSS里面,Dexter放了几个GUIC 2006的图标的全场大奖图标的源程序供大家学习,这些高手的东西,肯定是值得借鉴的,于是乎,花了整整一天的时间完成了一次新的尝试,边临摹,也加入了其他GUI设计师我认为他们处理的很好的设计以及自己的一些想法,就出现了上面这套小标了,这些高手他们也很大方,真的非常感谢,上次参加的SKYUI跟腾讯的那个GUI 普及讲座时就感觉到,我想正因为有这些热心人士的引导,中国的GUI发展才如此蓬勃发展,只是可惜没有机会参与后面的GUI培训,所以也只能自己下苦功夫学习了,闭门造车,不过有了网络还是有交流的方式的,原本以为这几个小图标用几个小时就可以搞定,可是没想到,越小越难做,GUI图标的设计也存在一系列自己的技巧在里面,特别对于透视以及光影,其实很有讲究的,如果这些东西没有把握好,那么整个图标的设计就没有什么闪光点了,在临摹的途中,发现,最大的问题就是透视的把握,我想等以后熟悉了,可以借助3Ds Max辅助来设计,这样整个图标的透视会更准确,也不会亏了之前的Max的学习,呵呵,不过现在回过头一看,那个望远镜的透视还是存在变形,体量感的把握还不是很到位, Read the rest of this entry »


设计师十之诫(ZT)

2007_7.jpg

chinaUI 上逛的时候,看到的,其实关于设计师的戒律,之前也看过很多,不过这个感觉还是比较有代表性的,NewWebPick集结中国、法国、意大利、德国、英国、日本、巴西、波兰、美国、新西兰各国当红商业设计师和团队,起草编写了“设计师十之诫”,应该来说,对于准备从事或正在从事设计行业的朋友们是有所帮助的,对“设计师”这个职业需要有更深层次一些认知。一起来看看这十条戒律吧,重要是还是把思想融入到未来的设计过程中,那才是关键:)



第一条:
不可抄袭他人之创意,不论有何前提;
Not to copy other’s creative work, under no circumstances;

第二条:
不可过分依赖电脑技术,切记,你是一名设计师,不是一名电脑修图员;
Not to rely completely on computer technology, it is a tool only and cannot substitute your creativity. Remember, you are a designer, not a computer graphic editor;

第三条:
Read the rest of this entry »


IM工具界面设计-AI(修改)

2007_10.jpg

趁着前几天的那股劲,继续我的UI之旅,静下心来好好做了一个,这次使用的软件还是Illustrator,现在发现AI上手以后,随着操作习惯的熟悉,发现也不是之前认为的那么难操作,慢慢感觉已经迷上了AI了,跟PS配合使用绝对是绝配,还在等待比较好的CS3版本,现在使用的AI是CS1,PS是CS3.但是也发现了一些问题,从AI导出来到PS里面的效果还是有点失效,可能是版本不兼容,还好最终能大致调到自己满意的效果,这次尝试了一些环境光的布置,发现这一块还是很难把握,还是美感观察不够的原因,界面里面图标这一块也有点欠缺,也失去了界面设计的闪光点,所以后面可能会发更多时间尝试补充这一块的欠缺,我想后面会尝试一些自己以前没做过的东西以及效果,其实用心做一件事情,过程也是满愉快地~

设计以聊天工具做为原始模型设计了一套风格界面,使用的软件为AI&PS, 具体设计如下图(后面已经添加了修改的方案):

Read the rest of this entry »


AI手机界面设计

2007_3.jpg

前几天,在做了一个客户端的界面设计的任务,突然又想起很早之前的计划,说来有点惭愧,已经规划了很久,却一直没有施行,所以怀着内疚的心理,开始了晚上的UI之旅,索性学习一下AI这个软件,之前设计作品基本在PS里面设计的,这两天刚换上CS3正爽着呢,推荐大家赶快换上,貌似我使用更新软件都比较落伍,可能已经迟到很久了,呵呵,感受着它界面不断的改善,以及更合乎我们的设计思维,用起来的确很不错,界面的风格有了较大的变化,趋向简洁!新界面的变化.带来新的享受.界面以冷灰色调为主,界面的交互方式非常贴心,设计中处处体现的UI发展.软件在视觉效果效果以及交互方式上都有了较大的改善,界面中的”依附,伸缩”,节省屏幕空间.能你最大空间地现实你的设计空间,这个感觉真的很棒,里面还有很多比较不错的改善,大家可以看看UIRSS上的评测,当然今天过来不是来推销PS CS3,PS虽然不错,但是毕竟不是矢量的,一直很想学习一个矢量的设计软件,来补充PS的设计不足,很不喜欢CD的交互方式,所以一直很排斥这个软件,又因为PS的原因,当然优选选择了AI,都是Adobe的产品,我想用起来应该还是比较容易入手,本来想装CS3的,据说CS3的核心进行了很大的改变,很想体验一下,但是折腾了一天也没把他装成功,下了个1G多的文件,算是浪费,没办法先装上了CS2体验一下,之前也简单看了一下界面,貌似差别不大,参照了几幅比较好的GUI作品的,开始一边摸索,一边寻找感觉中设计感觉设计了如下的作品,

Read the rest of this entry »


WP终于升级到了2.1.3 了

2007_1

在自己忐忑不安摆弄下,blog终于还是安全升到了2.1.3,这个版本其实已经出来很久了,早就听说了他在后台体验以及程序安全性和运行速度上做了很大改进,只是自己一直懒得去管,想想之前的2.0.5用起来勉强还是可接受的,WP的程序,前一段时间频繁在升级,所以一直没动心,再者就是之前的LBS以及以前的BBS升级,经常带来许多问题,甚至崩溃现象时常发生,所以一直以来都没动手,今天趁着五一没出去游玩,突然想了了这个念头,在本地捣鼓试验了一阵子,发现相对还比较容易,其实途中也是出现很多问题,好几次断了念头,毕竟好不容易安心用起WP,使用起来也没什么大碍,只是做为体验用户以及程序开发的发烧友,对程序的改朝以及更新换代都是尤为敏感的,所以心理不免痒痒的,索性就冒一次险,在本地还没完全调试成功的基础,就直接删除以及更新文件,呵呵,这叫做置于死地而后生~

大致把我的升级方法叙述一下(说实在,wp的升级还是很简单的):

1.备份数据库,这个这个当然是最重要的了,要不我敢置于死地而后生吗,哈哈,备份的方法有很多种,一种是直接用phpMyAdmin 备份你的数据库,不过我怀疑不熟悉MYSQL的人可能有点困难,好在WP有很多备份的插件,这里推荐,我使用的的WordPress Database Backup,个人感觉很简单就可以备份数据,还可以发送到邮箱保存起来~

2.后台关闭所有的插件,毕竟要改潮换代了,这些插件可能也不是很适合现在的版本,所以把他先关闭了再说,等完全升级成功,再来考虑他们的他们的兼容性~这也是升级成功的关键步骤之一哦,千万要记得哦~

Read the rest of this entry »


网站的可用性测试学习

 2007_2.jpg

关于可用性的测试,原本以为在《ABOUT FACE 2.0》里面会有不少相关知识,但是很少,只是在 理解用户:定性研究 一节里捎带有个简单的介绍,Alan Cooper貌似也感觉到,所以在这一章的后面也给大家推荐了一本Jacob-Nielsen的一本经典的《可用性工程》著作,只是这本,目前还没看,接触的关于可用性测试方面的书籍,主要有两本,一本是《Don’t Make Me Think》,中间有个小案例,大致介绍了流程以及专家的提问方式东东,还有一本就是最近一直在看的《网站界面设计》,他里面的一些小案例,很翔实,倒让我对可用性测试过程明白了不少,这两本里面写的测试过程很相似,姑且认为是目前测试的主要方法吧。下面就我所了解的做个简单的笔记:

首先,先理解一下他的概念:

ISO9241/11中的定义是:可用性是一个多因素概念,涉及到容易学习、容易使用、系统的有效性、用户满意,以及把这些因素与实际使用环境联系在一起针对特定目标的评价。

这里有相对比较全的含义解释,这边也不讨论,可用性,或者成为用户测试,主要集中关注用户与产品交互中可测量的特性。对产品的可用性的评估,重点在于如何进行标准化的测试,以产生可以计算和借鉴的数据。可用性的测试过程本身就是用户使用网站的最初以及最真的体验。所以通过可用性的测试,我们可以了解到各个代表性的目标用户对于产品界面的认可程度,获知改良界面的可能性方案,特别在交互流程中能得出一些很不错的用户行为规律。那么如何做好一个好的可用性测试呢?网站的可用性测试该如何展开,下面就个简单介绍:

Read the rest of this entry »


Taobao的首页改版评测

 

这两天正好在看《网站界面设计》一书,这本书,也是我首次接触比较系统的介绍界面设计理论的书,书中对界面的可用性设计原则、交互设计、呈现设计以及网络广告设计四方面介绍的很系统很详细的介绍,而且书中包含了大量的实际案例分析,看后收获很大。于是,最近一直想找个界面来练练手,刚好taobao的首页进行了新一轮的“胖身”改版,就全当成学习来,来分析一下Taobao的首页界面改版评测:

首页是网站的大门,用户从这里进入网站,又从这里进入到网站的各个频道和内容,首页是用户的主要集散地,他的呈现和侧重点直接决定了网站的导向,对于用户来说,首页是导航,对于网站来说,他相当于目录和发布区,对于活动以及商家,他又是广告。平衡三者的关系是首页设计的重点,网站的首页和栏目页体现了网站的主旨以及特色,把流量引向网站最重要的地方,这一方面来说,Taobao的网站改版还是达到要求了。

首页的基本设计原则:

(1)首页上最显著的设计元素之一应该是公司网站的名称,让用户知道他来到了什么地方。

呵呵,这个很明显,TAObao的LOGO依旧放在左上角最显眼的地方。

taobaologo.jpg

(2)首屏需要体现最基本的用户任务,即70%以上目标用户需要使用的功能和网站的主推的服务,需要将两者巧妙地结合在一起,引导网站流量。

 Taobao是一个C2C的网站,用户上网主要来淘自己喜欢的东西,所以搜索是他最重要的入口,这里淘宝的首页把搜索的设计很显眼,也很人性化,只不过不知道为什么右上角上方也有一个搜索,虽然搜索很重要,但是太多相似的信息会不会令用户感到迷惑。

Read the rest of this entry »