新闻类网页设计风格 第1篇
新闻类网站的子页面要注意以下四点:
1 子页面应有面包屑导航,让用户知道目前所在位置。
2 新闻网站的“分享”是个重要需求,并且内容带有自传播属性,有利于产品推广。所以在设计上应强化“分享”,可考虑在文章开头和结尾都放置“分享”按钮或将“分享”按钮悬浮在网页上的固定位置。
3 “评论”也是新闻类网站子页?的常见需求。设计方式上应引导用户主动评论。
4 子页面布局
新闻类网站的子页面会根据产品定位和内容的不同而不同,由此有很大的发挥和创新空间。
下面以新闻专题类内容为例,举例说明可采用的子页面布局。
另外,当某一专题的文章特别多时,卡片设计也可以解决问题。如某个专题,有200条相关信息,依照传统?式,将信息?条条罗列出,那网站下方内容很容易被用户忽视, 但卡?可以全面?直接地呈现给读者有趣内容。此外,对于?型长篇报道计划?言,读者不可能?次性看完所有卡?,通过设计,读者已阅读过的卡片可变为灰?,这样就很容易分辨出读者读过的内容。
新闻类网页设计风格 第2篇
(1)通常网站导航都会放在顶部
导航通常放于页?顶部,因为人们会最先注意到这里?导航在上方的形式具体分为三种。
第?种,固定在页?位置不动,随页面下拉,导航模块消失在视野范围内。
第二种,导航标签悬浮在上方。
第三种,导航中的搜索/分享等始终悬浮在上方,但所有关键词文本搜索聚焦到一处按钮。
(2)垂直导航
最早的网站也采用垂直导航。如设计师在综合考虑后,采?用垂直导航的话,建议放在左边,更符合视觉规律。
(3) 地图导航通常放在网站底部。
新闻类网页设计风格 第3篇
语境导航指当用户到达某个深层页面时,根据该页面语境给予用户导航,例如“精彩推荐”“相关新闻”等。
共有三种形式。
第一种,纯文字链接。
第?种 , 图片+下方文字
第三种,图片+图片右边文字
第四种,图片+图片上文字
推荐采用“图片+图片下方简短文字”的卡片式布局推荐。因为
第一,图片在吸引用户眼球和信息理解方面超过文字(下方框架设计时会讲到)
第?,卡片式小布局比“图片+图片右方文字”的列表式形式更节省空间,也更易于用户短时间内接受整体信息,可在有限空间内清晰地把所有推荐内容展示出。
新闻类网页设计风格 第4篇
就是否能引起用户进一步浏览网页的欲望?
(1) 全局网站导航之 一:文字单元网站导航
范例:
这类的导航分类设计能区分出不同类别,结构相对清晰,但当栏目过多时,较考验设计师水平。如容易因为太拥挤的文字让用户产生视觉疲劳,导致无法从导航中获得继续浏览网站的兴趣。
(2)全局网站导航之二:二级菜单形式网站导航(推荐)
?级菜单形式。即首页导航模块数量尽可能少,设置为当鼠标移动到某个导航目录时,自动出现二级菜单,将目录进行更具体的分类。这样在视觉上更简洁清晰,在视觉符号间有足够的留白,能有效杜绝受众产生生视觉疲劳。
(3) 全局导航之三:网页地图式导航
网页地图式导航可有可无,一般在网页底部展示,目的是让新用户立即对网站全部布局有直观认识,且方便用户浏览感兴趣内容。