First Order

ユイザキ - ミサカとおしゃべりしよ (id=22543726)

雖然標題名為 First Order,但請不要誤會,內容與 Last Order 毫無關係,如果你還對下文抱持任何的期待的話,就 當作被騙 看完這篇文章吧!

很久很久以前,一位名為新堂楓的紳士向我提出了主題製作的委託,然而因學測前 打混 用功念書很忙所以暫時推辭掉了。事隔2個月後,當我正沈醉於學測後混到不行的頹廢生活時,一則私訊闖進了我的生活,使我再度啟動塵封已久的 WordPress

##設計

這次的設計主題有三大要求:

  • 加強相片呈現效果:這點在最近發佈的 Octopress 主題 Slash 已經提供了一個不錯的解決方法,Fancybox,這個使用簡易、特效華麗的 jQuery 外掛大概會成為我日後製作佈景主題的必備工具。
  • 一眼就能看出是圈內人:雖然我也同為圈內人,但是適合圈內人的網站設計還真沒看過幾個,令我印象最深刻的大概非 Dannychoo 莫屬,然而敝人能力不足,腦袋裡的點子差不多快枯竭了,我應該找個時間翻一翻圖書館的設計雜誌。
  • Key&minori style:這點更加靠北了,無論是 key 社還是 minori 社的 galgame 我都沒玩過,更遑論這兩家公司的設計風格了。

雖然委託人提出了上述的三大要求,不過看看就好,下文的設計風格與要求大相逕庭。

##開始

看完了這篇投影片後,便決定利用 Middleman 這個超神速的 mockup 工具設計主題大綱,不消兩小時便做出了兩個 mockup,思索設計的過程說不定比製作 mockup 的時間還多。

第一個主題以 GitHub 為設計範本,從標題的銀邊應該能很明顯的看出來。

第二個主題以 Dribbble 上的某個點子為範本,搭配部分 Production I.G 官網的元素(雖然看不大出來)。

我曾經認真思索過如何符合「一眼就能看出是圈內人」的要求,因此參考了京都アニメーションProduction I.G 的網站,現今的動畫官網真是做得愈來愈棒了,特別是 Guilty Crown 的官網,華麗之餘還能包含許多 HTML5 要素。(不過那毫無章法的劇情是另一回事)

##套版

最後委託人底定第二個主題為設計大綱,套版相對於設計簡單多了,只要將過去私用的「Corner 2G」(之後或許會釋出)稍微修改即可使用。

少數派鍵っ子系學園の新堂楓 - keyfans.net

「Linor」至此終於製作完成,除了支援所有 WordPress 3.0 的功能以外,還附帶以下功能:

  • 頁數切換
  • Comment Quicktags
  • 留言引用
  • Fancybox(委託人使用的是Floatbox
  • Responsive Design

經過委託人同意後,決定將本主題公開發佈:Linor (1.0.5)

##後記

再度接觸 WordPress,發現 WordPress 比起 Octopress,實在臃腫許多,就算架在本機也讓人感覺速度很慢,不過內建了很多方便的函數,使得開發速度大幅提昇。

製作他人委託的主題並不像自己創作一樣容易,必須考慮到委託人的要求、感受,我覺得這次的成品並不夠完美,希望未來的合作能夠更加完美!