全面更新博客着陆页面,不仅实用指数UP还有高颜值!

Nov 3, 2018 / Eva Zhao

Dminorstudio网站那仅仅只有文章列表的博客终于穿上新衣服啦!这一次的更新也是我们期待已久的。

要说为什么会有这一次的改版,那是因为身为设计师的我被大家疯狂吐槽。什么“为什么博客列表没有图片啊?”“为什么没有热门推荐啊,明明我的文章看的人更多啊!”“为什么没有标签分类啊,我不想看其它的。”“一点都不好看,都没脸推给朋友看。”......等等。身为一只设计狗表示被万箭穿心有没有,然后在整合大家的意见后,就有了这一次的博客页面改版。下面就给大家介绍下这次的改版吧。

什么都不说,先来看下改版前后的对比吧。

blog landing page 1.png

左侧为旧版博客菜单进入后的页面,而右侧就是新版的啦,是不是感觉很不一样呢?

全新的博客着陆页面延续了网站扁平化的设计和主要色彩,整体风格干净简洁,让新页面融入整个网站而不显得突兀。整体页面内容主要分成了三个部分,最上方的推荐文章和常用标签,中间部分的订阅功能,还有最后的最新博客文章列表。

下面就来介绍下页面的亮点吧。

契合网站风格的配图:给每篇博客都配上了美观并且符合文章内容的封面图片,丰富页面内容的同时也使得页面的颜值直线上升,文章推送给朋友也不会觉得丢脸啦,毕竟有颜有内涵。当然,增加配图的页面也会让可读性更强,不易人觉得枯燥疲劳,偶尔不想看文字看看图片也是好的嘛。

blog landing page 2.png

不一样的排版:适当交错层叠的排版设计,让页面显得活泼,阅读时更加有趣味性。比如,推荐文章部分,文字和图片位置的互换。再比如,作者头像和博客封面的半重叠设计。

blog landing page 3.png

标签栏:页面中加入标签的栏目,可以根据自己感兴趣的方向选择进入符合该标签的文章列表,更加快捷的选择想要阅读的文章。

blog landing page 4.png

醒目的文章推荐:将热门或者想推荐的文章置顶放大,更加醒目。

blog landing page 5.png

订阅功能:可以在线订阅,每月都会收到我们精心准备的推送文章,不用再担心会错过。

blog landing page 6.png

最新博客列表:最新的6篇博客组成列表,图文结合的卡片式排版,整洁又养眼。想看最新文章,在这里就可以。如果想找以前的旧文章,也可以由列表下方的按钮,进入全部博客的列表。

blog landing page 7.png

说了那么多,你有没有兴趣来体验下我们的全新博客着陆页呢!这里有很多好看又好读的文章在等你哦!

当然,也非常欢迎大家体验后给出意见,我们会不断改进的。

关于作者

Dan Hu

Eva Zhao

Subscribe to Our Newsletter

We will deliver China-related web design, web development, and digital marketing information or tips every month.

Stephen Tseng
Jun 20, 2020 / Stephen Tseng

Nilfisk力奇清洁——线上数字营销案例分享

B2B企业线上数字营销主要的目的在于如何抓住、保持及留下流量,然后进一步转化他们为我们的潜在/最终客户。

继续阅读 →

Dan Hu
Oct 25, 2019 / Dan Hu

为“爪领”设计公益海报

和小毅的第一次会面并没有太多激动人心的内容,因为在此之前我们就已经有过一次愉快的项目合作了,——那是为他和他的合作伙伴Audery共同经营的宠物领养平台“爪领”设计一套宣传海报。

继续阅读 →

Eva Zhao
Sep 26, 2019 / Eva Zhao

《长安十二时辰》的盛唐绝美配色!

最近火热的完结国产剧,非《长安十二时辰》莫属!该电视剧有小说改编,从布景到色调,观众都能将大唐时代长安的热闹繁华尽收眼底。恢弘壮丽的建筑,精致华美的服饰,连妆容都是唐朝典型的白面红靥、黛眉花钿。还有那油画般的美术场景设定,让人目不暇接、沉迷不已,完全是一次色彩的胜利。

继续阅读 →