ipodesign

成为互动创意大师的27个Tips

Wed, 18 Mar 2009 02:06:18 +0000

文/許子謙(桑河數位科技數位策略總監)

成为互动创意大师的27个Tips, 有些是和Naoki、Rei他们聊过之后产生的东西, 也算是自己的心得整理。

Tip1
所有的设计都要让Audience获利, 就算只是获得一个微笑的表情, 也不要让人空手回去。

Tip2
设计内容和动线
要设法让流量路径变成沙漏型或是简单的线性。

Tip3
不要复制别人的东西, 但A+B或许还是可以变成新发明。
(技巧要高明, 别让人发现你是A+B)
............

写给大家看的设计书--之精要

Fri, 13 Mar 2009 02:06:07 +0000

下面先来看看哪些设计原则，知道它们的名字，然后你将逐步控制页面。

4大基本原则
以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。尽管我在后面将逐个讨论各个原则，不过要记住，它们实际上是相互关联的。只应用某一个原则的情况很少。
对比
对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体，颜色，大小，线宽，形状，空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
重复
让设计中的视觉要素在整个作品中重复出现。可以重复颜色，形状，材质，空间关系，线宽，字体，大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。
对齐
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰。精巧而且清爽的外观。
亲密性
彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

Tags - 设计 , 写给大家看的设计书写给大家看的设计书 , 精要精要 ,
, , 网页设计技巧网页设计

有衬线字体与无衬线字体(serif vs sans serif)

Fri, 13 Mar 2009 01:43:26 +0000

在西方国家罗马字母阵营中，字体分为两大种类：Sans Serif和 Serif，其中 typewriter打字机体虽然也属于 Sans Serif，但由于是等宽字体，所以另外独立出 Typewriter 这一种类，例如在Web中，表示代码时常常要使用等宽字体。

Serif的意思是，在字的笔画开始及结束的地方有额外的装饰，而且笔画的粗细会因直横的不同而有不同。相反的，Sans Serif则没有这些额外的装饰，笔画粗细大致差不多。

............

学摄影也得学好Photoshop：ps高级修图欣赏

Thu, 12 Mar 2009 11:59:04 +0000

在国外摄影站上看到了一些后期处理过的成品和出机照的对比，让我很惊讶。摄影原来不只需要好的设备，ps的后期更是重要，看来想学好摄影你也得学好photoshop啊！

先来个ps磨皮处理的视频过程，这是一位17岁美国设计师在尝试了40多种不同处理方法后总结的自认为最好的磨皮方法，只用两种普通的ps技巧便能完成。

原图：

前后对比：

............

网龄9年的站长分享百度收入经验

Fri, 20 Feb 2009 06:12:42 +0000

我是一个有着9年网龄的小小站长,做站也有4-5年的历史,经历过风风雨雨.最早接触电脑我记的是在我上初一的时候,应该在1996年.那时间网吧不叫网吧,而叫电脑房!80后的应该都知道吧那时间一放学就冲到电脑房罢一台机器开始玩红警.一玩就玩一个晚上然后回去被家里人教训一番!后来到了初三,那时间可以上网了,我记的第一次上网看人家在聊QQ感觉很好奇.在旁边看了好长时间,很是佩服那家伙打字的速度!后来我自己也申请了QQ开始聊天！那时间天天就是聊天和申请QQ，我们一起玩的每人都有好几十个QQ！我到现在还在用呢！不过现在只又一个了，有像交流的可以加我哈!我的QQ号是35424 呵呵不错吧5位数的哦！一直用到今天的~后来到了高二我就开始玩起网络游戏了！玩的是传奇，大家应该都玩过吧！个人感觉传奇毒害了中国无数的青少年．．．．
............

怎样让素描作品有真实的分量感和光感

Thu, 08 Jan 2009 09:35:34 +0000

　作者：林冉CRETE，http://amana.blogbus.com。转过来收藏并学习....

　　这里，分享几条我认为重要的体会。
　　关于素描关系，怎样让作品有真实的分量感和光感。

　　关键就在用深色占据画面的大部分面积，而留下少量的灰白。这样的对比下，光感才有可能产生。因为一个很简洁的推理，现实世界最亮的不是白纸，是光。绘画世界，最亮的是白纸。所以一切自然的景物在转移到胶片或  纸面上时都要变暗来维持光所需要的对比度。

