光明网视觉设计构想:清丽舒展 从容大气
作为光明网改版视觉设计人员,我们认为,网站的设计首先应适合用户的使用习惯和需要,我们拒绝引入那些看似很先进和时髦的效果。设计所作的努力是为了使重要的内容剥离出来,变得更加清晰,让光明网的思想理论文化特色更加鲜明。
板块式整合
此次光明网首页的视觉设计,板块式整合是最显著的一个特点。板块整合排版方式通过内容在界面中的整合归类,让用户更易查找、使用。并且在使用的过程中,避免了复杂的操作方式,直接可获取到关键信息。
在设计中,光明网通过圆角及阴影处理层次,将内容从背景中脱出。在这里,细节的作用是有效调整版面效果,使页面更加精致,优化用户体验。简洁不代表粗糙,细节上的打磨可以提升交互和视觉的层次。将板块边缘处理成圆角,有效解决了板块之间的视觉抵触。“Div技术”的运用是这些细节处理的支柱,还同时起到了优化网站浏览速度的效果。
选项卡式分割
在光明网首页的新闻群组中,左侧以综合新闻形式展示,右侧将本版主推频道或专题制作选项卡,层叠展示,图文配合,内容因此更加丰富。同时,还压缩了每个群组的板块面积,在形式上迫使增加文字效率,促进内容精炼度,吸引用户层层深入。
在设计中,光明网引入了层叠技术,节省了整个网站的空间,内容信息量却有所增加。改版前,光明网的首页约为9屏;改版后,缩减为6屏。这样改变,信息密度大大提高,光明网人文气息显得益发浓厚、隽永。
可拆分的版式
光明网的首页设计借鉴了现代杂志简洁明了、疏朗大气的版式风格,运用面积色块的配搭分割内容区域,并且控制了适当的留白。在保证网页内容紧凑的前提下尽可能让用户的视觉体验更加舒适,方便浏览。对纸媒版式借鉴的好处还不止于此,这种适当留白的版式更适合规划出特定的宣传区域,不至使凌乱的图标影响整个网站的用户体验效果。
另外,由于建筑在板块结构的基调上,其中的图文又可作适度的拆分与组合,来满足各类个性化需求。
头条与导航
光明网坚持了通栏大标题的设定,通过它向用户传达网站最重要的信息,一目了然,给人深刻印象。我们认为,作为一个新闻网站,光明网应该有自己的新闻立场,应该向网民传达自己鲜明的价值观,
改版后的全局导航菜单与过去相比有很大变化。导航菜单对创建一个用户友好的网站十分重要,它扮演着对用户最基本的访问的方向性指引。在设计中,我们使用活跃的颜色条分隔频道,让颜色符合频道在用户心理上的默认色彩,更加直观,并将频道整理成5个区域,易于用户查找频道入口。导航菜单中调整了字体的大小,运用高亮色彩将最主要频道醒目地标示出来,错落有序,提升了主要频道的关注度。
光明网美编室副主编 陈佳佳
图为改版后的光明网首页