• 个人作业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),就会显得大打折扣。
  • 相关阅读:
    每日英语:A Whiff Of 'Welcome Home'
    每日英语:What To Expect To Wear When You're Expecting
    每日英语:Success Outside the Dress Code
    每日英语:Mistrust Between U.S., Malaysia Strains Probe
    每日英语:A New Way to Learn Chinese
    真香,撸一个SpringBoot在线代码修改器
    SpringBoot代码生成器,从此不用手撸代码
    推荐一个能够让程序猿快速开发的极简工具箱
    臭名昭著的手机验证码功能是如何实现的
    SpringBoot 2.x 开发案例之前后端分离鉴权
  • 原文地址:https://www.cnblogs.com/felixcaae/p/7663612.html
Copyright © 2020-2023  润新知