童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

基于黄金分割率的Twitter新版页面布局探究

1月25日 小米粒投稿
  在Mashable上面有一篇,名字叫做NewTwitterDesignBasedontheGoldenRatio〔IMAGE〕,中文简译应该是“Twitter新版设计遵循黄金分割率(图)”。从毕达哥拉斯到达伦阿罗诺夫斯基,黄金比例,这样一个被发现存在于艺术和建筑学每个角落的非理性数学常数,已经很久远了。而最近,它竟然成为了新版Twitter的设计依据。
  顺着Mashable文章,找到了Twitter的Flickr页面,发现这样的图片和说法来自于Twitter的创意总监道格伯曼(DougBowman),然后通过DougBowman的Twitter帐号stop发现了他的Flickr,并在里面找到了有关于新版Twitter设计的四张图片。
  有关新版Twitter设计的四张图片及相应描述如下:
  新版Twitter的比例
  对于所有对新版Twitter页面设计比例好奇的人,应该知道的是,我们不是随随便便选择这样一个比例的。当然,这一比例仅适用于最窄的UI版本。如果您的浏览器窗口比较宽,我们将摆脱这样的比例,扩大您的个人信息面板,以便于提供更大的效用。但宽度最窄的地方,我们已经在开始使用这一明智的比例。
  新版Twitter的比例(内部)
  这张图用来回应那些说上一张比例图包含内边距(padding)的人。。。
  新版Twitter栅格图(窄)
  给那些对我们所使用的栅格系统感兴趣的人,这是一种奇数的栅格(15列,窄版的宽度是880px)。我们的前端web客户端团队在工作中坚持规范并做得尽善尽美。尽管有几个元素没有对齐或者偏离网格,但已经非常接近原版设计了。
  新版Twitter栅格图(宽)
  给那些对我们所使用的栅格系统感兴趣的人,这是一种奇数的栅格(17列,宽版的宽度是1000px)。我们的前端web客户端团队在工作中坚持规范并做得尽善尽美。虽然信息面板的最右侧有了一丁点的偏移,但同样非常接近原版设计。
  关于黄金分割率,如果您之前不是很了解,请移步Wikipedia的黄金分割词条。via
  Twitter网站最近在设计方面已经发生了不小的变化。这些变化包括顶部的搜索框和Profile、Messages两个功能链接。左侧栏依然用来展示你的tweets和message信息,你可以通过点击在Timeline、Favorites、Following、Followers、Lists直接进行切换。
  而右侧栏现在变得更大,更具条理性。在这里,会展现你的帐户信息,你的最后一条tweet信息,你Following的人,你的followers,最新动态列表和建议你去follow的用户列表。
  “showmore”这一用来显示更多tweet信息的按钮已经不复存在了,取而代之的是,在你拉动滚动条的同时,系统会自动给你加载更多的tweet信息。
  在Twitter的Flickr页面上,Twitter的创意总监道格伯曼(DougBowman)用一张图片和一段简短的话语来描述新版设计遵循黄金分割率。
  对于所有对新版Twitter页面设计比例好奇的人,应该知道的是,我们不是随随便便选择这样一个比例的。当然,这一比例仅适用于最窄的UI版本。如果您的浏览器窗口比较宽,我们将摆脱这样的比例,扩大您的个人信息面板,以便于提供更大的效用。但宽度最窄的地方,我们已经在开始使用这一明智的比例。
  Twitter与DeviantART、Etsy、Flickr、Ustream、Vimeo和YouTube之间新的合作伙伴关系,使得多媒体流可以直接嵌入进去,包括在Twitter的首页直接播放视频内容。
  这些新的变化可能会导致你自定义的Twitter的背景被淘汰掉,因为新的设计是半流动布局的。不管显示器的分辨率怎么变化,左侧栏的宽度是保持不变的,而右侧栏的则是大小不一的。
  1024768分辨率
  1280720分辨率
投诉 评论 转载

