个人作业Week3-案例分析

博客园－使用及分析

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

这是博客园的网站名显示位置，以及登录界面

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

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

在进入园子后变成了

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

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

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

总结

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

1. 设计的不一致
2. 功能的冗余
3. 定位不清晰
   整体的设计非常重要！局部上很优良的改进(班级博客真心做的不差)，如果失去了和整体的统一性(风格各异的Logo)，就会显得大打折扣。