《阿里系的中国雅虎首页浅谈网页设计【最新8篇】》

《阿里系的中国雅虎首页浅谈网页设计【最新8篇】》由精心整编，希望在【雅虎首页】的写作上带给您相应的帮助与启发。

谈新版豆瓣的“首页”标签问题网页设计 1

当我开始设计一个网站，通常是向后制作的，我最开始设计的是站中最细微的部分：一个故事描述的页面或是一个搜索的结果页。然后我开始设计容纳这些细小部分的页面：索引或是页面集中的区域。接下来所要做的就是最后的步骤——首页。

我之所以这样制作的原因是每个容纳页面都需要有预期加入的适当内容。如果首页表达的是一件事，但扩展开的页却是描述了别的内容那就会误导使用者。

这还意味着，当你的工作转移到首页的时候，大量的任务已经完成。所有制作上的顾虑都来到了头部——在首页上（简单的讲，在制作首页时已经是整个网站制作的收尾工作了）

公司站点的首页得多花点心思。首页是你给别人的第一印象。就如一句老话，你只能得到一次机会。所以首页得有一套独特的设计目标

在我进入目标前，这还有一些有趣的现象。每个我所工作过的站点都有惊人相似的流量趋势，而且还有一点是特别突出的。还记得我前面所提到的那写最细小最底层的元素吗？这就最基础的元素——在一个新闻站上它就是详细的新闻内容页，搜索引擎中它就是结果的显示页，在产品目录中它就是详细产品页。这类页占整个站点中所有浏览页的60%到75%。其余的就归首页了。

这并不是说首页不重要——第一印象是非常重要的。但你看看数量就会发现这些底层元素是多么的庞大。

就是说，让我们观察呈现独特性首页的挑战。要记住，我所提到的首页是指在任何。com上存在的首页。第一页就好比是你家的前大门一样。

任何首页都应该具备以下四个要求（真正优秀首页应该达到的目标）：

目标1：回答这个问题，“这是什么地方？”

就是这个，不论是什么网站这都是首先要完成的任务。如果你忽略了它那就意味着你将访问者遗弃在混乱中。

一位新到的访问者首先会做的事就是从并不熟悉的站点上得到这个答案。如果站点不能成功地在几秒内完成这个任务，就会使访问者无语（就是这个“.......”），然后就是离开并再也不会回头访问了，

当你遇到某人给你的感觉像个蠢货的时候你会怎么做？你还会要想到再去粘着这个人吗？

这就是关于制造良好第一印象的全部

别不好意思去用那些老掉牙的话：“我们是谁，和这是关于什么的。”然后连接到一些更唠叨的关于页面或是浏览页。这样，需要这类帮助的人就有了去向。注意你使用的文字要让读者感觉到是重要的。

当然要避免过于罗嗦。让你的文字举足轻重。但解释必须出现在页面的顶部——这是你得到回头客的重要办法。

公司尝试做新的事物前有些事是特别重要的。像Google之所有可以不用在首页上不加任何说明是因为几乎人人都会使用它。但这只是个例外。如果你正在做一些新东西，有些时候你只要做下简单的解释就行，像：Flock是一款免费的，并且是开放源码的WEB浏览器。

如果第一次来你站点的人不能在首页三秒内明白这是什么样的站点，第一个目标你就失败了，只有人们知道这是什么站点才会使用它。

目标2：不要让访问者反复走老路

第二个目标是为那些已经知道他们在做什么的人而准备的。这些用户就和你一样，他们是站点的熟客。

要达成前两个目标有个很好的技术——让页面的一部分区域动态化。这个区域可以给新来的访问者显示解释信息。当用户一旦登陆或就会用其它信息来替换它。

Flickr很好的体现了这个方法，给不同的用户（登陆过的、没登陆过的）提供了完全不一样的首页。。。

目标3：展示更新内容

当你开始面对目标三的时候，你已经提供给所有用户（新手或老手）所需要的，祝贺你，现在所有的用户都在同一页面上了（对站点认识都一样了）！现在是时候让他们知道站内的新加内容。

有很多站点都做到了第一和第二目标。但一旦用户在阅读方向上出现麻烦时意味着你少做了些事：更新部分。作为站长你当然比访问者了解你的站点，所以做他们的导游吧。给点地方推荐，注释哪些是新内容。Blog在这方面做的很出色

目标4：提供一致，可靠的导航系统

这是全站都应该达到的目标（不光是首页），放在这的原因是希望你能将首页显示的导航带到所有的页面上，比如在尾部有六个连接，那这六个连接应该在每个页面的底部出现。

