您好,承接汉中网站建设,网站制作,网站设计,价格优惠! 建站知识 | 建站流程 | 联系方式
汉中网站设计,制作
当前位置:汉中网站建设 > 建站知识 >

美国有线电视新闻的新网站设计

更新时间:2018-12-07 作者:zhw888来源:汉中网站建设

美国有线电视新闻的新网站设计解

介绍了美国有线电视新闻的新网站设计解,使一些重大的变化,其信息重布局。
这个新的设计是美丽的,干净的,有组织和结构。它使眼睛扫描并找到点击另一个页面的目标很有趣。
以前的设计有点混乱,不是很诱人;内容像是被迫的非结构化的空间。这个新的布局是非常不同的,包含了许多现代的网站设计和可用性的最佳实践及发展趋势。
所以,让我们更详细地看一下不仅显著改善,但一些可疑的设计和可用性的决定。

网格布局的启发
我使用的短语“网格启发”,因为新的设计似乎是基于一个网格,但元素的精确对准是不是有。
在他们的一个粗略的看主样式表,他们似乎松散地基于其风格和网格Blueprint CSS框架。
他们的CSS重置与蓝图框架有许多相似之处,和“蓝图”,包括在顶部,所以这将是一个基于自己有限的知识逻辑评价蓝图。
在分析了他们的主页屏幕捕捉,我得出的结论是,如果他们根据新的布局上的网格,网格,将细节:16列,每列用12px水槽50px,(列之间的空间),共计980px宽度。
下面是一个视觉表现我的网格估计,作为PS图象处理软件的嘲笑:

尽管页面上的元素不按类排列和平衡,通常是一个网格布局的预期,有一个明显的改善,这种布局在以前的设计,如下图所示:
CNN.com的旧设计
新的布局使所有页面元素在980px宽的容器与笨重寻找以前的设计,有一个流体宽度的头,跨越了一个固定宽度的内容部分在整个页面。
另外,在旧的设计似乎不能决定圆角和广场之间,新设计的一贯特点方角与微妙的斜角效果分离合适的元素,如下图所示。
CNN.com斜边
虽然格式是网格状的,它是,如前所述,没有一个严格的网格格式,和下面的部分折叠杂有从上述结构。

大大提高了标题部分
一个在新的设计中最明显的改进是标题部分。
水平导航栏是现代,干净,清晰。搜索框,注册和登录链接选项在右上角,它们应该在的地方。
而且,虽然它在现代设计中心网站标志是不习惯,在这种情况下,它的作品。它创造了一个很有优势的,生动的,品牌体验是不容易忘记的。

有效利用空间
右边的页面,下面的原生广告单元,他们包括手风琴式内容交换机,允许用户查看预览,在一个相对较小的区域,内容涉及多个不同的主题。

在视频和故事的流行重点
在以往的设计中,视频有相当强的关注,出现在右侧的框。在新的设计中,视频是一个大类的主要的导航栏,给出了几乎相同的视觉重要性作为“家”的链接。

联系人:张先生

电话:18691956227(微信同步)

QQ咨询:201956809