MY WONDERLAND新版预降临
2018-10-27

我只是睡觉,在梦里更新一个遗忘的网站,想着当你用4K大分辨率打开网页的那一刻,也是只有寥寥无几的icon,像空旷之地最深远的孤单,深深的将你吞没……

如果你能有耐心一一关闭小七站点服务提供方轰炸式的广告,便会看见MY WONDERLAND在即将到来的新的一年不一样的样子。
删删删,没有撑满的背景或者巨大的banner,没有这个导航那个列表,没有奇怪的渐变多余的圆角刺眼的高光朦胧的镜像复杂的材质浮夸的动效,只有寥寥无几的icon,便是新版MWL的孤单和高冷,看似安静的,却总有几处不安分的骚动,重复着周而复始的返复运动;看似灰白,却暗藏绚烂的点缀。新版网站的理念即是这种循环,无尽……

身为集产品、设计、码农于一身的站长小七,这次也完全没有抑制自己登峰造极的专业素养,在开始规划前,先轻量化(形式化)地走一波分析。首先是关于网站的目标和用户,MY WONDERLAND是一个旨在记录和分享的网站,受众用户主要归纳为三种用户类型,设计爱好者、轻度码农和故事迷(嗯,即是站长本人)

网站功能方面,根据实用性和使用频率对几个主要功能的权重做了微调,比如全站五大频道导航,由于每个频道受众属性重叠不多,比较少访客需要在各个频道切换,大导航的主要作用便只是站长上线测试时方便点,所以删了删了,只剩五个点;还有用户登录这类,大多穿插在评论、下载、私信作者这种流程内,主动引导登录的使用率则较低,因此丢页面最下边了;还有关注公众号、捐助网站这种,真的只是站长一个人的需求(桑心),也丢最下边。今后的网站会走内容单核路线。

信息架构么有太大变化,还是五大频道,其中小镇(County)频道集合了论坛、相册和测试版块

封页(小萌客串版动画分镜)没有变化,细节上更换了新的wondericon,增加了版权信息。LOGO水晶球体里其实便是上一版网站的背景多彩生活(rainbow life)。


线上效果(PC)


线上效果(mobile)

7'WORLD - Endless World
小七笔下的世界,这个版块在设计的时候头脑风暴了最多的构思,传统的仿印刷品,电影放映厅;梦幻的宇宙,根据时节移动的天球;或者是笔下世界里的漂浮空中的巨大要塞,没有顶点的无尽之塔,亦或是一个象征时间的沙漏,一个封印着的大门,一个轮回转动的太极。最后,融合了宇宙、太极、六芒星封印和白夜星空,差不多是右侧中间的这个样子。


线上效果(PC)


线上效果(mobile)

7'Design - Endless Fly
小七的设计,有五个分类,想在版块首页上摆五个入口的,不过这种平庸的凡人的逻辑和小七不搭,所以7'DESIGN首页最后想做的是一个解锁界面,解锁界面有什么,什么都没有,只显示个时间;小七做了一个没有指针的钟(是真实的时间哦),最后阿拉伯时间显示也省了,加个了循环动画,穿梭于无尽的云海的调调(映像稿里的小飞机也没有了,直接机长视角),象征了时间的无限,无尽的旅程。


线上效果(PC)


线上效果(mobile)

7'Blog - Endless Canto
小七的手账,7'BLOG其实包含7blog和12blog两大类,分别对应一周七日和一年十二月,后来又加了Godblog用来记录临时想到的World中角色的台本。本来想将七日/十二月手账的元素融入新版设计中,之后在简化中全部抹去了。最终构思的演变是BLOG - 笔记 - 回忆 - 录音机 - 唱片 - 复古黑胶唱片,版式也设计了好多种,最后权衡效果和更简洁的页面代码结构选了这个样子,希望大家打开7'BLOG时,便像是我们手机待机时听歌的样子。另外,因为文字内容比较少,7'BLOG也是三个频道新版唯一在首页放了内容的版块。


线上效果(PC)


线上效果(mobile)

内页设计,基于站长上升处女的执念设计为灵魂水平对称效果,另外因为网站配合手机的单栏版式在PC上又宽又扁,因此加个了黑胶唱机,当页面变宽时,唱片会从页面封套里抽出,点了可以播背景音乐。

最后,真的真的很久没有送了,纪念版解锁WP给大家——

Poursnow 小七 430
avatar