阿里雅虎解读支付宝协议：未来或在中国上市 2

新版的豆瓣希望在架构上做一些调整，但是想得还不够透彻，并且在细节处理上还比较混乱，

今天在新版的使用中又发现一个问题：

【实际场景】

====================================================

用户在我的友邻广播中看见了一个朋友读了本书，点击书过去以后，上面的标签跳到了【豆瓣读书】，但是差异很小，不明显。页面上的主导航变成了读书的导航。

用户发现整个页面都变了，刚才的导航条不见了。

他很难在第一时间注意到上方的标签跳到了【豆瓣读书】，因为太不明显了。

两个主导航唯一相同的标签是：首页

点击首页，不是回到刚才的地方。

用户除了点击“浏览器”的返回，还能做什么吗？

这条路，他可不敢再走了。

【问题】

====================================================

每个大的频道里面都有相同的”首页“标签，但是其实每个”首页“指向的地方是各个频道的首页，都不一样。也就是说，一个同样的标签，指向了不同的页面。

这在设计复杂网站的标签系统时候，是需要避免的一个重要问题。

“首页”这个标签尤其要慎用。

【首页是个逃生门】

====================================================

对于一个复杂系统的网站，”首页“这个标签有它特殊的意义，对于大部分的新用户来说十分重要：

新用户很容易在网站中迷失，这个时候，”首页“是一个重启清零回归到起点的逃生门(escape door)功能，

”首页“就像iPhone的Home键盘，是一个可以随时回到原点的重要标签。

越是复杂的系统，越需要有一个可以明确标明随时复原的地方。

这样即使用户在网站中迷失，他也不会产生太大的恐惧感，因为至少他知道，门就在身后。

【解决】

====================================================

比较合适的做法，每个频道的首页链接标签应该为这个频道的名称，比如“豆瓣社区”或者“豆瓣读书”。

如果都是比较平行的系统，那么或者提供在平行系统首页间的快速导航，并且导航需要明确标识现在的位置，否则用户很难理解系统间的关系。

总得来说，新版豆瓣的问题，还是出在信息架构的标签和导航上。

每个标签究竟叫什么，是需要进一步认真思考的问题。

至于再上一层，究竟把这个以用户为中心建立的庞大系统硬生生的拆分成几个部分合适不合适，就是战略层的问题了。

同样的标签，不同的页面指向

本文来自

Tudou.com首页网页设计的制作方法 3

做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西，下面以 的首页为例，总结总结。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。一、框架页面的框架基本上都是：“头”、“主体&r

做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。下面以 的首页为例，总结总结。

就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。

一、框架

页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如，由于布局的需要，还应在“头”的下面还要加个“菜单”，

二、布局（以下用#ID表示页面元素）

#Head和#Foot里的就不说了，具体查看演示页面源码。

布局说的是将#Main里的内容分成几大块。我们看，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图

三、模块

布局#Layout_1，#Layout_2里的块就是模块了，

按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。

关于模块的ID名称，要取个有意义的名字，当然偷懒的可以用#Col_1，#Col_2，。。。

模块的Class名称用。cols_1，.cols_2，。。。

模块内部的如下图：

上一页12 下一页

为什么首页最后设计网页设计 4

在我做过的N多项目中，基本都有个跑不开的怪圈——首页很难设计，根据进度安排，首页必须按时出来，不然没法review，也没法测试。于是，首页只能在后续工作中不断的redesign。而且我发现，往往都是必须整个产品结束之后，首页调整才算完成。

仔细思考，为什么网站需要首页？因为内容需要索引，任务需要入口。在任何角度，首页都是贯穿整个体系的中心点，牵一发而动全身。或许，此话题得放大到改版来看。

六年前为赚零花钱，经常接到类似“重新设计XX网站首页”的私活。能做的事情，无非就是根据已有内容调调布局、板块，优化字体、行距等现在看来纯属“信息设计”范畴的小问题。虽然没受过专业训练，自己专业知识结合个人审美，但也比很多“设计师”做的出色。

四年前做业内某互动娱乐门户网站，三个月之内进行了三次大改版。结果是一次不如一次，究其原� 改首页的确容易出“政绩”，但改动频繁对用户来说却是场灾难，搞不好还以为走错、或者网站出啥事儿了。

