APPSeed

APPSeed 是初创的科大移动应用开发社团,由一群志在用技术为科大校园生活带来改变的同学们建立。而这个主页,就是我们 APPSeed 在 Web 上的根据地。

设计它的第一版首页时,我首先还是从「高冷而酷」的角度去考虑的。第一个发布的效果图是这样的

APPSeed

它在布局上应用了标准的响应式设计,主要的页面元素均可以良好地适配小屏幕设备。在配色上,它参考了 APPSeed 的第一个应用 ClubSeed,Blanched Almond 和 Light Coral 的配合毫不突兀。至于字体,这里则是应用了一位 APPSeed 成员所建议的无衬线体 AgencyFB,它的刚硬气质令整个页面风格更加洗练。最后,背景图片是我之前用过的初代 iPhone,使用 Tamron A16 配合外闪拍摄,后期对黑色做了提亮,并锐化了背部的 Logo 和划痕。私以为这台智能手机的鼻祖和 APPSeed 的气质十分契合呢。

不过一把高冷的爱疯,确实没有一个「代言人」来得 Impressive。在换上了樱花季里我给帅气的 Helium 拍的一张照片以后,效果一下提升了不少。

作为一个整体性的设计,在更换一张背景图片时,主页的细节也需要同时做一些改进。在将几个元素反色,并更换了社团介绍 <div> 的背景样式后,这个风格才算基本上和背景契合。

实际上,背景图片也做了一些针对性的调整,比如减弱了绿色的饱和度以免红绿撞色;微调了肤色以适应 Blanched Almond;提亮了暗部以配合字体的色调等等。当然了,由于男神底子好,后期基本没费多少心呢。

由于主页任性地通过纯手写来实现,没有使用 CSS 框架,因此在一些旧版本浏览器上可能会有一些兼容性问题(好吧,面腾讯的时候问了我关于浏览器兼容性的问题,我完全答不上来……)。如果发现,敬请告知。