关于快速原型的一点纠结作为一个交互设计师和工具控,我对原型设计应该用什么工具这个话题一直很感兴趣。工作至今,陆续使用过很多不同类型的原型工具,从最基本的纸笔,到AxureRPOmnigraffle,……用户体验:移动应用取得成功的关键!一款成功的移动应用关键在于:用户体验。作为一个投资人,我每周都要使用很多新闻应用软件,真的不想再提那些乱七八糟的UI了,很多应用并没有把他们最重要的功能快速地呈现给我!但……手机UI设计检测要素最近忙的有点乱,对于无线的关注一直在看产品的UI,因为手上的无线项目全在筹建中,对于UI设计的要求也在与同僚中耳熟目染中慢慢的接触了新的手机UI设计要素,同时也是对自己产品手机……谈操作模型与展现模型用比较容易理解的方式来形容操作模型与展现模型的对象,那就是作者与读者作者的角色定义是写文章,而读者则是读文章作者给我们的印象是面对一堆草稿纸,电脑上凌乱的文档碎片,时而抓……InsideHTC:SenseUI负责人访谈本文来自ifanr。com,ifanr从一个关注拇指设备的网站发展而来,以“高格调,宽视野,深探究,新前沿”为取向,现在已经成为国内最出色的新锐科技blog媒体。前段时间……为扫描而设计当我们设计一个页面或者一个banner的时候,往往挖空心思去想创意,或者把效果做得很炫,却忽略了一些用户习惯。我这里所说的只是一些大家都知道,却往往容易忽略的为扫描而设计。……网站点击热图(HeatMap)网站分析通过统计点击流数据及网站产生的其他各类数据,提供各种数据报表来监控网站的运营状态,为网站的优化和改进提供参考依据。但网站分析能提供的绝不仅有数据,其中点击热图(Heat……多变量测试:5个简单步骤提升转化率前言自Google出现并改变了游戏规则之后,用户对于网页的关注时间一直在下降。对于任何一个时下话题,有千万条结果可以关注,可以抓住访问者注意力的机会非常明显地下降了(20……基于黄金分割率的Twitter新版页面布局探究在Mashable上面有一篇,名字叫做NewTwitterDesignBasedontheGoldenRatio〔IMAGE〕,中文简译应该是“Twitter新版设计遵循黄金分……用户界面设计中“状态”和“动作”的表达一、问题引发思考前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享。图……细说魅力属性抱歉这篇文字来得晚了,上一篇提到的概念“魅力属性”,很多同学会问我这到底是个什么东西。今天事多,有点烦躁,借写东西,能让自己静下来,我用了两周的两个周一和一个周二晚上,完成当初……打造优秀社交产品的七个原则知名社交网站Ning创始人现身说法,谈到了设计一款社交产品的七个重要原则。以下内容为编译:1。让你的产品在供过于求的世界里举足轻重。人们每天都要处理让人目不暇接的人、网站……
见客户时,产品经理与销售如何分工?浅谈软件项目规模估计怎么估?我是如何用产品思维做一款窗桌的(1。0)浅析如何面对不友好需求平台型产品经理如何突破进阶中级瓶颈?仰望星空,脚踏实地4个方面,聊聊如何做一次更高效的可用性测试新浪微博PM:为什么微博不像微信一样设计得简洁?需求分析:它从哪里来,到哪里去?如何运用科学的方法进行产品管理?爱因互动创始人王守崑:AI时代产品经理的机遇和挑战从产品的角度思考,一款“工具技能内容”产品知识付费的可能前1与前10的产品经理差距在哪?河钢唐钢设备管理部设备高效运行巾帼再建新功QQ飞车炫酷名字大全教师的工作总结潮州首个350高铁站来了!就在饶平南!如何瘦腿简单方法选择适合自己坚持下去锻炼下去个人教师教学工作计划全新奔驰G350d欧洲车价及详细配置周末晚上发朋友圈说说大全WiFi网络是如何泄漏信息的详细介绍蒸白菜也能蒸出美味五粮液上半年净利润增长近三成前十大股东“大变脸”ps插件教程photoshop色环插件Coolorus怎么安

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界