任何改版都会产生数据震荡，这是因为受用户习惯的影响，短暂周期内用户有点不适合。但如果是好的改版，数据应该在两周内恢复，并且能看到逐步提升的趋势。首页所放内容应该保证宁缺勿滥，慢慢补充总比来回折腾好，切忌先入为主制定“规范”。具体原因，可参考对比暗示中的观点“大改时，用户会重点看哪些改的不错；小改时，用户会更关注哪些还需要再改。”

因此，改版是动作越轻、动静越小对用户影响越少。全站改版应该遵从“自下而上”原则，先从结构最基础的功能开始，首页最后；单页改版应该遵从“由内而外”原则，先从结构最里边的小模块开始，页面布局最后，

如下观点大家都不陌生，但陈旧思路也不是完全错误：

“首页风格定下来，全站就好做了。”

是这样么？完全不是。但这个出发点犯了“以风格为中心”的错误。因为用户首先要的并不是风格，而是信息和内容。首页需要放的内容一定提取自各下级组织单元，在整个信息结构基础不牢靠前提下诞生的首页，生命周期可想而知。

“首页是用户看到的第一个页面，马虎不得。”

是这样么？不一定是。得根据不同类型产品来具体分析，比如走媒体路线的新闻资讯网站，走商务路线的百货卖场网站，首页都很重要，但大多访问量肯定来自最底层的内容和商品信息页面。提供服务的产品不同，比如有隐私性质的邮箱，最重要肯定就只有首页的登录。

“首页设计最能反映web设计师的水准。”

是这样么？的确是。因为做好首页的前提是做好全站，同时，设计师必须精准把握传达点，引导不同任务行为流。首页只是默认进入页面的代称，与叫index,default的传统一样，但不同类型产品需要突出不同侧重点。比如，登录框直接放首页，还是只链接引导？具体情况需要具体分析。再比如，我固执的认为直接介绍就是个人网站最好的首页，没必要再“关于”自己。

本文来自p=6132

Tudou.com首页网页设计的制作方法 5

【搜狐IT消息】7月30日消息，阿里巴巴集团、雅虎和软银昨晚宣布，就支付宝股权转让事件正式签署协议，支付宝的控股公司承诺在上市时，给予 阿里巴巴集团相当于支付宝在上市时总市值的37.5%（以IPO价为准）的一次性回报，回报额将不低于20亿美元且不超过60亿美元，

随后，雅虎首席财务官蒂姆·莫尔斯（Tim Morse）、阿里巴巴集团首席财务官兼董事蔡崇信及软银总裁罗恩·费希尔（Ron Fisher）召开电话会议，对协议加以进一步阐释，并回答分析师提问。受相关的证券法限制，罗恩并未本会议上发表言论。

以下为阐述环节实录：

莫尔斯：我们三人高兴地宣布，我们就支付宝事宜达成了正式协议。协议遵循此前各方面就达成共识的两个基本原则：首先是维护淘宝的价值；其次是确 保阿里巴巴集团就支付宝的价值获得合理补偿。下面请蔡先生简要介绍本协议的基本条款，陈述阶段完成后，我和蔡先生将回答投资者和分析师的提问。

蔡崇信：我们已成功地对支付宝进行了重组，并获得了中国人民银行的支付牌照，这将使支付宝得以继续支持阿里巴巴的发展。

详加介绍这个复杂的多方协议之前，我想先简要介绍下阿里巴巴集团和支付宝，因为对许多美国投资者来说它们的知名度不算高。

阿里巴巴集团是一家领先的电子商务公司，主要在中国经营业务，旗下有多个重要部门，包括公开上市B2B子公司阿里巴巴，以及淘宝公司，后者又包 括C2C市场和网络商城，是中国服务于消费者的最大电子商务企业。过去几年来，这些业务的增长速度很快，阿里巴巴集团迅速增长的一大因素就是在线支付平台 支付宝提供的支持，淘宝用户可以便捷地用支付宝完成交易，这是淘宝迅速增长的关键因素之一。

如今，为淘宝提供无缝体验和支付支持是支付宝的主要使命，因此，支付宝现在只是略有盈利，支付宝处理的支付中绝大多数都来自淘宝平台。过去几年 来，支付宝开始在中国支持第三方支付，我 以去年为例，支付宝来自淘宝之外的收入不到 6000万美元。

我们今天宣布的协议对阿里巴巴集团有利，对支付宝也有利，它使包括淘宝在内的阿里巴巴集团继续以优惠条件享受支付宝的支持；支付宝将继续获得阿 里巴巴集团的知识产权、专有知识和软件支持。该业务还鼓励支付宝大力发展第三方业务，如果支付宝获得成功，除了为支付宝本身创造大量价值外，还能为阿里巴 巴集团的股东创造价值。

