时光博客 - WEB开发中的可用性和用户体验
Tag: design

设计需要大胆的创新

设计需要大胆的创新,最近才慢慢摸索出这个观点,虽然很早就有人提出过。关于《youku为什么没有放置iku?》 以及最近在阿里巴巴用户体验部看到的《office2007 ribbon界面的启示》,越来越让我感觉到设计的重要性。就引用《office2007 ribbon界面的启示》里面的一段很精辟的话来概括吧:

在MIX0.8上Jensen公开了Office2007在界面“变革”中的一些历程,我们可以看到一些早起的原型是如何逐渐过渡到Ribbon界面的,这让我们深思设计的意义,设计不仅仅是解决问题的过程,我们不仅仅是要考虑用户习惯和文化,还需具有打破常规和改变用户习惯的勇气,这样才能以更优的方式来解决问题,这很难,但这也是设计的迷人之处。

创新设计虽然会有一定的商业风险,特别是用户群庞大的产品,如果被用户接受,就算成功,如果接受不了,就会导致整个产品的失败...其带来的损失也是无法估量的...

以用户为中心的产品设计理念

对于"以用户为中心的产品设计",也就是"User Centered design",以前都是按照自己的一些理解去做设计,没有详细的去体会和理解ucd,前些天在北京有一个面试网页设计师的机会,填完考卷后,面试官问我 有没有带个人作品,于是把个人作品给他看了下,面试官于是针对时光博客的 一些作品问了一些问题,都是关于设计理念和设计思路的。自己答得很不理想,因为自己做得多反思的少。很少去理解一些学术上的概念,只零散的知道一些模糊的 概念。谈话的过程持续了将近2个小时,中间面试官的话,很多让我受益匪浅,这次的面试让我学到了不少的设计思维和概念。感谢这次的面试官,同时在网上搜到 一些相关的技术文章,在这里分享一下

一起看看国外设计公司的办公环境

Fate-Stay-Night 宣传页

index_fate.jpg

大小: 166.1 K
尺寸: 236 x 400
浏览: 447 次
点击打开新窗口浏览全图

燕郊地方举行IT文化节,5所高校组成的,貌似可以看到不少名人,可以看到不少高手!

做得很急,这次采用的方法主要是PNG,发现不少以前没有发现的问题:

  1. IE下加载PNG为背景图时,得定义背景图的大小,否则会出现图片拉伸为块级元素的大小。
  2. clear:both一定要注意使用。否则自动高度的时候会出(FF)会有问题。
  3. 关于IE版本的HACK区别,区别IE的具体细节。
  4. 块级元素属性为浮动的时候,IE DOUBLE MARGIN的问题,display:inline;
  5. 图片的优化工作,导出时候的选择,以及图片的大小。
  6. 关于宽屏的处理(1024×768,1280×800,甚至更大的)。
  7. ID和CLASS的命名规范。
  8. PNG背景图层上的超链接问题,需要对照链接进行相对位置确定(IE)才能识别。

其他的都是些小问题。看来还得研究下图片的导出问题,这个应该好好研究下,怎么样才能做到图片的最小和质量的最大!

fate-Stay-Night 宣传页地址http://liupeng.us/demo/fate/

==友情提示:如果网速不好,请耐心等待加载,因为图片有些大!谢谢!

朋友们我无耻的来拉票了

暑假期间设计的一个小作品,无意的参加了网易的大话西游2首页设计,就把这事给忘记了。今天去大话2官网去看的时候,发现有个投票的,进去一看,居然有我本人的,专家还给评了个第2。

额,本人从来没拉过票,上去一看有274票了,谢谢不认识的朋友们帮我投了票。不过既然有投票,肯定就有大众参与,希望我的朋友们,能去帮我投上一票。投票29号就结束了,还有3天了。希望大家多给我拉点人气来哈!

 投票地址:http://nie.163.com/design/vote.html

 前面的大话3,梦幻,天下随便选,我没有设计。到最后选大话2的时候,选skyverd,也就是第 2排第一个!^ ^谢谢!今天才看到,29号就结束投票了!

设计中的构架的重要性

好长时间没写模板了,有点手生...还好以前有写的,参考着,重新做了1个,做了个绿色的模板.并给命名为 GreenLife,象征绿色生命。2008年,是希望的一年,不管是中国,还是我自己,也希望自己的梦想能在这一年实现。

制作过程中想angel请教了模板中文日期的问题,angel太忙时间不够...所以中文日期显示功能先放下.制作这个模板完成后,第一个想法就是,想着手写个SAX的Sablog CSS Framework 最大程度的简化CSS代码,和优化CSS结构。这样的CSS framework并不难,因为这个是针对专门的一款产品,而且有固定的标签如ID.Class。制作者只需要优化CSS和组织CSS和XHTML 的表现手段,宏观掌控,针对这个我倒是有点自己的看法...每给一个标签选择符等附加样式的时候,都会问自己这样做是不是最优?还有没有更好的方法?于是,就在反复的尝试,以及调试中浪费了时间。

一款模板或者皮肤的设计,其实很快。但是调试起来缺特别麻烦,各个浏览器之间的兼容以及BUG问题太多,而且作为一名“设计师”,大多都是凭自己的“感觉”来判断配色。前些日子在网页设计师网站上看到,其实大多“网页设计师”都是这样的。我对这点有深刻体会,因为至少到现在我还是这样的,但是我一直思考如何摆脱这种困境。

在制作网站和SAX的模板中,我逐渐意识到用“构架”来解决问题才是KEY。一个成功的网站并不是凭设计师的主观判断,而是由长期时间的构架而来,颜色的构架,XHTML的构架,CSS的分层意识。我之所以说框架,因为CSS语言本身的局限性...太弱。无法完成动态的交互...网上也曾有很多人着手过CSS Framework,但是最终都放弃了,可是还是由不错的。如BluePrint , elements_framework...现在这个模板和Cherish就采用了elements_framework 部分功能,使开发起来更快了些。

做完了这么些模板,还想说点的就是测试模板的时候,是否可以先在FF,OP,SAFIR下测试,通过后IE7,再来IE6,已经更低的IE5.X,这个我没试过不过肯定比我现在的同时开着几个浏览器混合测试要快...至少有目的性,不知道大家都怎么测试的...要虚心学习.还有就是,“开发人员”永远不要有“设计”的思想。这样会对开发进度带来很大的影响。


大家可以讨论下,我觉得在设计中采用构架应该能大幅度提高开发进度,即使构架要花大量时间,不过比起直接写代码更安全,高效,快捷...

东方美墅网站设计

Total:812Next ›