gimsbo鞋店海报
算是素材拼凑的吧,呵呵
很多现成的素材确实能节省了很多时间,虽然出来的稿子没什么特色
Photoshop Express 开始注册了。注册后,能获得2G的图片空间。试用了一下,相当强大
也许将来根本就不需要什么桌面软件了,几乎所有的东西都可以在线完成。
https://www.photoshop.com/express/
有兴趣的体验一把
截图:
Welcome to the third year of CSS Naked Day!. The first year turned out great, and the second year even better. Now Naked Day '08 is going to push the numbers even further on April 9th
传说中的CSS裸奔节
了解网站可用性的人应该都知道,可用性其中重要的一个概念就是网站的兼容性最大化,在一些不理想的运行环境下依然能够在不影响网站的功能下正常浏览和使用你的网站。
这样是不是显得CSS特别重要呢?csser的节日么?哈哈!
哈哈,本站也裸一下!
————————分割线————————–
下面是来自淘宝UED的
你是不是已经等不及去看了淘宝的首页,没裸?当然,中国人很含蓄的,怎么能像老外一样一下子就裸了呢?除了裸,我们还讲究祼体的交互艺术:
请在首页搜索框中输入:“cssnakedday”,然后选择“成人用品/……/情趣内衣”类目,点击“搜索”。
Yeah!裸了,裸了,裸得一干二净啦!!CSS裸体节有史以来Alexa排名最高的网站裸啦!
身材好不好?有大有小,有粗有细,凹凸有致吧^_^
blueben原创,Koubei UED首发,转载请注明作者与出处,谢谢!
前言
标题有点大的,确切点说这里讨论的是“大型综合网站的设计之美”,区别于个人站点和一些SHOW类型的公司站点。
话题是前2天提到的关于站点设计的“美”的问题想到的。究竟对一个较大的综合性网站来说,如何的设计表现才算是得体、到位?如何才能算得上是一个“美”的站点?
本文分3个部分:
首先大致分析下各方面对设计(部门)的诉求是什么;
然后再回头看看,对于这些诉求,究竟什么才是“美”,和我们原本想象的有没有差别;
最后,结合目前实际,给出几条粗浅的见解,如何成就网站设计之美;
对美的需求
OK,设计之美,什么是设计之美呢?还是先从各方面对美的诉求开始简单看一下吧
·商业设计服务于商业目标
在所有的诉求之前,有一条商业设计基本定律,即一切商业设计服务于商业目标的诉求。这是最基本也是最核心的。但是说起来简单,理解执行彻底却不是那么容易。有的时候,对于一些问题,我们如果冷静下,回到初始状态来仔细想一想,我们为什么要(给一个站点/项目)做设计,就能得到答案了。
·内容之美
请问有多少访问GOOGLE的用户是为了欣赏它的美丽的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也仅是很少的特别用户,例如设计师。这类站点吸引人的地方并不是它们的设计,它们不因为美而闻名。它们因为功能而受欢迎,因为新鲜的内容而受关注。这也是基本定律之一。没有人会仅仅为了吸收美丽的版面设计而常来TAOBAO或者口碑,用户来是因为站点满足了他们某方面的需求。当然,也存在那种很大程度上依赖外观来吸引人的产品,APPLE是一个神话,但那种创新的勇气和魄力绝对不是一般其他公司所能比的。
·视觉与情感
对访问者来说,在使用产品或者满足其需求的同时,如果能操作更简单、流程更顺利、视觉感受到的东西和当时内容表现的情感能相互烘托,而带来某种额外的满足或者心情的愉悦,那么,也可以看作是对美的一种潜在需求。
·效率之美
这点是从公司运行的层面来看的,即保证有限资源在流程中不成为项目的瓶颈,用最少的资源达到较优的效果。时间管理的培训中曾提到,往往花20%的时间就能完成80%的事情,而剩下的20%的事情,却要用80%的时间来完成。效率之美,在于它的过程,不影响整体流程进度、节省资源,同时也就能有更多的精力投入到更需要的、更重要的地方去(例如用户体验研究)。
什么是美
简单的(很可能是还不够全面的)了解了一下各个方面对美的诉求,让我们再回头看看,对一个大型综合类站点来说,究竟什么才是设计之美。
·简单or繁复
这个有点TO BE or NOT TO BE的味道,简单呢?还是繁复?貌似很难回答。当把这个问题带到一个实际项目中去的时候,就更难客观把握。OK,我们刚刚了解过美的诉求,现在不妨带入这里看一下。第一条,不管简单还是繁复,应当以商业需求为目的。恩,不过貌似并没有解决问题,再看。第2条,需要显现出(这里没有使用“突出”这个词,因为这个动词往往被理解为“用设计上的着重表现手法使其明显”)内容和功能,并不一定要设计得很复杂,只要内容和功能能显现并被正确使用和理解就好了。再看第3条,在不影响内容和功能使用的基础上,能额外的带给用户情感的愉悦。最后,要开发、维护成本低。
看起来有矛盾的地方,但是基本还是很清楚的:
1、最基本的,站点的表现(叫设计也好,叫修饰也好),应该以能条理清晰的展现内容、准确无误的引导使用功能为准。
如果太过简陋,条理不清晰,糊在一起,则设计不够;如果设计成分,如标题栏背景、装饰图片等吸引了注意力,影响了对内容本身的注意,则设计太过。
2、在完成以上最基本的诉求之后,可以适当的点睛之笔来满足视觉和情感上的诉求。但是忌多忌滥忌喧兵夺主忌为了设计而设计。
一个页面,在1-2处以精致的图标或者小创意为着色点,可以极尽发挥,生动有趣、酷眩动人,不影响其他内容的理解和阅读,又让整个页面生动活泼、不失风味。但是千万不能说为了这里要好看,所以就生硬的找几个地方浓墨重彩。相反,修饰应该都是带有目的性的,为什么要修饰它,为什么要这么修饰,都是有讲究的。
3、有的时候,商业需求需要做一些特殊的调整,例如活动和专题类,或者一些需要强烈引导的地方,可以做适当的调整。但是要注意适度。
活动和专题是最简单直接的商业需求,对设计往往有特殊的不同要求,这里就是需要设计大力泼洒的地方,可以和主站有所不同。这时候就不应拘束,要放开手脚以取得特殊需求下的效果最大化。收就要收的严实、彻底、无缝可钻,放也要放的彻底、自如,这样才相得益彰。
4、优化流程和规范,提高适用和复用性,一方面满足了整站风格统一的需求,另外也满足了效率的诉求。
另外,无意中发现,上面说的几点貌似和现在的2。0设计风格相吻合,也许正是“理论联系实际”?~:)
·比美更美——体验与交互设计
设计之美,终究也只是“看起来很美”,比美更“美”的,是过程之美、交互之美。
就像人一样,外表只是表面,交互和体验就像一个人的言谈举止、待人接物。比外表更能打动人的,是内心。哪怕如上面所说,站点的设计成分减少到足够少,甚至简陋的少(像GOOGLE?)但是每一个链接、每一个点击、每一步操作都是经过缜密思考,让用户握着鼠标都觉得软绵绵的,心里飘然的柔软起来,那也是一种深刻的印象,就如同一个人的声音和气味,能给你更多的愉悦一样。那不是不能做到的,只是需要大量的努力罢了。
如何成就网站设计之美
上面说了什么是美,那么结合目前的情况,如何实现呢?
·在一切开始之前
中文在准确性上确实稍微欠缺,这条如果叫before all就更确切了。一方面,是在谈其他的之前,另一方面,它是基础,最重要的。
其实很简单一句话,一个臭鸡蛋,即使画上再漂亮的外壳,也依然是一个臭鸡蛋。
很多时候,设计都是从信息结构和页面框架圈定了之后开始的,而在做信息结构的时候,由于没有去考虑所谓“和谐、统一、美”的问题,往往就把设计圈在一个尴尬的境地。
在做设计之前,请完善站点的信息结构吧!出色的信息结构即使不加任何设计,也绝对很漂亮。一个糟糕的信息结构(商业需求会要求糟糕的信息结构吗?它为什么会存在呢?)即使用浓重的设计加以改善和弥补,也一定是会漏洞百出、矛盾不断的。所以,虽然设计是用来解决问题的,但是它不是狗皮膏药,哪里都管的。遇到什么矛盾的东西都想通过设计来处理的方法是简单粗暴的。遇到这类问题的时候,除了看看设计上能否优化之外,信息结构方面是否已经优化清晰了呢?是否是因为信息结构的矛盾而导致了设计的问题?而就经验来看,信息结构的矛盾,往往都会带来逻辑上的漏洞,也就是说,线上产品的使用逻辑和线下积累的同类操作的逻辑是不同甚至抵触的。这对用户认知和体验的影响可想而知。
总之,它很重要,请不要把它和设计割裂开。
·一个点or每个点
上面其实已经稍微提及了这个问题。一个点or每个点。这个是我在看某个类似门户的页面的时候想到的问题。我看着那页面问自己,WHAT‘S THE POINT?WHAT DO U WANT TO SAY?呱啦呱啦呱啦呱啦~~~~它一直在说,但是SORRY,我真的不知道你在说什么。你满屏都是文字,每个标题栏颜色都很显眼,这很好理解,但是我该从哪里开始呢?哪里才是重点呢?下面的图可能能帮你理解我的意思
·给我内容!
让我看到我要的内容!让我顺畅的使用我要的功能!别遮蔽它们,别让它们陷在一堆浓重又无关的装饰图片里面找不着,被让他们的颜色那么刺眼,别让什么你认为很重要的东西打扰我,即使你有一堆我根本不想听的理由。而且,别让我思考,这2个看起来一样的东西到底该点哪一个,也别让我琢磨你那一句话里的那么多深刻含义!
·规范与开放
此规范非彼规范。并不是站点风格规范的问题。
规范,对一些我们无法控制和预知的内容,在信息结构的时候就要准备好相应的规范规则。尽量减少后期的维护成本,也避免人为犯错的几率。
另一方面,也现实中的情况一样,对于一些无法掌控的东西,宜疏不宜堵,如果我们无法改变世界,那就改变我们吧。改变我们的信息组织方式,更加开放灵活,不再那么呆板刻薄,无论10个中文字也好、100个中文也好、100个英文也好,都能显示的很好,那么撑开啊,变形啊,截断啊,隐藏啊,这些麻烦都不再存在。
例如:以前网页很多都是框架限定好的,局限性很大。但是BLOG呢,很自由,你爱写多长写多长,都不会出现变形,多长都可以接受,省去了很多麻烦。
·执行
最后,也是很重要的一点。无论如何,站点的统一、整齐都是最重要的。
所以无论用哪种方式、哪种风格,一定要能拍板,彻底的的执行,统一才有可能实现。现行方案即使有不足的地方,后期的修改需要经过大家讨论通过后再进行。如果一直等待一个完美方案的出现,那恐怕是永远也只有等着了。
浅陋的见解,希望能抛砖引玉! 欢迎补充与交流!:)
联系我:blue.ben[at]163.com;MSN:blueben@sohu.com;Blog:www.blueben.cn
blueben原创,Koubei UED首发,转载请注明作者与出处,谢谢!
这篇文章已经被孙振耀本人证实为伪文,但是这不影响文章本身的精彩,对于职业规划,对待工作的态度,等等都不无裨益
一、关于工作与生活
我有个有趣的观察,外企公司多的是25-35岁的白领,40 岁以上的员工很少,二三十岁的外企员工是意气风发的,但外企公司40岁附近的经理人是很尴尬的。我见过的40岁附近的外企经理人大多在一直跳槽,最后大多 跳到民企,比方说,唐骏。外企员工的成功很大程度上是公司的成功,并非个人的成功,西门子的确比国美大,但并不代表西门子中国经理比国美的老板强,甚至可 以说差得很远。而进外企的人往往并不能很早理解这一点,把自己的成功90%归功于自己的能力,实际上,外企公司随便换个中国区总经理并不会给业绩带来什么 了不起的影响。好了问题来了,当这些经理人40多岁了,他们的薪资要求变得很高,而他们的才能其实又不是那么出众,作为外企公司的老板,你会怎么选择?有 的是只要不高薪水的,要出位的精明强干精力冲沛的年轻人,有的是,为什么还要用你?
从上面这个例子,其实可以看到我们的工作轨迹,二三十岁的 时候,生活的压力还比较小,身体还比较好,上面的父母身体还好,下面又没有孩子,不用还房贷,也没有孩子要上大学,当个外企小白领还是很光鲜的,挣得不多 也够花了。但是人终归要结婚生子,终归会老,到了40岁,父母老了,要看病要吃药,要有人看护,自己要还房贷,要过基本体面的生活,要养小孩……那个时候 需要挣多少钱才够花才重要。所以,看待工作,眼光要放远一点,一时的谁高谁低并不能说明什么。
从这个角度上来说,我不太赞成过于关注第一份工 作的薪水,更没有必要攀比第一份工作的薪水,这在刚刚出校园的学生中间是很常见的。正常人大概要工作35年,这好比是一场马拉松比赛,和真正的马拉松比赛 不同的是,这次比赛没有职业选手,每个人都只有一次机会。要知到,有很多人甚至坚持不到终点,大多数人最后是走到终点的,只有少数人是跑过终点的,因此在 刚开始的时候,去抢领先的位置并没有太大的意义。刚进社会的时候如果进500强公司,大概能拿到3k-6k/月的工资,有些特别技术的人才可能可以到8k /月,可问题是,5年以后拿多少?估计5k-10k了不起了。起点虽然高,但增幅有限,而且,后面的年轻人追赶的压力越来越大。
我前两天问我的一个销售,你会的这些东西一个新人2年就都学会了,但新人所要求的薪水却只是你的一半,到时候,你怎么办?
职业生涯就像一场体育比赛,有初赛、复赛、决赛。初赛的时候大家都刚刚进社会,大多数都是实力一般的人,这时候努力一点认真一点很快就能让人脱颖而出, 于是有的人二十多岁做了经理,有的人迟些也终于赢得了初赛,三十多岁成了经理。然后是复赛,能参加复赛的都是赢得初赛的,每个人都有些能耐,在聪明才智上 都不成问题,这个时候再想要胜出就不那么容易了,单靠一点点努力和认真还不够,要有很强的坚忍精神,要懂得靠团队的力量,要懂得收服人心,要有长远的眼光……
看上去赢得复赛并不容易,但,还不是那么难。因为这个世界的规律就是给人一点成功的同时让人骄傲自满,刚刚赢得初赛的人往往不知道自己 赢得的仅仅是初赛,有了一点小小的成绩大多数人都会骄傲自满起来,认为自己已经懂得了全部,不需要再努力再学习了,他们会认为之所以不能再进一步已经不是 自己的原因了。虽然他们仍然不好对付,但是他们没有耐性,没有容人的度量,更没有清晰长远的目光。就像一只愤怒的斗牛,虽然猛烈,最终是会败的,而赢得复 赛的人则象斗牛士一样,不急不躁,跟随着自己的节拍,慢慢耗尽对手的耐心和体力。赢得了复赛以后,大约已经是一位很了不起的职业经理人了,当上了中小公司 的总经理,大公司的副总经理,主管着每年几千万乃至几亿的生意。
最终的决赛来了,说实话我自己都还没有赢得决赛,因此对于决赛的决胜因素也只 能凭自己的猜测而已,这个时候的输赢或许就像武侠小说里写得那样,大家都是高手,只能等待对方犯错了,要想轻易击败对手是不可能的,除了使上浑身解数,还 需要一点运气和时间。世界的规律依然发挥着作用,赢得复赛的人已经不只是骄傲自满了,他们往往刚愎自用,听不进去别人的话,有些人的脾气变得暴躁,心情变 得浮躁,身体变得糟糕,他们最大的敌人就是他们自己,在决赛中要做的只是不被自己击败,等着别人被自己击败。这和体育比赛是一样的,最后高手之间的比赛, 就看谁失误少谁就赢得了决赛。
阅读全文…
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。
Very excellent webmaster club www.caifuw.com
如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用
是一样的。
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
Div+CSS标准的优点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.结构清晰,容易被搜索引擎搜索到,天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
6.提高易用性。使用CSS可以结构化HTML,例如:
标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
11.Table 布局灵活性不大,你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
13.Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
16.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
近期评论