我来简要介绍一下协议内容，雅虎已经公开提交了协议的主要内容。随后我会请莫尔斯从他的角度来谈谈该协议；尽管费希尔不能在此发表言论，他的出席表达了软银对该协议的支持，我对他表现感谢。

正如莫尔斯所说，我们与雅虎和软银就支付宝重组进行的谈判基于两大原则：确保支付宝和淘宝的关系结构可以维持淘宝的价值，从而确保阿里巴巴集团 的价值；其次，阿里巴巴集团就支付宝获得合理补偿。我们认为，本协议满足了上述两大原则，同样重要的是，协议三方对此都表示满意。

协议的细节如下：

1.为了维护淘宝现有的价值，我们同意：支付宝将继续以优惠条件向淘宝和其他阿里巴巴集团旗下的公司提供支付服务，这将维持现有的安排，并维护 此种关系对淘宝的价值。此种关系既包含C2C淘宝市场，也包含B2C淘宝商城。因此，阿里巴巴集团及其股东可以免因两家公司之间商业安排变化而遭致价值减 损。

2.协议的第二部分以略微复杂的方式尝试对支付宝进行精确估值，我们必须考虑支付宝的当前、持续和长期价值。

就当前价值而言，阿里巴巴集团将获得额度为5亿美元的无息本票，该本票以阿里巴巴管理层提供的股票作为担保。

就持续价值而言，阿里巴巴集团将授权支付宝及其子公司使用其知识产权和其他技术，并提供软件服务；在变现事件发生前，支付宝将为此向阿里巴巴集 团支付许可费用和服务费，该项费用最初相当于支付宝及其子公司税前利润的49.9%，这确保阿里巴巴集团从支付宝持续获得的利润中得到分成，同时使支付宝 保持独立公司地位，还表明支付宝将就阿里巴巴集团的知识产权和其他科技向其提供合理回报。

就支付宝将来或许能靠非淘宝业务取得的长期价值，阿里巴巴集团将在支付宝上市或以其他方式变现时，获得不少于20亿美元，不多于60亿美元的补 偿，该金额包括刚才提到的5亿美元本票。协议中还就支付宝在规定时间内未发生变现时如何保护阿里巴巴集团的利益作出了规定。阿里巴巴集团在支付宝变现时获 得的具体收益，以支付宝变现时的总市值乘以37.5%得出，并受上述20-60亿美元范围限制。

3.作为协议的一部分，阿里巴巴集团和支付宝将不会互相竞争。

本次宣布的协议是阿里巴巴管理层、雅虎与软银经过严肃的建设性协商得出的，我

今天出席的包括两位股东，有请莫尔斯从阿里巴巴集团股东的角度来谈谈该协议的收获。

莫尔斯：我认为有必要强调该协议是在阿里巴巴集团与支付宝之间达成的，目前雅虎和软银并不会受到直接财务影响，当然，两家大股东都会从阿里巴巴集团价值的保持和最大化中获利。从雅虎的角度来看，我们对该协议表示满意，它符合我们在5月25日投资者日概括的两大原则。

我来谈谈该协议为何对阿里巴巴集团有利：

首先，支付宝当前价值中的绝大部分，都来自其向淘宝提供的价值，阿里巴巴集团继续享有这些价值。正如蔡先生所说，淘宝之外的业务仍处于发展初期。

其次，随着支付宝淘宝之外的业务发展，在财务上的意义增强，阿里巴巴集团将持续分享这些业务创造的价值。当然，阿里巴巴集团最终获得的收益取决 于管理层价值创造努力的效果，及任何形式变现行为的成功程度。我

开始问答环节之前，我想感谢所有参与谈判的方面，他们为此付出了大量努力，并尽力及时达成协议。我们了解投资者迫切期待该事件迅速解决，但该安 排的复杂性不容低估，或许最重要的是，我们各重要利益相关方能够走到一起，为确保阿里巴巴集团的持续成功而进行合作，对此我们非常满意。

以下为问答环节摘录：

Jefferies & Co.分析师：能否谈谈支付宝的估值是如何得出的？协议中提及的20-60亿美元暗示对支付宝的估值约为50-160亿美元。为何要设定金额上限？为何没有提及淘宝将来的变现事件？

