8bit デザイナーブログ

先日、MissTwitterなる、Twitterでミスコンテストをやろうという企画もののサイトをリリースしました。
この企画自体はどういう反響があるのかわからない部分はありましたが、
デザインとしてはDecoTwitterの際に得た鳥君のイラスト作成の技術を生かしつつ
テイストとしては女の子っぽいピンクを基調にかわいらしく見せるように仕上げました。

実際にリリースをしてみると思った以上に反響があり
サービスをリリースして以来最高の
アクセス数の伸びを見せることができました。
やはり、企画どころがよかったのとエントリーするだけ、投票するだけという敷居の低さが
ここまでの反響を生んだ部分でもあるのかなぁと思います。
それプラスここまで8bitがまいてきた種が実ってきたってのも大きいのかなと・・・

どんどんみなさんエントリーしてもらって１０００人ぐらいいってくれるとうれしいですねｗ

本日、Twitterのつぶやきをかわいくデコレーションできるサービス「DecoTwit」をリリースしました。

今回もわたくしはデザイン面を担当させていただきました。
サイトのイメージとしてはやはり「ポップ」「にぎやか」などですかね。
デコレーションのパターンは基本的に「怒り」「楽しい」「悲しい」など感情をテーマに
作成し、つぶやき時の感情を表しやすいようにとの意図で作っています。
そこで苦労した部分というのがその感情を表した鳥のイラストをラフから起こしてひとつひとつトレースしていくという
（アスキーアートパターンは違いますがｗ）部分ですね。
今回、一番時間を取られた部分ではありますが、完成して絵になった鳥くんを見ると苦労も報われるものです。

今回は鳥の感情のイラストパターンを書くことであらためて感情表現の難しさを再認識しました。
と同時にイラスト作成の楽しさを再認識させていただきました。
サイトとしてはたのしく皆さんに使っていただけるとありがたいなぁと思います。

私は元々、DTP出身ということもあり、Web業界に入った当初は慣れ親しんだPhotoshopやIllustratorで制作を行っていました。
しかし、先輩の勧めもあり今はめっきりFireworksを使うようになりました。理由はいくつかあります。

・複数のオブジェクトの選択が容易（直感的に触れる）
・画像を書き出す際の切り出しが楽
・ページ機能が使える。書き出しでページごとに単一ファイルで書きだせる。
・グラデーションを作るのが楽
などなど

作業効率を考えてもPhotoshopでやってたころよりだいぶ楽になりました。
まぁその半面書き出した画像がPhotoshopより確実に悪いなどのデメリットはありますが・・・

そんでFireworksについてネットで調べてみると、
新しいCS4のFireworksはどうやら使いにくいらしいという情報を目にしました。
実際、私も体験版をインストールして使ってみましたが、慣れていないせいもあると思いますが、
使いづらい印象は受けました。（わたしは実際いまCS３を使っています。）

まぁ個人的にFireworksは大好きなのでこれからも進化してより使いやすいソフトになってほしいと思ってます。
（Photoshopに吸収なんてされないでｗ）

＃Fireworksにあればいいと思う機能。
Illustratorのように選択→共通→塗と線
とかで同じ色のベクターオブジェクトを選択できる機能が欲しいです。現在ビットマップ画像で近似色の選択しかできなので。
これができれば同じ色のオブジェクトを一斉に色を変えることができすごく便利だと思います。

昨日、Twitterで安値を投稿できる「安かったー」をリリースしました。

今回は制作に入る前にほとんどが文字要素になってしまうサイトだけど、
見せ方で工夫してちょっと変わった面白いデザインにしたいね
ということでスーパーのチラシを参考にしたデザインにすることにしました。

サイト全体的に黄色と黒のコントラストでとても派手に仕上がったと思いますｗ
個人的にもこんなテイストのサイトを作ったのは初めてで楽しくデザインすることができました。

気軽に安値を投稿しあって商品の相場や価格の変動などを比較でき、
みなさんの役に立つサイトに育っていければと思います。
（私は新聞をとってないので近くのスーパーの安売り情報とかがのってたらありがたいですｗ）

先日、Twitterをつかった釣果投稿サイト「釣りッター」をリリースしました。

