个人作业Week3-案例分析

博客园-使用及分析

本博客主要是从排版及功能上进行分析,更多的是一些设计的角度,可能有一些主观,如果有不同意见请指出。
博客园的排版给我的初次印象有好有坏,好的地方在于功能设计比较清晰,看得出来网站的主要功能及其结构,颜色以蓝为主也符合技术网站的理性审美。
(只不过这个蓝色稍微有些暗,可以对比StackOverFlow的主页,同样是用蓝色,但是要明亮、愉悦一些)。
先看最上面一栏
a
这是博客园的网站名显示位置,以及登录界面

  • Logo
    一个好的Logo起码是要美观、突出重点信息,且不至于让人困惑的。如果用户需要大量使用这个网站,必然会经常见到Logo,一旦设计不当会给用户留下很不好的第一影响,反之亦然。
    A. “博客园”三个字采用红色的配色也和周围以蓝色为基调的设计显得不统一。
    B. 网址所用的字体也让人觉得有些不妥,灰色与红色对比,以及与旁边图案的大小对比使得网址的信息并不突出。
    C. 图案设计,电波符号加上圆形的底纹及阴影,不说其本身内部元素搭配有什么问题,就其主题而言,与博客园的功能、特性并不算太契合,另外其为了与右侧的两行字对齐,占据了太大的体积,显眼是显眼了,看着似乎也没问题,但是作为装饰性元素却有些喧宾夺主。参考一下新浪博客、StackOverflow,图案与字的比例显得更合适一些。
    另外,初步统计博客园一共使用了5款主题,只有三款使用了相同的标识
  • 代码改变世界
    能不能不要放的这么小..
    b
    请看对比
    c
    口号就要显得大气一些吧 不然怎么喊的响亮
  • 登录页面
    注册的时候找了一会儿..
    e
    StackOverFlow则显得很有冲击力,至少注册按钮不难找..
    d
  • 侧边栏
    这里的槽点就是侧边栏里的内容有凑数的嫌疑,将最新推荐博客、推荐博客、博客排行罗列在一起没有太多意义,而且排行榜里给出一百多个博客的名字,但除此之外没有任何信息。
  • 在首页里一共有9个栏目,点开这些栏目后,浏览器会跳转到一个看来是个人主页的地方,其排版布局与主页截然不同。
    而且这九个栏目原本的顺序是

园子、新闻、博问、闪存、小组、收藏、招聘、班级、找找看

在进入园子后变成了

闪存、博客、小组、新闻、博问、收藏、招聘、文库

f
f
不但布局、顺序变了,甚至数量和内容都变了,有新的栏目出现(文库)也有的栏目消失了(找找看).乍看起来很难把这两个UI单元联想到一起.
可以想见,用户在面对着横看成岭侧成峰,左右高低各不同的网页布局时会有多困惑了。

  • 搜索模块出现了冗余
    f
    f
    此外
  • 在个人主页里,点击园子、关注、随便看看都会刷新本页面,但是点击消息却会弹出新的网页
  • 使用了大量不同的文本编辑器,有的支持MarkDown有的不支持,有的支持Preview,有的不支持

总结

没有整体的布局,很可能就会出现

  1. 设计的不一致
  2. 功能的冗余
  3. 定位不清晰
    整体的设计非常重要!局部上很优良的改进(班级博客真心做的不差),如果失去了和整体的统一性(风格各异的Logo),就会显得大打折扣。
posted @ 2017-10-13 22:58  RedPotion  阅读(229)  评论(1编辑  收藏  举报