莫尔斯：该协议是各方积极谈判的结果，我想首先指出，维护淘宝与支付宝现在的关系及该关系的价值，是最重要的目标，这也是现在大部分价值所在。 至于与20-60亿美元相关的第三方业务的价值，这取决于多个将来的事件，该金额是考虑多个复杂因素得出的。由于设定了20亿美元的下限，设定一个上限也 是合情合理的，我

分析师：为何没有提及淘宝将来的变现事件？

蔡崇信：很多人都在谈淘宝的变现，我们阿里巴巴集团反而从来没这么说过。我们从来没说过淘宝会进行表现，淘宝是个迅速发展、经营良好的公司，但为了长远发展，我们尚不讨论淘宝的变现。不过，我们也曾说过，将来不排除整个阿里巴巴集团进行变现的可能性，

麦格理证券分析师：巴茨和马云怎么没来参加该会议？关于60亿美元这个上限，阿里巴巴集团原来100%拥有支付宝，为什么还要设定上限呢？如果只是为了牌照，为何经济利益也发生了变化？

莫尔斯：巴茨和马云都充分参与了整个谈判过程，但我 除刚才所说的之外，我没有多少可补充的，我重申维 护淘宝的价值是我们的最重要、最优先的目标，而且支付宝淘宝之外的业务还处于发展初期，我们需要考虑多种复杂因素，决定如何分享此种价值。这包括利润分 享，还包括在变现事件发生时的最少20亿美元，如果淘宝外业务创造的价值特别多，则利润与风险分担略有不同，但这正是我们致力于取得的平衡。

蔡崇信：我们对阿里巴巴进行重组是因为中国人民银行要求，要获得支付牌照，支付宝必须以完全内资的身份申请，不能有外国股东，这是个必须了解的 事实。在这些情况下，我们必须进行极为复杂的重组，既满足监管部门的需求，又确保阿里巴巴集团股东的利益得到保障。您说阿里巴巴集团过去100%拥有支付 宝，这没错，可如果支付宝无法获得牌照，那就是100%的“0”，没有任何价值。我

巴克莱资本分析师：关于支付宝的变现时机有什么具体规定吗？

蔡崇信：根据我们该协议的架构，支付宝将以非常优惠的条件全力支持淘宝，因此要为支付宝自身创造价值，我们必须在淘宝之外打造大量业务。因此， 现在想象支付宝的变现还为时过早，不过，尽管淘宝在电子商务界占领先地位，但考虑到中国市场的规模，仍有其他许多电子商务网站，支付宝愿意与其合作。随着 我们发展淘宝之外的业务，支付宝将来可能有其他价值，但现在就想象支付宝上市还为时过早。

分析师：关于5亿美元的本票，能否谈谈更多细节？

莫尔斯：通过该本票，我们希望保证相对尽早有现金回流到阿里巴巴。因为正如蔡崇信所说，上市等变现事件的时机难以预测，支付宝非淘宝业务将如何发展还有待观察，无法确定时机，而我们希望至少能尽早使阿里巴巴集团获得一些回流资金。这就是设定本票条款的思路。

蔡崇信：该本票确保阿里巴巴集团从即日起就提前获得一些价值，尽管这不是现金，它仍然从即日起就有价值。考虑到变现时支付的款项需基于未来的价值确定，是因情况而异的，而本票使阿里巴巴集团通过谈判提前获得一些价值，并确保接管支付宝的管理层也承担一些风险。

摩根大通分析师：阿里巴巴集团之前全资控股支付宝，现在却只能在支付宝上市时获得其37.5%市值，如果你是雅虎股东或者说阿里巴巴股东，怎么能保证这样的事情不在淘宝身上重演？

蔡崇信：关于支付宝的监管环境是非常特殊的，因为它属于支付业务，我们必须了解， 将网络支付看作金融体系的重要组成部分，因此对支付业 务的外国股权作了严格限制。这不意味着同样的严格限制与要求也会加诸于其他互联网业务，淘宝从事的是电子商务，在监管上不那么敏感。如果你观察其他中国上 市企业，包括搜索、内容与通讯企业，它们都运营得很好，在监管环境下如鱼得水。在任何市场上都有监管风险，但作为阿里巴巴集团管理层，我们对中国市场的长 期发展非常有信心，因此承担这种风险是有价值的。

花旗银行分析师：在可预见的将来，支付宝的利润是否会超过“略有盈利”？

蔡崇信：现在预测支付宝将来的盈利状况还为时过早。正如我此前所说，现在支付宝的多数收入都来自与淘宝的伙伴关系，而根据协议确定的架构，淘宝 以非常有利的条件享受支付服务，这维护的淘宝的价值，而不是让支付宝拿走淘宝的价值。支付宝未来的盈利能力很难预测，因为它必须在淘宝之外发展业务，这取 决于支付宝的战略及其执行等因素。

