第?,卡片式小布局比“图片+图片右方文字”的列表式形式更节省空间,也更易于用户短时间内接受整体信息,可在有限空间内清晰地把所有推荐内容展示出。 6 “分享 ” “分享”是新闻类网站的重要需求。很多研究都证明“,分享”按钮只要在界?上引导得当,会大大提高用户的分享概率。“分享” 有两种形式: 第一,固定在文章底部或(和)开头 参考例子:
第二 “分享”按钮悬浮在页面左侧 参考例子: https://www.statnews.com/2016/10/05/one-brave-idea- heart-research/?s_campaign=bostonglobe%3Asocialfl?ow%3Afacebook 二 框架层设计 框架层具体表现为网站页面的整体布局,包括各个板块在页?上的布局,文本、图?片等新闻信息的网页区域安排等。 1 首页信息布局。 首页的整体版块布局所承载的信息构架十分重要。 以下是已有研究成果确定需要遵循的原则: 新闻网站首页界面的视觉传达设计及整体信息架构中,每屏的架构变化不能太多,主次内容信息位置需保持一致,否则用户每浏览到下面的页面都需要重新理解架构,很不友好。 将图片作为主要视觉元素, 这是未来网站设计的发展?向之一,?目前为止已有很多信息类网站首页采用图片作为主要视觉元素。所以建议在图片不会加重带宽负荷的前提下,采用以图片为主要视觉元素的设计。 新闻类网站需要在首页用大幅板块突出重大新闻,引起视觉注意。 一些研究表明,现代设计风格更受用户欢迎,具体体现在同样的新闻标题和内容,如果设计是现代设计风格,网站点击率更高。 目前大部分网站采用以下几种设计方式: (1)整体布局 之一 —— 最为传统的两栏/三栏布局 例子:
time magazine the wall street journal (2 )整体布局之二——混合设计 三栏缩小成两栏,然后一栏。这样设计更有利于加载速度,阅读体验更流畅。但设计风格不统一,造成认知负荷。 例子: the Boston Globe (3) 内部元素布局 —— 把新闻标题、导语融入新闻图片的卡片式布局。 这也是现在非常流行的设计手段,是一种将新闻信息加以视觉化的现代发展趋向,目前体现为三种方式。 第一,列表形式 第二,卡片形式 :图片+图片下方文字 参考例子: 卫报:https://www.theguardian.com/international 纽约时代: daily 第三,卡片形式 : 图片+图片上标题 参考例子: USA today (责任编辑:admin) |