为什么要跟着新闻网站学网页设计?
来源: | 作者:星柚网络 | 发布时间: 2019-11-15 | 1098 次浏览 | 分享到:
看到这篇文章题目的你不知道有没有被吓一跳:什么?跟着新闻网站学网页设计?

看到这篇文章题目的你不知道有没有被吓一跳:什么?跟着新闻网站学网页设计?

在许多设计师看来,新闻网站简直就是无趣、冗长、枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾好吗。那小编可就要提醒你喽,你对新闻网站的观念可是落后了十年。

和许多华而不实的设计网站相比,新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验。技术永远是为人服务的,无论你的网页设计的多么复杂惹眼,如果缺乏实用性甚至阻碍了正常功能的发挥,依旧无法留住用户。
新闻网站的设计方式更利于新手设计师理解用户体验的意义(因为无论是优点还是缺点,新闻网站都暴露得很明显),也更容易上手。下面我们一起看看吧。

1.搜索框带来的安心与专业


导航栏对于每个网站都是至关重要的,我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额,但往往忘记了一个关键——搜索框。

搜索框承担了网站的搜索功能,当一个用户浏览你的网站并被吸引,他决定进一步寻找自己感兴趣的内容,却失望的发现,根本找不到搜索框。用户就决定走了。

如果有幸他还记得你的网站的话,他会给别人说一句,“哦,那个网站只能找到他想给我的内容,根本找不到我想要的东西。”

这时候,我们可以看看新闻网站是如何重视搜索框摆放的,甚至一些时候,他们还出现了非常棒的用户体验创新。

搜索框的重要特点就是醒目、可靠、流畅,最好和网站底色、其他元素颜色有所区别,略微偏离导航栏参考线。理想化的搜索框是那种大大的豪气长条块,致命缺点是挤占了其他信息空间。一些网站选择了搜索框开关。
但 Al Jazeera English和36氪的开关显然更阔气,这种下拉弹出的方式可能会带来更好的用户体验。打开后一整行的内容都是搜索框,做到了醒目,用户更无需担心打字过多在搜索框内显示不完整。同时,这种排版方式整齐流畅,视觉体验很棒。

2.与栏目相关的提示

几乎所有的网页设计师都了解栏目的重要性,但在这里小编想要提醒几个关于栏目的小细节。

反馈是用户体验的核心要素之一,你敲桌子桌子会响、躺到床上床会塌陷,我们对生活中的反馈是如此习以为常,以至于在设计网页时忘记了反馈的存在。

《DON’T MAKE ME THINK》一书中说过标签分割器是一种制作导航器的优秀反馈思路,用户单击的标签页位于其他标签页之前。这种模式就比单纯的字体加粗、改变字体颜色更具趣味性,也更像是模仿我们读书翻页的状态,但后者可以容纳更多的信息量。

虎嗅网顶部导航栏上的小红点很有意思,鼠标点过后就不会再出现,类似于微信消息提醒的小红点。引导用户,又能及时给出反馈。

总结
一般来说,网站设计感的实现需要优质酷炫的图片作为支撑,但新闻网站既没有酷炫的图片,又多了许多文字。因而新闻网站想要好看、拥有良好的用户体验,就需要更精心的页面布置。这也是我推荐跟着新闻网站学设计的原因。