分析师：关于对雅虎的影响，如果支付宝变现为阿里巴巴集团带来20亿美元收入，其中雅虎是否可获得40%？

莫尔斯：你算得没错，我们约拥有阿里巴巴集团40%股权。但正如我刚才所说，这协议的双方是阿里巴巴和支付宝，我不希望给你留下20亿美元或其 他金额的变现后支付款项中，立即会有40%拿出来分给雅虎的印象，因为这些收益如何将来如何使用尚未可知。我这么看待该问题，该价值流向阿里巴巴集团，而 我们占有阿里巴巴集团约40%股权。

分析师：阿里巴巴集团总流通股份有多少？

蔡崇信：大概有25亿股。

分析师：请谈谈“优惠条件”的具体含义，支付宝不向淘宝上收取交易费？

蔡崇信：淘宝有自己的盈利模式，通过多种不同模式向商家收费，包括交易费和付费搜索等。但商家在淘宝上使用支付宝是免费的，商家� 可是，提供此种支付服务是有成本的，该服务由支付宝提供，所以淘宝需要向支付宝支付手续费，以保证支付宝持续提供支付服务，支持淘宝商家。也就是 说，淘宝不向商家收取支付手续费，却向支付宝支付该费用，可以说是淘宝在补贴商家，这对商家非常有利，是淘宝吸引商家，帮助他们高性价比地销售商品的重要 方法之一。

分析师：这些“优惠条件”是否与支付宝还是阿里巴巴集团一部分时的条件相同？如果有变化的话，相比以前的情况，对哪方面更有利了？

莫尔斯：与过去一样。

分析师：在监管方面，是否仍有什么不确定性？

蔡崇信：监管方面没什么不确定性了，支付宝完成股权重组后，已于五月份获得了支付牌照。

分析师：淘宝与支付宝之间的优惠条件是否是无期限的？

莫尔斯：双方协议期限是50年，此后自动续期50年，因此期限非常长。

分析师：您刚才提到支付宝非淘宝的收入不到6000万美元，那能否谈谈从淘宝获得的收入？

蔡崇信：我不便透露具体数据，但支付宝现在的大多数收入都来自淘宝。

Pacific Crest分析师：支付宝向阿里巴巴集团分享利润的条款，分成比例是固定在近50%，还是随时间变化？

蔡崇信：利润分享最初是49.99%，这是考虑到阿里巴巴集团提供的知识产权、其他技术和软件服务，该比例现在是固定的，但正如8-K文件所示，如果支付宝从第三方募集资金，那该比例可以调整，这就像是股权被稀释。但是，分成比例最低是30%，不能稀释到30%以下。

分析师：考虑到对外资股权的限制，支付宝的IPO如何进行？

蔡崇信：支付宝现在是100%由中国境内股东持有，中国也有资本市场，因此如果要IPO，那很可能在中国市场进行。

分析师：变现事件发生后，利润分享条款是否会有变化？

莫尔斯：是的，变现事件发生后，利润分享条款即停止效力。

分析师：管理层拿出了5000万股担保本票，而你们刚才提到阿里巴巴集团共有25亿股份，也就是说用于担保的是2%股权，而本票金额是5亿美元，5亿美元除以2%得出250亿美元，这是否反映了管理层对阿里巴巴集团的估值？

莫尔斯：我们只是希望用足够的股份进行担保，对此不宜想得太深。

德意志银行分析师：支付宝与阿里巴巴集团的经济关系会改变吗？马云新开发的业务和理念，会归属于阿里巴巴集团还是支付宝？

蔡崇信：双方的经济关系不会改变，专门设计来维护淘宝的价值。至于新商业理念，我们认为阿里巴巴集团是个颇具创新能力的公司，总是有新点子，例 如，我们本周稍早些时候发布了阿里云手机，该业务就是在阿里巴巴集团内进行的。我们新推出的任何业务都会置于阿里巴巴集团旗下，支付宝仅限于中国支付业 务，支付宝与阿里巴巴集团达成了竞业避止协议，不会对阿里巴巴集团的业务形成挑战。而阿里巴巴集团的业务可以定义为除网络支付外的一切互联网业务。（黄兴 宇）

阿里系的中国雅虎首页浅谈网页设计 6

