新浪改版
2013年4月1日愚人节，新浪紧跟随网易、腾讯的步伐，将首页进行了改版。改版后在视觉体验、流量效率、个性化以及资源互通方面都有了可喜变化。本文主要在视觉体验层面，用新浪新版首页与新浪旧版首页、当前搜狐首页分别进行对比，总结出若干变化点，希望能给设计师在做改版设计时带来帮助。
新浪联席总裁兼COO杜红表示：“新浪网此次改版，是继98年成立至今15年以来的一次重大变革，完全基于满足和贴近用户不断涌现出的在个性化、社交化、本地化和移动化等方面的需求，同时，也希望通过改版能够打通新浪网与新浪微博两大平台，使两者之间产生协同效应，从而扩展新浪网的门户边界。”
一，新浪改版目标
社交化：此次改版最大的亮点就是融入了社交化元素，将新浪微博与新浪网打通，依托新浪微博平台衍生的社交关系和碎片化信息，同时基于用户兴趣偏好和过往浏览记录的算法，为用户提供兴趣匹配度高的内容，更好的满足用户对社交化的需求。本次打通包括微博账号登录与状态信息查看、微博搜索、微博热点推送等。此外，在新浪网首页版头位置的搜索区域，也将“微博搜索”设置为默认选项，用户通过点击即可直接进入新浪微博搜索界面。
移动化：改版后，包括新浪新闻HD、新浪财经、新浪娱乐、天气通等客户端均可在新版新浪网首页下载，满足用户对移动化的需求。
个性化：通过换一换刷新，进行3组8条内容的推荐，根据用户在新浪微博上所关注的人群进行了整合，并借此推送来自新浪网各个频道的相关内容。例如，如果你关注了大量的足球名人，那么，该栏目就会推送大量来自足球界的相关文章。
本地化：新浪还通过对各地区用户的访问IP进行精准定位，并根据用户访问习惯和兴趣偏好，提供精准匹配的本地化内容，满足用户对本地化内容的阅读需求。
二，新浪新版首页 VS 旧版首页
我们从视觉层面将新浪改版前后两版页面进行了对比，总结出下表：
a) 首屏文字链广告
旧版：广告4帧，每帧38个。
新版： 16个，在二通新增文字链广告14个
b) 广告尺寸
新版对图片广告尺寸进行了重新整理。广告尺寸由16种减为8种。
1) 旧版广告：640x90px;370x125px;140×255;140×120;140X360
2) 新版广告：1000x90px;240x350px;240×330;240×200;240×170
c) 广告类型
旧版：纯展示，纯曝光，静态+动态展示。
新版：基于微博的互动广告，即当用户在浏览页面所展示出来的广告时，会同时出现该用户的微博ID。还有来自新浪功能广告平台(ADBOX)推送广告。
2.2内容
a) toolbar
旧版：宽度950PX,内容排列逻辑性欠缺。
新版：宽度1000PX，加宽加高。顶部固定通栏，引入我的菜单、手机新浪网、移动客户端、微博、博客、邮箱等产品的快捷访问入口。
b) 导航
旧版：21个主分类，63个入口。
新版：导航在数量上没有变化，都是21个主分类，但由于宽度更宽，看起来更加清晰舒适。
c) 频道版块
旧版：标签质感厚重，内容版块重点不够突出。
新版：频道板块在整体位置和条数上区别不大，但新版分类更清晰简洁，首屏增加了视频和综艺的条数。最为明显的就是加入了猜你喜欢板块。
2.3页面设计
a) 宽度、高度
旧版：宽度950px，高度10.5屏。
新版：宽度1000px，高度12屏。
b) 页面颜色、页面背景
旧版：黄色值为#FED681，背景色为白色。
旧版：三栏结构，分别是160px，385px，385px。左右和上下间距均为10px。
新版：三栏结构，分别是240px，360px，360px。左右间距20px，上下间距25px新版本整体版块留白更多，视觉更舒适。
d) 版块样式
旧版：图片有边框，标签样式2个或3个。
新版：去掉版块、图片边框，精简标签样式与数量(不超过3个)。
e) 文字
字体：宋体(内容文字)，微软雅黑(toolbar、导航、栏目标题)
字号：12px 14px 16px
行距：旧版14号列表行距为23px ;12号字列表行距为21px;
新版14号列表行距为26px ;12号字列表行距为24px。
字色：
旧版：
1，页面延展至1000像素。
2，抛弃陈旧的配色;采用明快的色调，以简约设计为主导。
3，增加置顶导航，让产品入口更直观。
4，整合广告资源，制定广告规范(位置、色调、品质等)。
5，行间距、板块间距、字间距都调整。
6，搜索框提高位置，缩短改为菜单下拉，默认为微博搜索。
三，新浪新版首页VS搜狐首页
我们将新浪新版首页与搜狐首页在视觉样式上进行了对比，总结了下表：
纵观国内几大门户网站，新浪、网易和腾讯改版后的首页表现出极大的相似性：1)对于搜索的重视;2)对于视觉体验的改善(行间距加大了、广告减少);3)对于打通自家产品(尤其是微博)的重视。下面我们再看看国外yahoo改版前后的变化：
改版后的Yahoo以信息流方式展现首页，更加简洁，同时凸显了：1)对内容的回归——密密麻麻的标题没有了，文章的简短摘要回来了;2)对分享和个性化的重视——鼠标移到文章区域会显示“分享”和“删除”按钮，你可以在不打开正文的情况下对文章进行分享和屏蔽，还可以设置自己的内容偏好;3)对交互体验的重视——文章的类目和标签信息在鼠标未移到到该文章时不显示，或者说只有你对这篇文章感兴趣的时候，一些附加的信息才会显示出来，从而避免页面信息的过多和杂乱;更多文章按需加载，只在页面滚动到最下方时才显示。
五，写在最后：
关于门户已死的言论并不鲜见，但是注意力作为互联网时代的稀缺资源，很大程度上仍然把握在门户手中。门户通过大量的新闻、社区、专业服务聚拢人气，吸引用户的注意力，进而通过广告、游戏、商城等手段把注意力变现，依然有其存在的巨大价值。这次新浪首页改版并没有对门户重新进行革命性定义，只是从视觉体验层面对信息进行梳理，使之更清晰、高效的被用户获取。而雅虎不但在视觉层面做减法，更是在交互便利性和信息智能化展示上作出了积极的尝试。那么未来的门户应该朝着什么方向发展呢?个人认为，可以从以下几个方面考虑：
1)内容个性化：只给用户看他想看的内容，不能再用“海量”内容轰炸用户，不要再用密集恐惧症恐吓用户;
2)展示智能化：根据用户的心理和注意力，在快速浏览和深度阅读方面建立平衡并维持智能化通道，使得二者的需求都能得到充分满足;
3)服务专业化：减少粗制滥造的一般性内容，弱化大而全，在重点行业和领域打造专业内容，树立专业形象，增强用户的依赖感和黏着度;
4)广告精准化：逐步改变粗放式的广告投放模式，依靠大数据和信息流实现广告的精准投放和友好展示，降低用户对于广告的反感，实现门户、广告商和用户的三赢;
5)新闻互动化：优化新闻评论与二次生产，让用户不再仅仅是新闻的阅读者，更是评论者和参与者，拉近用户与内容的距离;
6)互动社会化：利用内容阅读、评论、广告点击等信息，对用户进行聚合，增强用户之间的沟通与交流，凸显门户的社会化优势与价值;
7)运营一体化：进行内部资源整合，把各项分立的工具、应用和服务融合在一起，互相贯通，打造各垂直网站无法企及的综合优势。
via:搜狐MDC
相关阅读
现在大家都已经会在淘宝上开店，相信大家也都知道在淘宝开好店铺不是一件容易的事情，并不是每个人都能做到的。淘宝商城总是会有各种
声明：本文来自于微信公众号蝙蝠侠IT（ID：batmanit），作者：蝙蝠侠IT，授权站长之家转载发布。在SEO领域，真的有很长时间啦，若不是前年百度官方
游戏中主界面设计棋盘的绘制还是比较顺利的。感谢candy帮我渲染了棋盘的底框。棋子的绘制过程就比较曲折了。最开始采用了勾线的
淘特莱斯最近这么火热，每位店家都想入驻淘特莱斯，想要在淘特莱斯吸引到顾客的目光，就需要设计好广告图了，一张好看的广告设计不但能
相信大家都应该知道了淘特莱斯是淘宝商城中的一个板块，是一个专区来的，是专门针对过季、换季、断码、下架等品牌来打折处理。淘特