今回デザインを担当させていただいて、制作の際に気をつけたポイントは
やはりTwitterを使っているのでロゴのテイストはTwitterっぽく、
サイトの全体的なイメージとして釣りのイメージで海や魚、釣り人をサイトの各処にあしらうということでした。
あと写真がTOPにたくさん載るようにサイトの横幅も広めの980ｐｘとってあります。

実際にユーザとしてこのサービスを使ってみて制作した立場からもこのサービスはいいな～と思ってます。
自分が一番気に入ってるところは釣りッター上から投稿した人の釣果詳細ページにコメントをすると
自分のTwitterページにもそのコメントがリプライで投稿されるところです。
個人的にTwitterだけを見ながら何かコメントを考えてもでてこない事が多いので
この「釣りッター」にアクセスして釣果詳細ページにコメントするだけで
Twitterのコメント数も増えちゃうってのは結構感動的でした。

これからこのサイトを通して釣り好きな人もこれから釣りを始めたいという方も
釣りの面白さや感動を共有できるサイトになってくれればと思います。
（ちなみに自分は中学校時代は釣りばっかしてましたが、今は全然しませんｗ
でもこのサイトをみてまたちょっとやってみたくなりました。）

先日、「企業をつなげるGrmoTown（グルモタウン）」をリリースしました。

今回のデザインはヘッダーとフッターの背景に街並みのイラストをあしらい
ポイントにアイコンを配置し全体的にポップなイメージを持たせました。

今回サイトを構築する過程で当初、サイトの横幅は860pxで作成していたのですが
実際にアップしてみると情報を集めるサイトなのにこじんまりとして見えてしまっていたので、
急きょアップ後に横幅を980pxに広げるという大改造！？を行いました。

980ｐｘに広げてみてサイトにも広がりが出て今どきの
情報ポータルらしいデザインになったかな？と個人的には思っています。

会社やお店の方々に登録していただき人と人がつながる、ひろがる
素敵なサイトになっていけるよう運用・改善に励んでいければなと思います。

ぼくがデザインの勉強のために読んだ本です。
芸術家とデザイナーの違いをこの本では説明しています。
どっちがいいとか悪いではなく、客観的に仕事としての違いを説明しています。

この本で一番印象に残った言葉は「デザイナーはチームで作業する。芸術家は一人で作業する」という部分でした。
やはりデザインもチームワーク。周りの人とうまくやることが大事だということですね。

今回、もっとも力を入れた自社サイトのメインビジュアル。

はじめは４本しか木がたっておらずどーなることかと思いましたが、積極的にTwitterでフォローをしていくと

みなさんにフォロー返しをしていただき、いまでは４８本の木が植えられています。

このようなユーザー参加型の仕組みを会社サイトのメインビジュアルに持ってくる試みは私自身初めてですが、

実際にこうやって木が植えられている状況を見るとなんだかうれしく、やってみてよかったなって思います。

まるで心と心がつながっているようなそんな気分にさえもなります。

（木は人間の心の形に一番近いと人間の心理について研究している大学教授さんがテレビで言ってるのを聞いたことがあります。）

わたしもデザインの仕事をして人の心と心がつながるようなモノを作ることを漠然と夢みてやっていましたが、

そんな意味で今回の自社サイトのメインビジュアルはそれに近い試みができたのではないかと満足感にひったっています。

デザイン面ではこれからもっと改良（コメントがかぶる、木の成長バリエーション等）が必要ですので随時アップデートしていきます。

デザインにゴールはないのでｗ

あ、あと上のボタンを押しても色々なパターンのアクションができますので是非お試しを！

わが社、8bitのサイトがリニューアルいたしました。

以前のサイトとは一新して黒ベースのデザインです。

ポイントはやっぱりメインのFlash。

Twitterで8bitをフォローするとTopにコメントが表示されてコメント数に応じて木が成長します。

そのほかにもヘッダーで色々遊べますので是非試してみてください。

個人的に一番好きなのは「雪」のパターンです。なんか癒されますね。

デザイン面では色々と苦労したけど、無事完了してほっとしています。

まだまだ改善、改良も必要かと思いますが、とりあえず自分にお疲れ様です。