博客网站建设(博客网页设计)_1

博客网站建设(博客网页设计)_1

导航博客网站建设(博客网页设计)_1

本节是《Spring Boot 实战纪实》的第5篇,感谢您的阅读,预计阅读时长2min。

??尽管这个社会一再强调分工,但有时候我们不得不干一个团队的活儿。

??程序员也不例外,今天让我们一起来开启探秘一个博客是如何设计出来的。

??在《需求关键点文档》中,我们已经大致罗列出了SuperBlog要实现的一些功能。但是这些功能依然很抽象,很多细节依然在脑海里,比如页面风格是什么样子,页面如何布局,联动关系如何设计?这时候就需要产品的构思者将脑海中的映像转化成可见的栩栩如生的形象,而这个形象就是原型。

??本节将对SuperBlog的原型进行展示。

首页

对于网站来说,首页就是门面,直接决定用户能不能准确接收网站的主题,能不能对网站产生兴趣。

布局

??网站的布局其实很关键,这个基本上决定了整个网站的风格和基调。Supeblog的定位就是一个纯粹的博客网站,所以基本布局如下:

博客网站建设(博客网页设计)_1

??整个网站布局,由顶部导航栏,内容区域,底部导航组成。有个web开发经验的同学应该知道网站模板的概念,这个就对标ASP.NET 网站layout模板,springboot theamleaf 模板(后续在编码阶段会细讲)。

博客网站建设(博客网页设计)_1

博客网站建设(博客网页设计)_1

轮播图(banner)

??不管是电商,内容博客网站,甚至是一些政府机构网站,都能看到轮播图的身影,大家乐此不疲的使用轮播图。轮播图的作用和介绍在《需求关键点文档》中已经做了阐述,这里不再赘述。

博客网站建设(博客网页设计)_1

文章列表

??主流的内容网站,都会将主要的内容展示在首页上,Superblog也不例外,所以文章列表展示会是首页的重点。

博客网站建设(博客网页设计)_1

??首页文章列表将包含:

按标题查询分页卡片形式展示每篇文章标题,作者,发布时间,展现量,摘要信息

注册+登录

??注册和登录是一个系统最基本的功能,Superblog的用户体系可以简单一点,角色只需要游客,注册用户和管理员三种即可。

游客普通用户管理员

注册

博客网站建设(博客网页设计)_1

注册结果页

博客网站建设(博客网页设计)_1

登录

博客网站建设(博客网页设计)_1

登录失败

博客网站建设(博客网页设计)_1

个人中心

个人信息

博客网站建设(博客网页设计)_1

账户安全

博客网站建设(博客网页设计)_1

我的搜藏

博客网站建设(博客网页设计)_1

专题

??SuperBlog定位为一个互联网技术博客网站。内容繁多,若不加一分类管理,将会显得杂乱。 如果按照类别划分,则需要多层,层次太深,对用户不是很友好。标签方式相对比较完美,因为文章可以拥有多个标签,这也是大多数博客的做法。SuperBlog的定位是做严选+高质量的内容,所以选择用专题划分更加合适。

博客网站建设(博客网页设计)_1

??用户可以根据自己的需求,直接进入专题搜索自己感兴趣的文章。

专题文章

??用户可以根据自己的需求,直接进入专题搜索自己感兴趣的文章。

博客网站建设(博客网页设计)_1

??页面右侧,相关推荐可以展示推荐专题,根据浏览热度排序的前五。

文章详情

??文章详情的排版其实很重要,这里非常推荐markdown编辑的文章,同时详情页采用html静态展示。

文章详情页面

博客网站建设(博客网页设计)_1

互动

??好的产品一定是有互动的。作者分享原创文章,自然是希望得到读者响应,认可和支持当然是最佳的,或许还可以得到用户的打赏。

??互动这一块暂时只会包含点赞,搜藏,转发功能。

分享到 :
相关推荐

塞尔维亚失联成都女子与父亲相见(塞尔维亚失联成都女子与父亲相见-神情恍惚 …)

日前,成都31岁女子小郑在塞尔维亚失联一事持续引发关注。9月10日,家住成都郫都区的...

wap网页游戏(wap网页游戏轮回ol)

2004年何小鹏与合伙人共同创办了uc优视公司,带领团队在10年的时间里,打造UC浏...

丝印是什么(丝印是什么工艺)

大家都知道,3D打印的产品多为纯色模型,如果想要将自己的打印件上色并印上特定的图案,...

蝴蝶结的系法图解(包包蝴蝶结的系法图解)

蝴蝶结,形状像蝴蝶的结子,又可以称同心结,外形酷似蝴蝶,被人称为蝴蝶结,形状大小不[...

同城探店号最新玩法实战解析

最近短视频项目热度比较高的,可能就属抖音的同城探店号了。抖音也放出讯号,说要给同城[...

60万日元等于多少人民币(60万日元等于多少人民币2021)

因为日剧的流行,人们对日本女性热衷做家庭主妇的印象很深。在现实中,也有很多日本女明星...

如何在头条发表文章和视频赚钱技巧

大家好,我是笑笑。[握手]每天分享赚钱的知识和技巧。上次时间在8月16号,我们讲[&...

李明一(李宁商城)

据四川省纪委网站消息,日前,四川省纪委对会理县委原书记李宁一严重违纪违法问题进行了立...

发表评论

登录... 后才能评论