emotional-box project

Photos from Flickr

  • Petra
  • Petra
  • Petra
  • Petra
  • Petra
  • Petra

Profile

avatar 小野田 智(オノダサトシ)
日本でWebデザイナーとして活動後、英語習得のために渡豪。18ヶ月の修行期間を経て帰国後、Web業界に復帰、某社にてデザイナーとして勤務中。
詳細

Recent Entries

Currently,

Design 1/2pages    Next Page

27th Dec 2007

リニューアル

いやぁなんとか、年内リニューアルに間に合いました。
ほんとはクリスマスに間に合わせたかったのですが、24日なだけに24をぶっ続けで見るという企画が入ってしまい、最後の詰めの作業できず。しかも、サーバー引越しをかけたら若干のトラブル発生でちょっと見苦しいところを見てしまった人たちもいるかもしれません。まぁ、年を越さなかったのでセーフということで。

前回のデザインは2006年の8月にメルボルンの伯母の家に引きこもっていたときに作ったもの。まぁ、あれは自分の中ではかなり満足な部類に入っていたのですが、冷静に見直してみるといろいろと不満な部分も出てくるものなのです。というわけで、今回は以下の部分を念頭においてページのデザインをしてみました。

  • スペースを調整
    前回のデザインで一番気になっていたところはこれなんですよね。横幅800pxの画面まで意識して作っていたので横幅が狭い。そして、デザインエレメントの関係で縦のスペースは無駄にある。細部にはこだわっていても全体を俯瞰すると間延びして見える感は否めなかったので、今回はかなり余白を意識して調整してみました。
  • 日本語版タイトルも表示
    実は、以前から日本語のタイトルは付けていたのですが、システム的に厳しい関係でこの部分は英語で共用にしていました。しかし、今回はこれを遂にバイリンガル化!といっても、システム的な問題が解決されたわけではなく、これと引き換えに前後のエントリーを表示する機能が使えなくなってしまいました(ExpressionEngineで該当の機能を使用すると、共用のタイトルつまり英語版が表示されてしまうので…)この部分は、今後なんとかフィックスする術を研究していきたいですね。
  • 何気にAJAX
    最近、仕事で使い始めたjQuery、これがナカナカ楽しい(笑)。イヤミにならない程度にアニメーションを散りばめてみました。

とりあえず、今のところはこんな感じです。リニューアルをしてみて改めて気づくのが、ExpressionEngineの柔軟性の高さ。若干、タイトル周りに制約が加わっていますが、それはかなり強引にバイリンガル化のテクニックを使用しているから。それ以外は内部的に複数のBlogを統合したり、phpで小さなカスタムファンクションを作ったりと、もう、やりたい放題なわけです。それにも関わらず、吐き出すコードには殆ど無駄がない(今回もXHTML+CSSでちゃんとバリデートされます)
これなら、日本でもExpressionEngineはもっと広まるべきだと思うんですけどねぇ。

続きを読む

折りたたむ


Monologue, Design, Web


28th Jun 2007

Tokyo T9 Friends

最近の仕事から、
ちょっと前にこんなサイトを公開しました。
http://www.jt9.jp/

t9という携帯電話用予測変換エンジンのプロモーション用携帯サイトのプロモーションサイト(複雑)

僕が担当した部分は静止画的なヴィジュアル以外の全て。まぁ、つまりFlashのプログラムを書いたりとか、効果音を作ってみたりだとか。今後はもっとコンテンツも増えて会話のシーンも増えていくはずなので、それをマネージするためにファイルメーカーでDBを作ったりもしてます。
絵に関しては、うちには他にも優秀なデザイナーさんが何名もいるので僕はやる必要なしね。

まぁ、そんなこんなで完成したこのサイト。まだまだコンテンツ自体が少ないけど、芸の細かいサイトに仕上がったのではないかと自画自賛です。次のフェーズでは入れる場所が増えたりして、コンテンツ部分が充実していくはずなので、作る側としてもかなり楽しみ。

ActionScriptに関してもAS2.0のメリットをやっとフルに引き出せたという感じで、シーン管理用のクラスライブラリを作ったりとか、動きにはもちろんFuseKitを使ってみたりとか、ひとりでかなり頑張ったでしょう。

でも、まぁ、やっとこれがスタート地点なのかなぁ。世の中には、カッコいいサイトは山ほどあるわけで。そういったものと比べても、今回のものはクオリティ的に遜色ないレベルまで持ってこれたと思っているけど、決して優れているわけでもないでしょう。これからは常にこのレベル以上のものを作っていかなくちゃ。

続きを読む

折りたたむ


Monologue, Design, Web


1st Aug 2006

リニューアル

ご覧の通り、Blog自体をリニューアルしました。
今までのデザインもそんなに嫌いじゃなかったのですが、世の中にあふれているクールなサイトを見ていると、自分のサイトもかっこよく着飾ってみたくなるものです。決して、自分がNo.1にないたいとは思えないけど、自分の中からもっとできるという言葉が聞こえる限り、それに挑んでみるのもありかと。

今回はExpression Enginという日本ではあまり知られていないBlog構築用のソフトウェアを導入し、技術的にもいろいろと個人的な新境地を目指しました。

・バイリンガル化
今年の初めから2ヶ国語で書き続けていましたが、おかげでエントリーがとても長かった。殆どの人はどちらか片方しか読まないのだから、ページを分割したかったのですが、これをExpression Engineの機能を活用することでなんとか実現しました。RSSも、日本語版を配信できるようになったので読みやすくなったと思います。日本語のタイトルも付けたいのですが、若干技術的な問題を抱えてるため、実現に向けて試行錯誤の段階です。

・Varidatorに通るStrictなXHTMLとCSS2の採用
技術者の自己満足かもしれませんが、やはり標準技術にしっかり則りつつ、表示も美しくするのは重要かと。相変わらずMac環境がなくて確認できないので不安ではありますが、とりあえずWin版IE、Firefoxでは意図したとおりの表示に、Operaでも「ほぼ」問題ないレベルで表示されるようになりました。

他にもいろいろと気をつけたところや面白い部分があるのですが、それはまた別の機会にでも。
ExpressionEngineの情報は日本語では皆無に等しいので、興味のある人はきっといるでしょう。
あと、Portfolioのページには今回初登場の作品も数点あるので気になる方は見てみてください。

続きを読む

折りたたむ


Monologue, Design


10th Jun 2006

壁紙

wallpaper

僕はPC用の壁紙を作るのが好きで、これは最近の作品のひとつ。
普段は3Dのソフトなどを使って作ることが多いのですが、今回は撮りためてあった写真を元にして作ってみました。
クリエイティビティが研ぎ澄まされたり、新しいテクニックを開発したりできるので、こういった作業はとても楽しいのです。

あとは、最近は英語の勉強にフラストレーションが溜まってきているのかもしれません。英語の勉強自体はいいことなのですが、英語自体は何度も言っているように僕の目的ではないのです。それを活用することこそが、僕のやりたいこと。まぁ、今日で学校も完全に終了。来週水曜に半年前に落ちた試験を受けなくてはいけないのですが、もう密度の濃い勉強はしなくてもいいかと。それって、僕の目的に関して言えばやっとスタートラインに辿り着いたってことなんでしょうかね。

続きを読む

折りたたむ


Monologue, Design


1/2pages    1 2 >
emotional box project all rights reserved Satoshi Onoda
powerd by expression engine