文章类别设 design

作品展示页上线及其他

最近做了个作品展示页。

这个作品页的内容是直接调用 behance 的数据(behance 是 adobe 旗下的一个专门展示设计作品的网站),做这个页面时也学到了新东西,大概了解了 api 怎么用。其实之前我一直在用 behance,也有在上面整理发布一些设计和项目,之前首页上的「作品」也是链接到个人 behance 页面(可能并没有人留意)。之所以做这个作品展示页,大概是想要在某些方面统一一下。

比如说设计上(天呐我这个过渡真是自然)——配色和布局就跟主页和博客大致保持一致,这个配色还是蛮好用的,而且用了几年竟然还没腻;页面切换效果也跟博客的一致,毕竟当年研究 pjax 时累死累活的,怎么也得多用几次。首页的卡片式展示是直接挪了 behance 的样式。

阅读全文——共1592字

主页更新及其他

趁着最近博客启用新模板的热情,顺便把主页(dorgel.net)重新设计了。这次的效率真是异常的高,两天内就做好了设计、写好了页面并且上线了。

话说上一版是从 2011 年开始用的,在这日新月异的互联网时代,能把一个设计沿用四年、且看起来不能太 out 也实在不易啊(忘了上一版长什么样的同学请点这里)。这一版沿用了之前的各种元素,只是重新排版和配色。配色是按着博客新模板 Benitation 来的;版式方面,最近特别喜欢竖排居中,于是就把中间的三个大链接的汉字连英文一起竖排了,汉字依然用的是某明体。

这版主页有个特别 [啊,找不到形容词] 的地方,顶上的个人 logo 对称字,是用纯 css 实现的,我也不知道为什么要这么做,大概是一种无聊吧,虽然这样可能比加载一个图片来得快那么一点点。而更无聊的是,我给它做了动画——页面加载时,logo 的不同部分会先后出现,再拼合起来(继而下面的元素再出现)。更更无聊的是,为了方便想再看一次或多次的同学,特地在底下放了个重播按钮。

阅读全文——共1419字

Nowhere’s Benitation

时隔将近两年,Nowhere 终于换新模板了(此处应该有掌声)。

上一个模板 Simple Grey 2 是在 2013 年 5 月时做好的,后来也大大小小修改过若干次,包括去年 4 月时做移动端优化、去年 5 月时把评论回复做成百度贴吧的楼层样式。不过由于是后来加上去的,代码弄得各种不堪……

说回这个新模板,这次终于有一个看起来不那么随便的名字了—— Benitation,来源是 beni + meditation。beni 是日文的「紅」,深红色;meditation,缘由有点复杂就不说了,不过不觉得整个氛围就有一种深邃的冥想的感觉吗!

 

阅读全文——共1223字

Sailor Moon Postcards II

藉着「美少女战士 Crystal」第一部分完结的契机,这个矢量美战的明信片印了第二辑啦(其实二者毫无关系)。

这一辑是 Sailor Moon 的武器及攻击,外加两张圣杯和一张银水晶,凑到了十张。最早是画了无背景的武器(图片 → Compus 豆瓣小站),后来结合招式名称、动画的攻击画面加了背景,再后来心血来潮给背景做了动态效果(gif 见微博 → 初代,三代&四代,二代&五代),坚持到底做完了七个 gif 之后,觉得自己可以去画逐帧动画了……以及特别感谢初中数学老师,几何实在太重要了。

然后就印了这一辑明信片。其实从上面的画背景阶段开始,就套了明信片的尺寸和样式,包括沿用了第一辑的星空背景什么的,所以差不多是直接拿去印就是了 = =。不过有了上次的经验教训——印出来的成品会深色不少——这次特地把图片都稍微调亮了一些,果然,成品颜色很还原。以及,这次给明信片们都加了白色外框,因为在深色背景下,边缘如果磨损会很刺眼。

阅读全文——共739字

Sailor Moon Postcards

由于美战新动画(美少女战士 Crystal)的播出,作为一名美战脑残粉自然是被打了鸡血的。

早在新动画播出之前,就在微博和 Compus 小站更新了一些以矢量方式描绘的美战相关图片。最初只是变身胸针以及行星符号,接着画了外部战士的 talisman,某天心血来潮画了土星的水手服以及头部,然后就不可自拔地把每个战士都画了出来,用的是新版动画过场的风格。(小站图册直达链接)

后来想,干脆就印一套明信片吧,于是就有了以上。

制作明信片时,对一些细节进行了修改,加了统一的星空背景,这是模仿了新动画开篇的风格;变身胸针改用描边样式;此外,新画了一张九大行星与轨道的,由于没有出现过地球的水手战士,颜色就依据阿卫的黄金水晶,用了金色。当然,明信片实物只是差强人意,感觉成品的清晰度不是很够,颜色上也略有偏差,虽然这些也是在预料之内的。

阅读全文——共604字

...评论提交中...