网站发展 - 飞赞建委

举报|

举例说说飞赞网UI

热5wacklau 2012-03-06 23:10

最近飞赞网大改版，整个界面焕然一新，非常喜欢这个新界面，不足的地方就是，如果图标能够再有特色一些就更好了，我感觉，一个网站能够体现其特色的内容不仅仅局限在LOGO上，友好的界面也不仅仅局限于配色。下面是几个栗子。

日本知名博客Yaplog的网页导航。

网站号称是简单、可爱、免费的博客服务，图标和配色自然也会选用可爱一些的了，从左到右：首页、皮肤设计、艺人/名人博客、博客排名、美容/化妆品信息。

接下来是一些主流社交网站的设计：

大家对FB一定不陌生吧，这是从最新版网站上截取的图片，由于FB属于常规的很“泛泛”的那种社交网站，图标只要够形象就足够了，但是FB的图标也是独特的喔，可以让人们看到就直接联想到Facebook这家网站，也就是让人感到印象深刻。三个消息提醒图标中，最左侧的图标也常被应用到网站向FB公共页面链接的图标。

国内曾经有那么一段时间可以访问Google+，网民在奥巴马主页疯狂留言，场面堪称壮观，国内媒体都有报道的，就是Google推出的社交服务，界面纯净、简洁的Google+，当然每个网站都有自己的特点，今天暂不讨论界面，就说说图标吧。

Google+网站本身最大的特点就是“圈子”，所以倒数第一、二个图标都包含了“圈”的元素，从右到左，它们分别是“圈子”和“我的资料”，非常形象，“圈子”图标告诉用户这是他所有的圈子的集合，而“我的资料”也通过“人像”图标告诉用户这是“我自己”的地盘，加个圈子，或许也在提醒用户自己也在别人的“圈子”当中。

左侧的两个图标从左到右是：信息流、相册。Google+默认进入的界面是“信息流”的界面，所以它告诉用户两个信息：这是首页（小房子），也是信息流页（房盖下面的“信息流”图标）。右侧自然就是相册了，和多数使用“图片”元素作为图标的网站一样，这个图标本身就是一个“相册”。

开心网，这些图标下面有文字说明，先单独看一个图标，再看整体，真的不受影响喔！当然，它或许不会让用户第一时间联想到开心网吧。

接下来是一些轻博客的图标：

点点网，国内知名的轻博网站，很多大学校园的厕所内应该都能看到它的广告。。。XD

这个发布框也很形象，hover浮动还会有另外的效果出现，更显生动，这个不必解释什么吧，按照网站配色来的，不过如果用过轻博客，单独看到这几个图标，未必会想到点点网，单起码也很容易想到轻博客这个概念吧。

这个就是轻博客的鼻祖Tumblr的发布框导航。。。

同样是非常形象的图标，和点点网不同的除了多了两个选项外，还有就是图标使用的对象不同，点点网的文字是钢笔尖，Tumblr的是类似编辑框常见的文字设置的图标，点点网的声音是话筒，Tumblr的是耳机，其他的就不用说明了吧，还有图标的配色、形状神马的，让人一看不但印象深刻，还会让人觉得有一种“小清新”的范儿。