易班Redesign：作品总结

本项目为西华大学造“易”网页设计大赛作品。

这是一个新生平台，虽然不甚完善，但在教育部门和各大高校的强力推广下，易班已经拥有了强大的用户基数。不过，除了政策上使师生重要，平台自身的优化和友好性提升也是不可或缺的。新媒体时代，一个不走心的产品必然是不会有用户粘性的。一个校园平台，在设计上从校园生活场景和用户自身需求切入至关重要。

第一部分 登录界面设计：每个人都需要一扇窗

大学生以及教职工平日的作息较为重复和单调，平日所能见到的也仅限于校园内一些固定的景物，久而久之避免不了产生枯燥感。易班作为一个为学生和教职工提供放松、减压环境的平台，是否能给它们提供这样一扇“窗”，能让它们在学习与工作的疲劳之时，看到令人舒适和愉悦的风景呢？

登录界面作为从其它环境转入易班的入口，非常适合承担起“窗口”的作用，一个短暂的登录过程，便能将用户从枯燥地视野中抽离出来，以一个更好的感觉进入平台。

它的布局思路来自于普通家庭书房的布局。由窗面和墙面的空间关系影射出视觉区和操作区，两个区域的比例接近黄金分割比——1:0.168。

摒弃了多余的元素，一张精选的背景图片和一个简洁的登录框便构成了一个视野开阔的界面布局，输入区域和按钮也适配了PC和平板电脑需求。

为了不使图片的色彩干扰用户的操作，特别地操作部分设立了“暗区”，将此区域的亮度略微调低。“暗区”和“亮区”的划分依照阿基米德螺线，这样设计在视觉上既不会使用户分心，也不至于让色彩分化产生违和感。

 

用户可以通过这扇“窗”看到什么？

将精选的背景图片加以标记，并记录于数据库中，系统根据时间、天气甚至用户偏好等因素组合筛选出合适的图片，并推送给用户，亦可根据用户的反馈提升以及下降一张图片推送的频率。

时间	天气	场景
凌晨	晴天	山水
早上	多云	名胜古迹
中午	小雨	艺术建筑
下午	暴雨	都市
黄昏	雾霾	奇观
夜晚	雪	乡村
……	……	……

 

第二部分 个人主页设计：你想知道的和我想告诉你的

个人主页是学生和教师展示个人风采的平台，它最大的特点就是“个性化”，个人主页应给予充分的空间让用户展示自己的爱好与个性，当每个人的页面产生具有个人特点差异化，个人主页的价值就体现出来了。

个人主页同时也是同学、教职工之间了解彼此的一个非常好的平台，如果能将大学社交之中一些特点和习惯引入其中，就能发挥更大的价值。

banner区：让用户自己定义主页的标题和个性签名，为自己设定一个专属的主题，是个性化的第一步。宽敞的banner图片为视觉起到缓冲作用，使得页面沉稳大气。

照片墙：在主页搭配自己喜欢的照片或者图片，给予了页面丰富的色彩，也是展现个人特点的一个很好的方式。

个人资料卡：重新布局的资料卡简洁大方。使个人的活跃程度一目了然，统一后的四个功能入口更加简单和便捷。

家乡展示：了解一个人最好的方式莫过于了解它的家乡，家乡也是大学生之间了解必不可少的话题。通过和标签将家乡的风景、历史、文化、美食等元素推介给大众。是一个认识他人与让他人认识自己的一个非常好的窗口。

兴趣卡片：将自己喜欢的音乐、书籍、电影、运动等等分享给好友，让同学和同事之间彼此更了解多分，也让有共同爱好的朋友们更容易走在一起。

页面右边栏整合了交际模块，增强好友之间的互动空间，也为关系的拉动和扩展提供更多可能。

个人主页也提供了不同的风格，banner和色调均可用用户随意搭配，打造自己的个性园地。

 

第三部分 公共群主页设计：我们年轻，所以无所不谈

同学、同事以及好友间似乎总有聊不完的话题，总有各种各样的新鲜事可以分享。平时的生活中我们可以自由地畅聊各方面的大小琐事，在网上似乎也没必要把内容区分地太过清楚，自由地分享和无所不谈是年轻人最乐意也是最享受的一个过程。

EGPA曲线墙先来插一脚，这个设计也是为了让同学们更好地关注与见证自己园地的成长点滴，同时让EGPA更好地发挥作用。这部分的色调是可以自由更换的。

公共群的核心部分便是发生墙，公共群不同与个人主页的个人主义化，它理应被赋予更多的色彩，发生墙采用了流动性高的瀑布流布局，用户可以在这块区域创建自己的磁贴，并搭配喜欢的颜色。众多色彩缤纷的磁贴构建出一个凝聚的、自由的分享空间。

 

当用户试图关注一个磁贴内容的时候，只要点击磁贴，该磁贴就能上浮，并产生遮罩，使用户的焦点聚集到其想关注的内容上。

 

第四部分 信息管理页面设计：上传下达在此一举

担任学校干部，平时最头疼的问题就是如何把消息快速准确地投递给目标，虽然我们已经拥有了很多可用的平台，但似乎总是不尽人意。

平台	核心问题	描述
QQ	丢	群被屏蔽了没人看，群被灌水了没看到，哎呀你们怎么就是看不到消息啊！
短信	贵	一个群发三块钱飞了，你有钱你上，哥不走这条路……
飞信	杂	这么多奇怪的号码看着好难受哟，除了消息内容怎么还有那么多废话，哎呀我都没法整理了……

 

作为一个已经几乎覆盖全校师生的平台，易班目前的消息系统显然可以发挥更大的作用，利用网页和移动客户端，都可以及时、准确地投递重要信息。

消息页面采用了与其它页面不同的蓝色色调，轻快的配色可以减轻事务处理带来的负重感，此外，三栏式的布局以及区块间距的设置也致力于提高阅读和处理事务的效率。

icon

 

结语

有句话说：不看需求谈产品就是耍流氓，不看场景谈设计还是耍流氓。

本作品除了在布局和配色上对易班的界面进行了重绘，更主要的是在用户的需求以及实际使用场景的角度上进行了构造和设计。尽管它不是最完美的作品，但如前言所说，这是我们心中一副理想的蓝图，我们所做的一切都是为了让它变得更好。