自从8月11日阿里巴巴宣布收购雅虎中国的全部资产后，做为阿里巴巴集团的创始人马云心里盘算的事应该是如何把雅虎中虎整合进阿里巴巴这个大家族，而非如外界所传的打造中国互联网最大的搜索平台，事实上只要有Google跟Baidu在，雅虎中国就不可能成为中国互联网最大的搜索平台。所以如何把雅虎中国溶入到阿里巴巴这个大家族中，以达到双方资源的最大化相互利用，成了阿里巴巴收购雅虎中国后最核心的问题。到5月15日，“雅虎中国”正式改名为“中国雅虎”，似乎已经有脱离雅虎总部的倾向，有着更进一下的本地化操作。7月9日，中国雅虎新版上线，中国雅虎开始溶入阿里巴巴大家族，中国雅虎溶入了口碑网的生活服务，携着综合门户的资源优势强势进军生活服务领域。

用户初次访问新版的中国雅虎首页时，所能感受到的最大变化并非是首页结构与栏目的改变，而是首页色调风格的改变。中国雅虎新首页换上了阿里系的橙色风格，这对于一直以来以浅灰色为主色调的中国雅虎来说，无疑是一次巨大的改变。

中国雅虎新首页的结构从原来的三栏改成了两栏结构，栏目分类更加清晰；字体大小也提高了一个型号，更利于阅读，

然而其中栏目之中的大小字号混杂却是一个让人不解之处，这一点与搜狐一样。

中国雅虎旧首页有一些可供用户自定义的设置，诸如窄屏宽屏切换、页面色调更换等在新首页中都未曾保留，对于越来越崇尚个性化的网�

相较于其他综合门户的首页改版缩短整个页面的高度而言，中国雅虎新首页的高度不但没有缩短，反而比旧首页的高度更高，在1024*768分辨率有着将近5屏之高！加上上一点提到的去掉自定义设置，中国雅虎新首页的设计有种逆向而行的感觉。

在中国雅虎正式推出新首页之前，曾放出过一个测试版的新首页，这个测试首页在没有更改整体风格色调的前提下对栏目结构进行了优化，并且整合进了口碑网的生活服务。相较于新首页而言，这个测试版的首页应该更接近用户心中中国雅虎新首页的形像。

曾经的中国雅虎首页，左侧的“雅虎服务”导航是我很喜欢的一个设计，现在已�

来自

三言两语：美国雅虎首页改版网页设计 7

昨天美国雅虎正式宣布网站首页的新版，这也算互联网一件大事，尤其是对设计的朋友们，而且现在的美国雅虎的情况也不是很好的情况下有大刀阔斧的进行改版，也算是要有一些魄力了。其实这次新版早在几个月前就已经在某位同行的博客中透露出来，不过当时没有过多注意。昨天宣布正式改版以后，上去逛了一圈，才仔细的研究了一下。总体的评价就是这次的改版就相当于Vista到Win7，也就是说内核不变，但是在交互和体验上下功夫。

1.布局

新版的布局和旧版的布局，几乎没有任何区别，顶部搜索框，左侧导航，中间重要新闻资讯。主要是右侧，新版去掉了很鸡肋的个人信息区块，把登录信息放到了顶部右侧一条。把旧版放到右侧最下面的热门搜索关键字替换，放到了右侧上面变成第一区块。

2.搜索

雅虎是一个门户，雅虎是一个搜索引擎。这次新版中，进一步把顶部的搜索框进行了优化。

2.1.提高位置：新版中的一个核心就是更加突出搜索功能的重要性，那么出现的位置就是第一重要的，所以雅虎干脆把一直品牌核心的logo放在了右侧，把搜索功能提到了整个页面的最有优先的位置，这样用户一打开页面一个大大的搜索框经映入眼帘。

2.2.加大面积：要想引起人的注意，一个更直接的处理方式就是让物体看起来更大。所以雅虎为了让用户对搜索框更加注意，就再一次加大了搜索框的大小。

2.3.视觉效果：看得出雅虎的设计师为了这个搜索框可谓是煞费苦心，而新版的设计理念我理解为是让搜索框本身更突出，而不是搜索区域。我们可以对比一下旧版和日本、韩国版的搜索功能设计。这些设计都是为了让搜索功能更加突出，所以加大了整个搜索功能区块的视觉效果。也就是以整体区块效果突出，带动整个功能突出。而新版去掉了浓重的背景色，更加突出了搜索框的视觉效果。也就是用局部关键控件的效果突出，带动整个功能的突出。