　　为了表现光就不敢用深色而把东西画的很浅，这不仅让你失去了光，也失去了物体。调子浓重是光线弱的情况，而自然中，强光是很难得  才有的，我们不是生活在光的超市或者天堂，除去疏落的灯光和偶尔  出面的太阳，我们更多的生活在由漫反射唱主角的弱光世界。面对照片或写实绘画，我们不觉得他的调子深，是因为它们所营造的整体  真实性为我们的经验所认同，认为这种光才是真实的光，出于趋光的本能  当时我们更多的只注意到光。可一旦去色，颠倒了看，你能发现周围景物为了这光的真实做出了很大的牺牲，它们的调子比你想象的要深。其实这  就是写实该有的色调。物体没有这么深，光就没有这么亮。说到底，光没  法画也不用画，因为一张空白的纸本身就是一张表现最强光源的作品，吞噬了一切内容，这就是真正的强光。所以口口声声说画光最后都是在画物体，物体真实了，光就附送了。这里顺便要提到的是，最好不要用纯白或纯黑，这都不属于真实的空间。黑个八分熟是最透气的，你不可能和对象之间不存在空间，有空间就有亮。白也是一样，明度略微降一些，沉稳一些，给色相的表现留点余地，这比起盲目的让明度飙高音要来的有品。


　　关于画影子........

............

一张照片1分钟就拥有海报效果

Thu, 30 Oct 2008 06:52:26 +0000

或许誰都想把自己的照片做成海报效果让别人去欣赏吧！？在这里你将在一分钟内实现。在这里要感谢鱼的介绍。哈哈。网址是：www.photofunia.com

看。这是我做的效果哦！

脑残大革命

Tue, 28 Oct 2008 04:56:56 +0000

flash小游戏，看看你是不是脑残哈，小心应付，有时你会觉得你输得很冤。测试你的脑残指数，有一关是测试你的视力和反应，看你是不是能够在专心的情况下，完全不受影响的选择出正确的答案。有一关是考你的算数，但是要你在规定时间内答的又快又准才可以。

Flash动画

在线播放

玩了下下，分数如下图，1760，图中那白色剪影人物代表什么？难道我就是传说中的脑残？明显记忆力不行了，出到五个我就记不住了。

Tags: 游戏游戏脑残大革命脑残大革命

心流与情感设计

Thu, 23 Oct 2008 09:35:48 +0000

我们使用软件，我们使用网站，这一切的活动事实上都是在围绕着一个东西：信息。扩展开来，我们的一切活动都是在围绕着信息做交互。所有的这些信息都能产生一些影响，但同时也带来的挑战。Simon如是说：“信息消耗是显而易见的；它消耗了受众的注意力……富载的信息导致了注意力的贫乏。” 我们为了处理信息，其实一直在消耗我们的注意力。当注意力成为了一种稀缺资源后，我们也该认真地对待它，善用它。这也是我们信息架构师和交互设计师的责任。

心理学家齐客森米哈里(Mihaly Csikszentmihalyi)将这种关注的注意力称为“精神能量 psychic energy”。就像我们日常生活中的能量一样，没有能量就没法工作，每次工作就会消耗能量。我们都应该有过这样的体验：有段时间，我们会全身心地投入到某种事情中，将我们的集中注意力完全集中在这件事情上，所谓的废寝忘食。齐客森米哈里把这个状态称为“心流 flow”。心流是：忘我、忘记时间、忘记其他所有不相关的东西，完全沉静在某项事物或情境中。就像是自己极端的专注于做某件喜欢做的事，完全没有因为迷惑、重复、繁杂的任务而引起的烦躁或无聊。关于心流的更多内容，例如心流的状态，心流的产生条件等在Jim Ramsey的Design for Flow 、JunChen的心流理论和设计和Wikipedia 上都有详细的说明。我这里就不多转载了，不过建议大家可以先阅读JunChen的心流理论和设计....
............

如何提高网页设计效率

Wed, 08 Oct 2008 12:18:15 +0000

如何提高网页设计效率
本文从三个方面着手，一个是企业网站的建设（教育政府类也归纳到企业站点里），二是小型门户站点的建设，三呢，我把平面广告设计也顺带提一点。主要还是网站。

其实企业站点的工作量并不大，相信很多有经验的同仁能够把普通企业站可能用到的栏目一口报出来。在这里我们换个角度来看待这些工作。从页面的内容构成上来针对他们进行分类：

一：首页。
这里的设计含量是最高的。工作也是最繁复的。暂且不谈设计。从ps版到html，到最后的整站。往往修改最多的就是首页了。在这里我要强调的是，从首页开始，注意使用包含文件............
............