枣夹核桃vi设计的核心价值在于为企业打造独特的品牌,枣夹核桃vi设计可以给企业带来良好的社会声誉和经济效益。
10月26日,星期一,CNN。com介绍了一个新的网站设计,对其信息密集的布局做了一些重大改变。
新设计美观、干净、有条理、结构良好。它邀请眼睛扫描并找到一些有趣的东西,目标是点击进入另一个页面。
之前的设计有些杂乱,不太吸引人;内容看起来像是被迫进入一个非结构化的空间。新的布局非常不同,包含了许多现代网页设计和可用性的最佳实践和趋势。
因此,让我们不仅更详细地看看显著的改进,而且看看一些有问题的设计和可用性决策。
受网格启发的布局
我用"网格启发"这个词是因为新的设计似乎是基于阿格里德的,但元素的精确对齐并不完全在那里。
粗略地看一下它们的主样式表,它们的样式和网格似乎松散地基于蓝图CSS框架。
他们的半铸钢钢性铸铁(Cast Semi-Steel)重置与蓝图框架有许多相似之处,单词“蓝图”包含在顶部,所以这将是基于我自己对蓝图的有限知识的逻辑评估。
在分析了他们主页的屏幕截图后,我得出结论,如果他们的新布局基于阿格里德,那么这个网格的细节将是:16列,每列50px,12px间距(列与列之间的空间),总宽度为980像素.
下面是我的网格估计的视频表示,作为一个用计算机修改(图片或照片)模型:
尽管页面上的元素没有遵循阿格里德布局通常所期望的那种对齐和平衡,但与以前的设计相比,这种布局有一个显著的改进,如下所示:
新的布局将所有页面元素保留在980像素宽的容器中,不像以前的设计那样笨重,以前的设计是一个流体宽度的页眉在固定宽度的内容部分之上横跨整个页面。
此外,虽然旧设计似乎无法在圆角和方形之间做出决定,但新设计始终以方形角为特色,并带有微妙的斜角效果来分隔适当的元素,如下图所示。
尽管这种格式是网格状的,但如上所述,它不是严格的网格格式,褶皱以下的部分在结构上与褶皱以上的部分有很大不同。
大幅改进的标题部分
新设计中最明显的改进之一是页眉部分。
水平导航栏是现代的,干净的,清晰的。搜索框、注册选项和登录链接在右上角,它们应该在那里。
而且,虽然在现代设计中没有将网站标志居中的习惯,但在这种情况下,这种做法是可行的。它创造了一种非常显著、生动的品牌体验,让人难以忘怀。
导航栏的另一个很好的特点是,它通过颜色和图形指示哪些链接是主要的,哪些是次要的,以及哪些链接将在微型网站或姐妹网站中打开。后者用向右的三角形表示("钱"和"运动"——下面会详细介绍)。
有效利用空间
在页面的右侧,主要广告单元的下方,他们包括了一个手风琴式的内容切换器,允许用户在一个相对较小的区域内预览与不同主题相关的内容。
强调视频故事的普及性
在之前的设计中,视频有相当强的强调,在右边的abox中突出。在新的设计中,视频是主导航栏中的一个主要类别,实际上与"主页"链接具有相同的视觉重要性。
视频故事贯穿整个网站,并由链接到视频内容的照片上的习惯性"播放按钮"链接清楚
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