1、SEO优化:DIV+CSSSEO(Search Engine Optimization),汉译为搜索引擎优化,为近年来较为流行的网络营销方式,主要目的是增加特定关键字的曝光率以增加网站的能见度,进而增加销售的机会。分为站外 SEO 和站内 SEO 两种.SEO 的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页进行相关的优化,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。SEO 是通过采用易于搜索引擎索引的合理手段,使网站对用户和搜索引擎更友好(Search Engine Friend
2、ly),从而更容易被搜索引擎收录及优先排序。搜索引擎优化是一种搜索引擎营销指导思想,而不仅仅是对百度和 google 等的排名。搜索引擎优化工作贯穿网站策划、建设、维护全过程的每个细节,值得网站设计、开发和推广的每个参与人员了解其职责对于 SEO 效果的意义。SEO 仅仅只是网络营销的一种手段,一定不要为了 SEO 而 SEO。现在业界比较普遍的看法是 UE(用户体验)第一 SEO 第二,最终达到 UE 与 SEO的统一。因为搜索引擎最终的意愿是尊重用户的选择,也就是用户觉得好的网站排在前列!所以学习 SEO 的最终目的是忘记 SEO 。从用户体验的角度 来看看 SEO 的大势所趋这次给大家介
3、绍的是我对“用户体验”与搜索引擎排名之间的关系的一些观点。因为时间关系,可能文章的某些句子不通顺,请各位见谅,文章内容均为本人猜测,不保证为正确观点。在 SEO 中常常会提及到用户体验优化这个概念,什么是用户体验优化呢?简单点说就是通过优化网页让网页更适合用户使用。我记得一开始接触“用户体验”这个概念的时候满不以为然,什么叫做用户体验?百度能知道你的网站受不受用户欢迎?搜索引擎只是机器而已,它能懂什么啊?但是经过几个月的观察和学习,我发觉事情并不是这样的。这里我们回归到最原始的一点去思考问题,搜索引擎的初衷是什么?搜索引擎就是要给出用户想要的网站,用户喜欢的网站。那么无可厚非,一个用户体验好的
4、网站理应是受欢迎的,既然受用户的欢迎那么排在前面那是应该的。架设两个网站内容上差别不大,一个网站弹窗 N 个,另外一个网站界面干净,你说搜索引擎会喜欢那个网站。ok,说了这么多废话,我想你应该认同我的观点了吧,一个网站的用户体验指标确实会影响网站排名。但是搜索引擎是怎样知道一个网站受不受用户欢迎的呢?这里主要有两个指标:1、PV 跟独立访客比, 2、网站停留时间。如果 pv 跟独立访客之比越小,网站停留时间越短,间接的可以说明这个网站不受用户喜欢。接下来有是另外一个问题,怎样去获得一个网站的 pv 和独立访客比以及用户停留时间呢?这里以 google 为例,google 的产品已经非常丰富了,
5、这里罗列一些可以收集用户信息的产品(当然只是我的猜想) ,google adsense 、Google Analytics、google 浏览器、还有我下面会说的 google toolbar。或许上面的部分只是我的猜想,请继续看我下面的信息,一下文字截取至安装 google toolbar 的过程中请认真阅读:这些内容十分重要如果您使用工具栏的某些高级功能,那么您所访问的网站的相关信息可能会发送给 Google。例如,为了让 PageRank 功能向您提供关于网站的更多信息,工具栏需要向我们发送网址来告知我们您所访问的网站。如果您启用了网络历史记录等一些根据搜索和浏览记录提供服务的 Goog
6、le 功能,那么 PageRank 发送的网址也会用于这些服务。任何涉及个人身份的信息都受 Google 隐私政策的约束。有关工具栏隐私保护的详情,请参阅工具栏隐私政策。相信你看到“那么您所访问的网站的相关信息可能会发送给 Google“这句话的时候已经开始相信了吧。至于百度,暂时只想到百度工具栏,百度主题推广。接下来,你肯定会说,装 google toolbar 和百度工具栏的人毕竟是少数啊?关于这个问题,我觉得可以参考 alexa排名,之前看过一些前辈是这么介绍 alexa 排名的,只有装了 alexa 工具栏的人访问了网站才能为 alexa 提高有效的参考数据,然后更具 alexa 更具
7、装 alexa 工具栏的人在所有上网的人数的比例去转换,最后得出估计的流量。只要数量足够,完全可以当做参考数据。当我领悟到这一点之后,在建立新站的时候,我就开始越来越注重网站的整体设计以及用户体验了。经过几个月的排名升降洗礼,我越来越认识到用户体验的重要性,还有一个没有权重的新站不要 SEO 的太明显,适当即可,不然排名上去了也是很容易掉下来的。搜索引擎的算法在不断进步,SEOer 想要跟上步伐只能从搜索引擎最根本的初衷出发去思考问题。注意搜索引擎优化 SEO 的几点忌讳SEO 必须掌握好度,优化得不够,则效果不理想,优化过度,则会被搜索引擎惩罚。其中的技巧,我不甚了解,不过因多次被搜索引擎惩
8、罚,我也逐渐发现了一些优化的忌讳。一、标题网站的页面标题是经常会被一些客户堆切了很多的关键词,而网页标题恰恰是搜索引擎十分看重的一块地方,堆切了很多相关或者不相关的关键词,很容易就给搜索引擎的算法判断成这个网站存在作弊行为,最后导致搜索引擎封杀站点。标题针对关键词的写法上,建议一个网页对应 1-2 个关键词即可,网页的正文内容要与网页标题的主题高度吻合。网页标题切忌频繁更改。一个不稳定的网站,百度是不会喜欢的,在建站之初,就应该把网站的各个细节都考虑好,一旦建立,便不再轻易更改。二、采集搜索引擎是喜新厌旧的,如果一个网站的内容都是在网络上高度重复的,那么排名绝对不会好,采集的网站百度会收,但是
9、收录后会被慢慢的 k 掉,而且很少会给改过自新的机会,哪怕之后天天更新原创文章,也无济于事。但是这并不意味着不可以采集,我们可以针对采集来的文章做一些更改,比如替换内容、更改标题等。三、内部链接很多的 SEO 工程师都知道,一个网站中有某些网页的权重特别高,喜欢在权重高的网页上堆切大量的关键词链接。不可否认,在权重高的网站页面上加重点的关键词链接对目标关键词的搜索引擎排名提升会起到帮助,但是在权重高的网页堆积了过量的关键词链接,也会被搜索引擎处罚。建议对于高权重的网页放置重点目标关键词链接,不要超过 10 个,而且这些链接放置的位置也是相当重要!四、keywords 和 description
10、一些刚接触 SEO 的朋友,很喜欢在 keywords 和 description 标签的内容里,堆积一大堆的相关关键词。关于 keywords 和 description 标签在搜索引擎优化中的作用,基本上被主流的搜索引擎算法降低为 0 或者非常低。在 keywords 和 description 上堆积关键词的优化方法,只会起到负面的搜索引擎优化反应。搜索引擎根据什么条件去判断一个网站是否存在 SEO SPAM,虽说我们没有得到官方权威的信息。但是我们依然可以根据实践经验,得到一些重要的信息。不要刻意强调搜索引擎优化技术中某个环节的重要,要讲求平衡。所以,自然的搜索引擎优化才不会出现 SE
11、O 过度的问题。对于 SEO 过度的问题,还有一个重要的问题需要说明,搜索引擎处罚网站的方式,不一定就是直接封杀网站,也有可能是降低网站排名或者降低权重。这些处罚的轻重会根据网站SEO 过度的程度而定。SEO 必须要有一个好心态,不可太急躁。尤其百度对新站收录极慢,一个针对百度优化的新站,必须做好打持久战的准备。搜索引擎为何会受到欢迎,就是因为用户能在上面找到需要的东西,而搜索引擎对网站的要求也同样如此,做 SEO 要多站在用户的角度考虑,搜索引擎的算法是经常改进的,作弊的网站,就算能一时得逞,但终有一天,会被 k 掉。所以,在网站制作过程中,应该多了解 SEO 的忌讳,避免触底线。六方面谈
12、SEO 常用的优化技巧今天和大家简单谈一些咱们在网站优化中的常用技巧。主要是六个方面:标签,关键字的比例,蜘蛛的抓取页面的方向,图片的 ALt 属性,关键字的位置和链接的锚文本。标签对于 Keywords 和 Description 标签在咱们书写的时候,咱们可以选择将相同的内容文本在书写,经过测试这种效果还算不错。当然了咱们还可以有意的把 keywords 中的关键词放在 Description 标签里面,特别是标签的开头位置。( 因为关键字越往前,权重越高),当然了要是重复出现就更好了。但是这里咱们得提醒一下,如果咱们要是优化百度,那么重复的次数就别太多了,反之如果咱们主要是针对谷歌的话,
13、那多重复几次更好。最后咱们还得提醒一些朋友注意,在 Keywords 和 Description 两个标签中咱们尽量避免出现and/or/the 这样的单词。关键词的比例可能很多朋友都知道在一个页面中关键词的比例最好是保持在 7%8%之间,但是这里庸人提醒大家千万不要有意的去把关键字的比例提升的太高(这里包括两个方面:Keywords-weight(关键字在页面中出现的次数);Keywords-density(关键字和页面中其它单词的比值)。原因就很简单了,因为咱们如果刻意的把这个比例提高,反而会被搜索引擎认为咱们是在对其关键字(Keywords-stuffing),进而引来搜索引擎对咱们的惩
14、罚。当然了还有一些朋友在页面中关键词往往都只能达到 1%2%,说实话这个其实也无所谓的,因为只要咱们不是高于 8%,首先就保证了搜索引擎不把咱们当做作弊,那么剩下的咱们就可以通过其他的方式来弥补。毕竟这里在网站的整个优化过程中权重是有限的。蜘蛛在抓取页面时的方向作为 seo 咱们应该知道,搜索引擎侍从网站的左边到网站的右边,再从网站的上方到网站下方。当然在此咱们也个得提一下,一般情况下蜘蛛对先从网站中抓取的 100 个词的权重是最高的。所以在这里咱们如何书写和排列关键字就显得比较重要了。所以要求咱们尽量书写 keywords 和 Description 的时候在文章中应该放在中间,甚至得网页下
15、方,总之千万别放在页面的左侧。图片的 Alt 属性咱们应该都知道蜘蛛是不能直接识别图片的。这里咱们就必须使用 alt 属性了,因为alt 属性不仅能帮助蜘蛛来识别图片,同时也是蜘蛛识别咱们网页图片的唯一方法了。同时合理的使用 alt 属性,也能提高一下咱们关键词在页面的比例。关键字的位置如果站点是关于某个主题的,那么主要的观点或者说关键字应该出现在文章的开始,并贯穿全文,然后在结尾结论时突出。如果已经将导航链接和 javascript 放在页面的底部,我们可以在 html 结束之前放上相关的文本。比如,你可以通过将关键字放在页面的版权声明中来将关键字放在页面的底部。链接的锚文本如果搜索引擎发现
16、有很多链接使用相同的文本却指向同一个站点,那么它可能就会判断这个站点是和这个关键字相关的,那么在其它人使用这个关键字搜索时就会把这个站点作为结果之一。通常很少有人会注意到去利用链接的文本。不过要注意,这个方法不要使用在互惠链接交换当中,相反在互惠链接交换当中要使用相关但是不相同的文本来做同一个链接的文本。CSS+DIV 网站优化(seo)1) 一个网站要有好的 seo 优化效果,建议先使用一套标准化的 css+div 布局网站,注意语义标签的使用;2) 网站完工后要向各大搜索引擎网站登陆然后向 Google 提交 sitemap;3) 增加网站有权重的连接,多交一些好的友情链接;4) 写好网站
17、的 robots.txt ;5) 在关键字的地方使用标签定义,例如在主关键字用、次关键字用 .;6) 在 后面要加上 title 标签,里面内容是你所要优化的关键字,img 标签中加入描述,可以适当添加关键字;7) 结合网站优化的一系列工具来查看优化的情况,根据这些数据来改进你的优化;8) 再根据平时做网站优化的经验,结合 Google 和百度 seo 优化技巧来优化自己的网站.网站整体的优化规则 一、网站优化的基本思想 1、对用户的优化以用户的需求为导向来设计网站的导航栏。用户可以方便的浏览网站的信息,使用网站的服务。2、对网络环境(搜索引擎等)的优化从网站的架构到网页的标题和标签的设计,以
18、及网站布局和层级的深度、网页的动静态来整体优化网站。3、对网站维护的优化对网站维护的优化是为了便于网站日常的更新维护,改版升级,便于获得和管理注册用户资源,充分体现网站的网络营销功能,使得各种网络营销方法发挥最大的效果。二、网站整体优化的基本要素1、网站结构的设计合理:最多不超过 3 层。2、网站信息有效:网站要经常更新。3、网页下载速度快:网页的图片和 FLASH 尽量少用,网页大小要有所控制。4、网站简单易用,尤其是要注意导航栏方便。5、设计一个网站地图。6、网站链接有效:不能有死链接。7、用户注册/退出方便。8、为每个网页设计一个合适的标题。9、设计合理的标签中的关键词和网站描述。10、
19、尽量采用静态网页,至少保证包含网站重要信息的页面为静态页面。三、网站架构及页面具体优化方面(1)对用户的优化1、注册:会员注册越简单越好。2、交易流程:操作简单,易用,交易方便。3、交互:很容易跟网站相互沟通。(2)网站架构及页面的优化1、网站目录:网站目录最好不要超过 3 层,那样有利于搜索引擎网络蜘蛛抓取。2、网站页面:网站的前几级页面最好是静态页面,如果是动态的最好通过技术手段将动态的转变成静态的页面。这样做也是有利于网络蜘蛛抓取页面。3、导航:主导航条要醒目,清晰,而且最好采用文本链接,少采用图片。4、路径:采用层层递进的路径,并且每个路径加上链接。有利于网络蜘蛛快速找到相关的页面。5
20、、首页突出重要内容:除了主栏目,还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现,以突出重点。6、使用网站地图:多采用文本链接,不用或少用修饰性图片,以加快页面加载速度。需要注意,网站地图也要突出重点,尽量给出主干性内容及链接,而不是所有细枝末节。一页内不适宜放太多链接。Google 明确提出“如果网站地图上的链接超过大约 100 个,则最好将网站地图拆成多个网页” 。7、图像优化:一般而言,搜索引擎只识读文本内容,对图像是不可见的。同时图像文件直接延缓页面加载时间,如果超过 20 秒网站还不能加载,用户和搜索引擎极有可能离开你的网站。因此,除非你的网站内容是图片为主,比如游
21、戏站点或者图片至关重要,否则尽量避免使用大图片,更不要采用纯图像制作网页。每个图像标签中都有 ALT 属性,搜索引擎会读取该属性以了解图像的信息。因此,最好在所有插图的 ALT 属性中都有文字描述,并带上该页关键字在其中。总体上,网页应尽量减少装饰性图片以及大图片和 falsh。而 Alt属性中的文字对搜索引擎来说,其重要性比正文内容的文字要低。8、网页减肥:一个页面的文件大小在 15K 左右,最好不要超过 50K。9、网页标题和标签的设计:标题:title 简短精炼,高度概括,含有关键词,而不是只有一个公司名。但关键词不宜过多,不要超过 3 个词组。企业网站的 title 通常以公司名+关键
22、词为内容;前几个词对搜索引擎最重要,因此关键词位置尽量靠前;最好将 title 组织成符合语法结构和阅读习惯的短句或短语,避免无意义的词组罗列式 title。关键词:尽量使用网页出现内容的关键词。 (关键词的选择另行说明)描述:描述中包含关键词,与正文内容相关,文字不要超过 200 字。10、网站站内交叉链接:在你的网站之内,高质量的内容之间互相链接起来,尤其对 Google 来说,基于共同内容的相互链接对在你的网站之内分享 PR是非常重要的11、网站导出链接:网站的导出链接尽量采用文本,文本内包含网站的关键词。12、网站友情链接:网站对外友情链接最好使用文本形式,文本中包含网站的关键词。四、
23、网站维护优化1、网站内容的更新:在网站后台设置便于网站前台内容的更新。2、网站会员资料的收集:在网站后台设置有利于收集网站会员资料的功能,以利于以后开展会员制营销。3、网站广告位:网站在后台应该有一个广告位管理系统,以便于在前台开展各种广告宣传。4、网站统计工具:网站最好后台安装一个统计工具,推荐 51la 统计工具。便于分析网站营销效果和监测网站流量。谈谈百度的优化与降权百度的这次大规模更新,相信是几家欢喜几家忧。文章出处:标准之路(http:/)更新后有很多网站获得了不错的排名,但是也有不少网站被降权甚至被 K。今天群里有位朋友告诉我,自己的网站被百度降权,因为他的主关键词根本没有排名,且
24、没有任何来自百度的流量。今天对朋友的站是否真的被降权暂且不提,先说一下百度的反 SPAM 标准吧。我记得以前百度是公开反 SPAM 原则的,但是昨天忽然发现这个标准已经被关闭,或许是因为百度算法调整后,反 SPAM 原则更改的原因吧。SPAM 的原意是指垃圾邮件,引申在搜索引擎方面就是对搜索引擎的欺骗行为了。反 SPAM 就是为了 User experience(用户体验) ,百度的标准是,用户体验高于一切,其他任何 SPAM 行为都将遭到封杀。我们做 SEO 的原则并不是为了排名而做,而是更好的提高用户体验,好的用户体验自然会受到百度的喜欢,这也就是我几天前一篇文章里所说过的 UCD。我们在
25、做网站的时候,一定要把用户体验放在第一位,百度蜘蛛也是特殊的访客,你不能忽视他的感受。在反 SPAM 工作中,蜘蛛自动识别和人工识别是相辅相成的,首先会由蜘蛛判断出你的网站是否有 SPAM 行为,如果有,你的网址就会被列入 SPAM 数据库,然后再由人工复审你的网站,但是你要知道,百度的工作人员再多,也多不过海量的网页搜索次数,所以这里就一定会有误差,一般蜘蛛判断出你的网站有刻意欺骗搜索引擎的行为时,工作人员就很少复查了,带来的结果就是网站被降权甚至直接被 K。那么什么才算是 SPAM 呢?简单来说,过分的 SEO 优化都可能导致网站被降权。现在的站长都很聪明,很少有人再去做几年前那样的关键词
26、堆积等傻行为。不过百度可以从另外的方面查出你是否作弊,如果你的网站被降权,首先检查你的网站是不是有关键字堆砌,无关关键字,恶意转接等方式,另外不要随意更换你的 title,关键词。有很多站长说,我的描述可以换吧,因为现在很多人都说描述百度已经不关注了,可是我的意见是,既然没有用,百度就不会去索引你的描述,也不会要求你写上 description,因此,这些东西在建站之初就要考虑好,千万不能说换就换,这对网站,尤其是权重很低的新站来说是及其危险的行为。另外,外界盛传百度对域名也会有三六九等,比如 CN 域名权值低等,这我倒觉得有可能,因为 CN 域名一元风暴刮起后,成千上万的垃圾站涌向网络,对于
27、这样的情况,百度自然会做出相关的策略。不过并不是所有的域名都会被鄙视,只要你的站建的有根据,且文章原创多,没有错链接、空连接等,百度一定会对你的站刮目相看。另外最近我还发现一个奇怪的现象,貌似百度对域名注册时的 domain 信息好像也有关注,朋友说可能被降权的站 http:/ ,注册信息是 Registrant organization: XX 公司,Registrant Name: 张三, Administrative email: ,假如我的判断没有错,百度真的在意这个信息的话,那这样的注册信息无疑会提高你被降权的机率。还有一条就是新站建立后频繁的向搜索引擎提交,一般搜索引擎,尤其是百度
28、规定一个月内只能提交一次,更不能多个同站页面多次向百度提交,这都会遭到搜索引擎的反感,从而导致降权,我在前段时间解答一位朋友的问题时说过,新站建立成功后,不要主动提交给百度等搜索引擎,找个高质量的外链,不超过三天你的站自然会被收录。如果以上的这些你都没有做过,那就有可能是百度的“连坐措施”了,假如你的站链接了一个作弊的网站,而这个站被 K 后,搜索引擎可能会被认为是你在辅助这个站作弊,因此你的站也会受到牵连,解决办法只有一个,赶紧取消这个链接,然后语意诚恳的写信给百度管理员,请他复查。不过如果你没有链接作弊站,而作弊站单方链接到你这边,那没关系,也不会收到牵连。百度是非常注重你的站的实际价值的
29、,过量的新闻采集也会导致网站被降权,做一个网站,哪怕信息很少,但是每一篇都是原创,那你的站权重一定低不到那里去的。有些网上的资料是这样写的1.百度首先看中的是内文关键词密度和分布。与其他搜索引擎不同的是,百度更喜欢关键词密度较高,关键词位置较集中的页面2.baidu 没有放弃 title 标签,但已经放弃 keywords 和 description。title 标签的位置和长度对搜索结果有较大影响:title 长度越短越好【不鼓励在每个标题后加网站名字或关键词组】关键词在 title 中越靠前越好。3.页内链接带有与页面 title 相同的 title 提示,十分有利于提高页面权重我敢说这都
30、是误导,从第一条说起。关键词密度高,就容易造成关键词堆砌,百度自然会认为你的网站是 SPAM,关键词更要平均分布,并不是集中就好,我在解答一些朋友的问题时,曾经反复说过一句话:“有始有终” ,关键词也是这样,不能单单关注搜索引擎先去看的左部上方,而是这个页面都要平均分配关键词的位置。不是说头部做了一堆关键词,尾部一个关键词都没有。第二条:一般来说,titile 的前七个字是权重最高的,因此建议把主关键词放在前七个字,而 keywords 更不可能为放弃,没有了 keyword,百度怎么知道你的网站是要描述什么东西?description 虽然盛传已经被放弃,但是经过我的一些实验发现,descr
31、iption 依然是有效的,有很多网站都在收录后,显示的是 description 内容,例如打开网址http:/ spider 喜欢,这样对收录数量有一定好处。表格的嵌套问题很多 SEOer 在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider 爬行 Table 布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。使用 Table 布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider 爬行时跳过了这一段没有抓取到页面的核心,这个页面就
32、成了相似页面。网站中过多的相似页面会影响排名及域名信任度。而 DIV+CSS 布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认,但还是建议使用 Table 布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer 们在文章中说明了这一点,相信他们也不是没有依据的。速度问题DIV+CSS 布局较 Table 布局减少了页面代码,加载速度得到很大的提高,这在 spider 爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider 就会认为这个页面无法访问,影响收录及权重。另一方面,真正的 SEOer 不只是为了追求收录、排名,
33、快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。对排名的影响基于 XTHML 标准的 DIV+CSS 布局,一般在设计完成后会尽可能的完善到能通过 W3C 验证。截止目前没有搜索引擎表示排名规则会倾向于符合 W3C 标准的网站或页面,但事实证明使用 XTHML 架构的网站排名状况一般都不错。这一点或许会有争议,但樂思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。我想,这样的情况可能不是排名规则,最大的可能还是 spider 爬行网站时,出现以上差异导致收录质量的不同。毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择 DI
34、V+CSS 布局为好。视觉冲击力形成的几种构成方式NO.1:页面构图图形的层次性 图形和元素之间的层次感,可以达到一种在干扰视觉的同时(我们所说的这种视觉干扰就是在分散欣赏者多余视线的同时,更能注意到这一设计的主题上,为这种干扰方式所产生的图形是这个主题的辅助图形)突出自身所想体现的主题,这种表现方式往往是比较直接而且有效的方式。就如下面我引用的这个图形,图形中那些不规则的半透明元素、光线、数字、方块、以及那些放大了的机器人构成了一定的纵深感和层次性,这写元素在分散视线的同时又将欣赏者的视线集中到了中心的 GUNDAM Death Scythe 和下方的机器人身上.(这种设计方式是现在比较多见
35、的一种设计方式。因为大多数的人都觉得比较 COOL 吧. NO.2:页面上构图的视觉线牵引利用色彩或者元素来牵引欣赏者的视觉,让欣赏者随着设计师的的思维去思考和观看作品,而现在存在的大多数作品都是运用点、线、面来引导,以图行和元素出现的引导方式的作品比较少见。就像下面的这个图形,视觉的中心是中间的那一条白色的色块,及当中的文字,而在上下的张图片的交接处出现的那条蓝色的线段,就在牵引欣赏者的视觉移动到图形中的文字和其他的小的图形上。 NO.3:色彩诱导、 (1,色彩对比、色彩互补、色彩分散)NO.4:明暗诱导、利用由光感折射、光感捕捉、动态光感及明暗差异性的一些共性来衬(运用图一来解释)NO.5
36、:瞬间捕捉、利用眼睛感官的瞬间接受、来捕捉视觉点NO.6:抓突破点、靠突破图形图象本身的视觉平衡点来达到视觉要求运用图片素材的本身来寻找设计的突破点,依据图形自身所产生的空间感,光感,等一些突出的地方,来加以利用,从而突出设计的主题。如图 图中的电梯产生了强烈的空间感,稍加修饰一张好的平面作品就问世了。在如图片的右下角的那张图片所产生的广告和空间感。 NO.7:比例大小、 (依据事物本身的比例关系,在等比的关系上追求视觉上的平衡关系、突破事物本身的等比关系,进而推出自身的视觉重点以求突破)就如一些夸张漫画那样,一个大头小身子的人物形象,一种夸张的歪曲正常比例的方式,在不经意间往往能收来奇效NO
37、.8:依据欣赏者的接受能力,及平常所说的感情,利用平时生活的一些元素,充分考虑欣赏者对图形的认可能力,以自然美及突破普通接受能力的残酷美来打动欣赏者的情感, 以获得人们对图形的记忆。(这我就不多说了) NO.9:视觉幻象、利用视觉幻象得空间感来突出整体设计的视觉中心。NO.10: 利用抽象的表现方式在下面的俩副作品中,作者抽象的运用的色块来代表海水及陆地,运用色彩的对比突出主题的同时,也起到了一定的娱乐性,这样的作品容易让人有好感,而且比较不容易忘记。什么是 UIUI 的本意是用户界面,是英文 User 和 interface 的缩写。从字面上看是用户与界面 2 个组成部分,但实际上还包括用户
38、与界面之间的交互关系,所以这样可分为 3 个方向,他们分别是:用户研究、交互设计、界面设计。1 用户研究。用户研究包含两个方面:一是可用性工程学(usability Engineering) ,研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法(consumer insight) 。所以有:Usability is all about making things easier to use so people can focus more on the work and less on the t
39、ools that help them do the work.用户研究是一个跨学科的专业,涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品,站在用户的角度介入到产品的开发和设计中。用户研究通过对于用户的工作环境、产品的使用习惯等研究,使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去,从而帮助企业完善产品设计或者探索一个新产品概念。他是得到用户需求和反馈的途径,也是检验界面与交互设计是否合理的重要标准。2 交互设计。这部分指人与机之间的交互工程,在过去交互设计也由程序员来做,其实
40、程序员擅长编码,而不善于与最终用户交互。所以,很多的软件虽然功能比较齐全,但是交互方面设计很粗糙,繁琐难用,学习困难。使用这样的软件后,不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业,这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科,也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解,使计算机真正成为方便地为人类服务的工具。3 界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工” 。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好
41、美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。画好线框图的 20 个步骤对于任何一个开发项目来说最大的错误可能就是没有计划。最近,有些人认为开始前无需计划,一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使
42、用的程序的第一步。本文将要带你了解线框图整个的流程;包括涉及参与人员,工具等,以便您能够更好的制作计划。1)了解自己的目标作为一个开发人员我想大家都有马上坐下来开始编码的冲动。通常最初的想法都很简单,那么你真的可以坐下直接开始吗?答案是否定的,项目很少有那么简单的,任何有经验的人都知道这样做将会有 很多这样的那样的问题等着你。一个线框图可以有效的提供您的工作效率。修改计划内容远比在工作开始后在更正要来得更容易。这个过程也有助于对项目更深的理解。事先作出计划,提出问题、意见,以便解决问题。最终制定一个工作计划,规划设计者,开发者,工程师以及项目经理各自的工作内容,并且要保证各个环节的配合。2)重
43、功能,轻外观计划展示的效果不同主要体现在所采用工具的多样性。其实从根本上说都是介绍有关功能部分的应用,例如,一个网页将有 3 个文本框和 2 个按钮。 这是功能而不是形式。在 Howard Baines 我们严格按照这一原则进行,并且我们的线框图只包括一些功能要素(线框,按钮,下拉菜单等) 。我们忽略任何视觉和布局的东西。其他人可能会做的更多一些,包括了布局和其他视觉的元素。这取决于你自己。3)积累自身经验并不一定要求您具备设计和开发的能力,而需要的是在网页应用或者网站上的经验。当然经验越丰富越好,并且你不需去理解关系型数据库只要画线框。4)确定负责人确保有人对整个计划负责。他们负责跟进和管理
44、反馈,变化等。如果一个项目,那么通常负责人是发起人,因为他们更清楚目标所在。如果为客户提供服务,我们将会负责计划的进程。不管是谁,只要有人负责。5)涉及每个人也许不是第一次会议,必须在纸上锁定一个简单的方案并且是涉及关键利益者的想法。很少,参与的人们加快设计进程。同时,线框图的开发涉及你的团队和客户团队。例如,你正在用你现有的数据库整合你的应用程序或者网站,然后确保数据库所有者可以检测所有数据库中的数据字段在你把他们加入到你的线框之前。收集用户的传真号码如果无处存放是不好的。同水平的设计师对用户体验有很好的理解,并且在早期流动时会存在潜在的问题。6)完成期限预先留出时间和交付期限,对保持项目运
45、行是非常重要的。最初线框图会议可以是一天或是几天,具体取决于应用程序的大小,但都需设定一个时期并且坚持下去。会后按记录跟进,以保持项目进程。7)保持清洁如果一个特别的网页要求两个文本框和一个按钮,那么只要有这些即可,不多不少。8)避免设计的线框图太多线框图只要阐述如何达到所需功能,不包括任何介绍和设计的内容。应尽量避免任何有关设计的内容,这样很容易分散客户的注意力。例如:为了更生动而增加一些蓝色,那么有可能需要半小时的时间 去解释关于蓝色的用意。这些设计的内容应该是设计师的工作。9)记住用户界面不是用户体验想一些使用的介绍方法是极其诱人,比如 AJAX。注意:线框图是关于功能元素而不是方案展示
46、或者互动的方法。为了更直观的展示应用,应尽量避免AJAX,应侧重于线框图。10)想想用户这是很显然的,但是在规划线框图过程中还是很容易忽略这一点。我们的重点是功能,但是同样要考虑用户的体验。例如,如果你做了一个三页长的注册表单,可能发现很多人都是无法完成的。11)不要懒惰我们常听到:登陆页面是简单,可以不用写在线框图内。确保线框图包含计划的所有内容。在项目的末尾你应该有一个详细的说明。每一步都不应被忽略。12)将线框图分成几个部分一个网站地图或者应用被经常分为几个部分,比如新闻,产品,和用户账户。这样做更容易理解。13)页面的数量一个网页的应用往往包含了若干程序;结算就是一个很好的例子。通常是
47、线性的,但是有时用户会选择不同步骤,例如跳过一步。显然你文档中的一些页面和页面中的标签(例如点击按钮)让用户跳转。14)重复性应用中的一致性可以有效地帮助用户,开发和设计者。组的重复元素是一件好事。例如,无论用户输入一个地址,将会是同样的地方在同样的命令。在规划线框图时就可以将其表示出来。15)全部检查是有意义的最终文档应该让任何人都能简单的操作。如果只是一个开发可以理解你的线框图,那么肯定是有问题的。最后问一下对这个项目什么都没有做的人,他们是否能理解。16)广告也是功能很多网站都有收费广告,这可能和 google 的广告一样简单,但他是功能而不是设计,所以也包括在内。17)这不仅仅是公开网
48、站很多网站有一个管理区域用来管理内容,浏览注册用户概况,重设密码等。这个功能许多人都用不到,但是也很重要。很多时候这可能包含一些不公开的数据(例如用户账户启用按钮) 。这对于开发在设计数据库时是很重要的信息。18)知道什么时候结束确保所有的利益相关者有机会去给反馈,但不把这种锻炼成画西斯廷教堂。通常情况下,可以说三步就能把工作确定下来。第一,把想法写在纸上;第二,从其他人那里得到反馈意见,比如,开发和设计者;第三定稿。19)选择正确的工具用纸和笔比用电脑更能抓住你的想法和创意。一旦你开始设计你的文档我们建议使用你更喜欢的工具。例如,开发者可以用 Microsoft Visio,项目经理用 Po
49、werPoint,设计者用 AdobeFireworks。我认为线框图应该是一篇文档而不仅仅是交互交流(像设计,可能被分散注意力)因此设计 html 可能不是最好的。有很多线框图的工具,例如 Balsamiq 提供环境帮助很快的增加和自定义普遍的界面元素。他们可以给它一个手绘的感觉,提供一个视觉工具而不是真正开始的设计。20)考虑相依性每个人都知道一个购物车的流程是什么吧?因此很容易画成线框图并且放在一边。如果你用第三方支付工具例如 PayPal?那么也许影响部分网站的工作。研究相依性,做出相应的修改。这在开始时更容易做到。希望这篇文章可以提供一个清晰的画线框的思路,谁参与,如何完成,工具如何使用,最后的输出怎么样。最终的事情是,好的完整的线框可以节省你的时间。用户体验设计一 、 什 么 是 用 户 体 验 设 计 ? 用 户 体 验 设 计 的 名 词 解 释用 户 体 验 ( User Experience, 简 称 UE) 是 一 种 纯 主 观 的 在 用 户 使 用 一 个 产 品 (服 务 ) 的 过 程 中 建 立 起 来 的 心 理 感 受 。 因 为 它 是 纯 主 观 的 , 就 带 有