2.4.切换：在这个搜索功能区域除了搜索按钮以外，最常用的就要是搜索类型切换了。而切换功能往往是一般设计中不太被重视的。从旧版、日版、韩版都可以看出。切换类型只是用了很简单的文字链接而已。而新的设计中为了让切换点击起来更有手感，不仅加大了文字的尺寸，而且采用了tab的方式与搜索框融为一体。

3.导航

从上一次改版以后，雅虎把原来顶部的导航放到了右侧。而我觉得这一次改版最大的亮点就是左侧导航。我们都知道雅虎是一个门户网站，但是雅虎还是世界上最早的网络目录。如果你要问什么是网络目录？看看就知道了。

网络目录（web directory）是网页链接的列表。

门户网站（web protal）是人们上网的起点网站，

电脑资料

所以为了凸显门户网站的搜索特性，所以上面说道搜索部分采用了新的设计。而为了凸显门户网站目录的特性，雅虎这次改版也从新设计了左侧导航。左侧导航不仅可以自定义雅虎本身提供的服务，还可以自定义当下其它站点的服务，譬如ebay，facebook，mysapce等。而这次雅虎最关键的一点不仅是解决定制的问题，而且还试图解决信息问题。就是说不仅希望用户可以自定义网站目录，而且还可以在上面处理这些站点的信息。

我们发现其实这个概念并不新鲜，在美国有好多站点都提供类似的服务，最有代表性的就是Google的IG。IG通过用户自定义一些站点Widget放到首页上，形成自己的个性首页。不过有意思的是所以提供类似服务的网站几乎都是采用widget的方式。也就是说同一种理念和同一样的设计模式。

而雅虎这次采用了全新的交互设计模式来处理这个问题，把目录和信息浏览有基的结合一起。当用户有鼠标悬浮在左侧导航上时，右侧出现这个站点的最新消息和最常用的操作。那这个和上面的widget有什么不同呢？

虽然Widget看上去很好，但是真的要用起来确实不那么爽，不爽的就原因就是虽然我可以琳琅满目的把整个页面布置的很满。但是这个页面最关键的作用就是快速处理最新信息，并且快速操作。也就是监控信息，操作需要处理的信息。而Widget全部扔在一个页面上，如果数量比较多，根本很难进行监控，既然很难监控也无从谈起对信息的操作了。再有一个用户的页面空间是有限的，所以每一个widget的大小都是固定的，而且相对来说都是比较小，这样就更加不容易进行信息的监控和处理了。

那我们看看雅虎的处理方式的特点：拿雅虎信箱为例，当我打开雅虎首页，浏览左侧导航，就可以迅速查看雅虎标签是否有数字提示，如果有就证明是有新的邮件了，如果没有就证明没有新的邮件。然后把鼠标悬浮到标签上右侧上，可以用效大的区域显示最新的邮件标题，然后进行处理。

可见雅虎新的左侧导航，不仅可以让用户自定义收藏常用的网络服务，还可以迅速的筛选那些服务需要有信息处理，并且提供信息处理快捷的操作方式。也就是“快交互”+“信息片段”结合的处理方式。这种设计理念的最经典案例就是Twitter和新版的Facebook登录后首页。

4、视觉风格

新版的视觉风格继承了上一版低调华丽的特质，同时又处理的更加清新。最明显的一个处理方式就是去掉了标题栏的渐变效果，采用最朴实的文字无背景。并且为了更加突出视觉效果，加大了这些标题文字的字号。去掉了左侧导航整体纹理渐变方式，采用一个目录标签一个小按钮的设计。不仅单独一个目录标签做为小按钮很突出，而且整体叠加以后效果也很协调舒服。

总体来说这次美国雅虎改版是否成功，这个还要看正式运行以后的数据，但是我认为总体效果要比上一个版本要好很多。并且对不断努力创新的设计师表示钦佩。

本文来自

网站首页设计诠释网页首页制作 8

做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西，下面以 的首页为例，总结总结。

就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。

一、框架

页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如，由于布局的需要，还应在“头”的下面还要加个“菜单”。

二、布局（以下用#ID表示页面元素）

#Head和#Foot里的就不说了，具体查看演示页面源码，

布局说的是将#Main里的内容分成几大块。我们看，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图

三、模块

布局#Layout_1，#Layout_2里的块就是模块了，

按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。

关于模块的ID名称，要取个有意义的名字，当然偷懒的可以用#Col_1，#Col_2，。。。

模块的Class名称用。cols_1，.cols_2，。。。

模块内部的如下图：