Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[组图]Twitter大片——背景!背景!

1,675 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

[组图]Twitter大片——背景!背景!

  1. 1. [组图]Twitter 大片 ——背景!背景! 1 顶一下  收藏 推荐者:草根帮主 (积分 118463) 原作者:可能吧 其 实很早以前就想写一篇这样的文章,自定义背景是 Twitter 的设置功能之一,用户完全可以 利用这个功能来实现展示自己、推销自己或者 产品,甚至是出售广告。但是这个背景要放些什 么内容?什么尺寸才合适?有没有更简单的办法呢?今天我们就来研究下有关 Twitter 背景的那 些事。 一、不可小觑的 Web 背景 Web 页之所以重要,是从注册开始的。众所周知,大多数的用户是通过电脑网页注册帐号 的,从那一刻开始, Twitter 将随机推荐一些 Twitter 用户,新用户会逐渐筛选,什么人才是 值得自己 Follow 的。在这期间,每个用户的 Web 页会呈现不同的姿态 ,大面积的背景必定 吸引用户的眼球 。这时,精心布置的背景便开始生效了…… 1.个人风格: 一些拥有 BLOG 或者个人网站的用户,通常喜欢自己的网络门户拥有统一的形象和风 格 ,用相同的色调、 元素或者图片。Twitter 在背景方面的优势很明显,我们无需掌握任 何 HTML 语言等代码知识,没必要像 BLOG 或网站那样,大费周章的编写一堆代码而折 腾一天,只需用一张图片便可解决问题。当用户进来一看,就知道这是你的 Style(风 格),让用户自己决定要不要 Follow 你的 Style。
  2. 2. 2.网络简历: 网络招聘大家应该或多或少的接触过,起码听说过。个人网站的推销方式,几年前便已经 出现在招聘市场中 ,现在已不足为奇。那么 Twitter 呢?或许还没有人尝试过吧。好,那 Twitter 个性简历 就从这里开始。 a.联系方式: 能联系到你的最好方式首选是电话,但是我不推荐那样做,骚扰电话、垃圾短信是无 处不在的,当然如果是 10086 那样的电话号码就无所谓了。 E-mail 同样会有 Spam(垃圾邮件)的困扰,即便有 gmail 那样较强悍的 Spam 过滤系 统,也无法避免漏网之鱼,被诱人的标题党骗去点什么花花草草的就不好了 。 那我们还能写什么?IM 联系方式,因为 IM 通常拥有一个“黑名单”功能,只需我们将 其抹杀在萌芽状态,就避开了骚扰,同时,我们还可以第一时间的获取对方的通知, 通过 IM 认清对方的真面目后,再递送电话等也不迟。 b.弥补 Bio 所不能呈现的: 右上角的 Bio 比 Tweet 发送窗口还 MINI,想在上面把自己滔滔不绝的亮点,一一展示 出来,显然不太可能,有些用户喜欢用短址来代替文字描述,让用户去点开一个又一 个充满未知的窗口,难道不烦吗? c.作品:
  3. 3. 设计专业的朋友呈现作品是比较容易的,将自己的作品通过不同形式的排版,展现自 己的设计能力,不仅吸引的是企业的目光,可能还会引来赚零花钱的小生意 。 ===
  4. 4. ===
  5. 5. 3.品牌推广: Google、星巴克这样的企业都已经进入了 Twitter 平台,开始了自己的品牌推广与客户服 务,通过这个快速传播的平台,它们可以很容易的推销自己的新产品、新功能,通过免 费的方式(至少目前是这样的)为自己获取巨额利润。所以,如果你也拥有一 个自己的 品牌,不妨将其展现在 Web 页上,树立品牌形象 从视觉开始。 4.广告价值: 上面之所以说“至少目前是这样的”,是因为 Twitter 本身还没有明确的商业盈利方案,所 以现在 广告是可以随便做的,但是要注意广告的道德底线。这么大的广告区域,在热门 网站是相当值钱的,在热门 Twitter 那里也是很值钱的。推销产品,店铺展示,何不从这 里开始?潜在客户 总是存在的,尤其是在这个多元化的社交平台。
  6. 6. 二、Twitter 激战吉尼斯 1.最不必要的尺寸: 640*480 的用户几乎没有了,800*600 的用户进来也看不到周围的背景,所以这些尺寸是 没必要考虑的。 2.最多的尺寸: a.现在使用最多的分辨率是 1024*768,随着液晶显示器逐渐白菜价,也许很快就会是 1280*1024。但我们现在,还是研究下使用最多的 1024*768。其实这种分辨率下的剩余视 觉空间,是很少的。 b.保守参考,左边可以展示的宽度只有 115 像素左右,包括浏览器上的菜单栏等等,长度 也就 525 像素左右,所以我们需要注意不要控制尺寸,不要让 Twitter 固有的元素挡住背 景。 c.如果要把 LOGO 放在左上角,一定要把它放在页面 83 像素以下的位置,我们不能让 Twitter 那蓝胖子挡住 LOGO。 d.如果要写明网址,注意把它的长度精简到 115 像素以内,否则用户无法看到完整的网 址,会很恼火的离开吧。 e.好好利用右边的区域,如果用户的屏幕较小,他肯定会把滚动条移动到最右边,看你的 bio 或网址,这时,左边的区域已经失效,但是右边辅助展示 了你的资料。
  7. 7. 3.最大的尺寸: 现在已经有支持 2048*1536 像素的显示器,只有使用这个尺寸,才可以让这些用户也完整 的看到背景,而不让他们看到底色。我觉得,毕竟拥有这种级别显示器的用户是少数 的 ,而且图片太大会为加载时间带来很多阻碍,所以不推荐大家制作这种大工程。 4.最小的容量: 就是图片的容量,越小越好,大家都清楚 Twitter 现在的服务器状况不怎么样,加之不同 用户的网速不同,如果太大肯定会没有耐心去等着加载完成,最好是能控制在 100KB 以 下,使用 PNG 格式的文件。没有最小,只有更小。 三、配色小插曲 1.背景后面的底色要与背景图片协调,如果你的背景可以和纯色融合的话,何不与背景同 色?那样的话就没必要去做一张很大的图片,去填满所有人的显示器。 2.Twitter 的主区域是永恒不变的白色,所以注意文字颜色避开浅色,否则侧栏是够酷了, 自己写的 Tweet 都看不清岂不囧了。 3.用蓝色的地址链接:其实这几乎已经是网络习惯,同样链接都是蓝色的,看到它用户就 有冲动去点击。 4.边栏的颜色要与背景明显的区分开,最好是使用对比色,同时注意与文字和链接颜色的区 分。
  8. 8. 四、微服务之 Twitter 背景定制 1、网友范例: 学习其他人做的精彩背景,也可以把自己做好的分享给别人。 twitter Backgrounds Gallery:http://twitterbackgroundsgallery.com/ 40 Beautiful Twitter Theme Backgrounds:http://dzineblog.com/2009/02/40-beautiful-twitter- theme-backgrounds.html css design yorkshire:http://www.css-design-yorkshire.com/twitter-gallery.html 2.在线定制: 利用在线服务提供的各种模板,在线制作属于自己的背景。虽然简单,但是个性化元素就少 了 一些。 twitter gallery:http://twittergallery.com/index.html free twitter designer:http://www.freetwitterdesigner.com/ My Tweet Space:http://www.mytweetspace.com/ Pretty Tweet:http://www.prettytweet.com/ 3.背景素材: 其实渠道还有很多,大家可以活用图片搜索,然后使用 Photoshop 等软件,自己量身定做背 景。 图片下载——Twitter Patterns:http://twitterpatterns.com/ 模板下载——Twitter Backs:http://twitterbacks.com/ 五、精品放映厅 最后,将一些有趣、漂亮的作品集中展现一下,共同学习它们的亮点。
  9. 9. ===
  10. 10. === ===
  11. 11. ===
  12. 12. === ===
  13. 13. ===
  14. 14. 六、片尾曲 归根到底,背景是展示给用户看的,所以用户体验很重要,就像 Twitter 所传达的精神那 样,精简你的每一句话,把握重点。在背景制作中同样适用,尽可能用较少的元素呈现出重 点的内容,突出你要表达的元素。如果需要表达的信息很多,我们就要考虑构图与人的阅 读习惯 ,把重点呈现的内容放在最上面,因为很可能用户读了一些内容,就不往下看了。 总之,制作一个简洁、美观、合适自己的背景,不妨把自己的 Twitter 地址发到评论中,大家互 相踩踩,学习学习 a

×