这个页面是项目边缘的设计,就当是设计练习了。
主要思考了以下几个因素:
1.头条或热点新闻与一般性的新闻的展示。
2.在有限的空间内展示更多的内容,充分利用页面空间。
3.内容排版对用户视线的引导。
4.满足用户浏览式查看页面的需求。
5.满足用户带着强烈目的性查看页面的需求。
6.让新闻抓住用户眼球,吸引用户点击查看详情。
7.根据用户浏览内容进行后台推荐,保证内容之间的联结。
8.暂不提供评论。
根据以上考虑,出了2版的设计稿。
方案1
在首页聚合展示不同类型的新闻。
采用双栏布局。在首屏内展示热点新闻或重大新闻,使用大图+醒目标题+内容摘要突出内容的重要性。
采用图片+标题+内容摘要的形式,保证用户在首页内即可了解新闻的大致内容,从而通过浏览快速找到感兴趣的内容,减少了页面跳转。
页面基本走向为纵向,内容结构较简单,减少用户视线进行“之字形”的跳跃。
此种类型和页面布局比较适合无限加载的模式。
思考下这个方案的缺点,右侧空置了很多空间,解决办法是:保持右侧的热点新闻固定在屏幕上。或根据用户需求推荐感兴趣的新闻。
方案2
这个方案解决了第一个方案右侧空间闲置的问题,对屏幕利用更加充分。
并且在首屏展示了更多的重要内容。
但这种方式下,用户视线保持走之字形,类似阅读报纸书籍,适合内容精彩的深度阅读,可能阅读起来花费时间较长。
最后附详情页的设计。