(id:hateda_sonic)

design_note2005-11-29

えらい依頼が舞い込んできたわけで。第一回、ハニフェスさん。
こりゃあ、参った。
ぼくはてっきり『壁のぼりナイツ』で、土屋のチープカさんに依頼が完了してて、すでに出来上がってるんじゃ?どんなんだろ?って想像するくらいの意識だったので、依頼メールが来たときは、正直 驚きました。でもこれってかなり光栄なことだってすぐに意識が切り替わったので、他の作業を一旦中断して作業に取り掛かったわけです。だって期限がかなり差し迫ってたから。
とりあえず、大まかな形をつくるにも、記事部の幅は固定がいいのか、パーセント表示で動く方がいいのか。さまざまな方が書き込むことを考えると、それさえ決定するのに想像をめぐらさないといけなくて、そこらへんが非常に難しかったように思いました。
また、ちょくちょく言われてたことですが、ハニフェスにはそのものの空気・雰囲気みたいなのがないってことで、あまりにも話題にしている人が少ない。そこらへんからも、何を意識して形作るべきなのかが非常に悩みました。 あまりにも空気を読み違えて、あのフェスはデザインが酷かった。って言われるのも嫌だしね…。
特にトップ画像については、わりと色々と作ってみたような気がします。あくまで秘密裏に動いていたので、誰もオッケーって言ってくれるわけでもないし、依頼者である田中さんも作業経過を眺めてて、「ほんきで大丈夫かよ?」ってほど迷走していたと思う。試行錯誤しながら最後に頼りにしたのは「はにふぇす」ってゆう音でした。形がないのなら、ふわふわしたイメージで、HANIFESの文字が浮いているような、イメージで作ってみたわけです。トップ画像ができたのが開催前日の夜だから、いかにギリギリの作業工程だったのかわかります。
とりあえず、今、改めて眺めてたんだけど、そんなに悪くないとは思う。正直もっと深く想像してもっと作りこみたかったって気持ちもあるのだけど。まぁいいです。フェスの中で、改めてデザインに関しての反応は見込めそうもないけれど、酷いってのもないんじゃないかなー。まぁ、よくわかりません。
それにしても、この依頼は本気で疲れました。でもやって良かった、いい経験させてもらったと思う。
こんな俺なんかに依頼してくれた田中さんに、感謝したいとまで思った。

ちなみに

最終的に自分で保存したデザインは、提出した後に、田中さん側で最後に調整を行ってもらったのを、勝手に盗んできたCSSです。(行の幅とかコメントリンクの色、プロフモジュールなんかが調整してくれたような気がしたのだけど。それだけで、グッと良くなった気がしたので、さすがだと思った。)

続きを読む

(id:chachaki)

design_note2005-11-27

とりあえず、何か好きなものとか教えてください。とした時に挙げてもらったものを全く参考にしてない感じがあって、申し訳ないなぁ。と思うのは毎度のことなんですけども、ちゃちゃきくんのイメージって正直、的確に掴めてる自信がなくて、その中で、わりと短文で構成されている様子とかから、ゴテゴテするよりは文章が映えるように、シンプルでカチカチっとしたのが似合うんじゃないかと思ったのでそのような方向性で作ってみました。 あと、色見は寒色で。理系っぽい感じですかね。

要望

この緑色のヘッダで、きれいにまとめてる人をみかけたことがないので、あえてチャレンジしてみたけど、けっこういい感じにまとまったように思う。一度、ゴテゴテに画像を入れてみたのだけれど、やはりイメージと違ったので、あえてプレーンな形に戻してみました。画像を入れてるのはモジュールタイトルくらいか、あと背景の斜線はこないだブクマで話題になってたツールを使ってみました。あれは色味の差が大きいときはエッジが目立ってしまい、きれいに描画しないので、便利だけどセンスを問われるツールですね。なかなかに難しかったです。

続きを読む

(id:mu-gi)

design_note2005-11-21

募集してみたところ、喜ばしいことに即座にカヨさんが手を挙げてくださったので、早速デザイン作業に移ります。今回も細かい要望をいただいておらず、わりとおまかせっぽい感じなので、方向性を間違えないように意識しないといけないと思う。なんとなく今まで使用しておられたテーマから、好みみたいなものは読み取れている気がするので、そこらへんを抑えつつ、作っていきたいと思う。出来上がりはシンプルに仕上げるつもり。しっかり手を入れるんだけど、本文まわりの装飾はできるだけシンプルに。背景をこだわって落ち着いた雰囲気を出せればいいかなぁ。そんな感じ。

作業中

きれいな写真を撮る方なので、フォトライフの画像の見せ方とか考えてみたいと思った。とりあえずヘッダに横並びにしたり、3カラムにして一列に並べたりしてみたんだけど、どうもしっくりこない。他の作業が終わるまで特別よいアイデアが浮かばない場合は普通にサイドバーに格納することにする。
全体の色味は落ち着いた感じでつくることにした。好きなCDジャケとか聞いといて、ほとんど参考にできてないのでどうかと思ったりした。そこらへんはえらく申し訳ない気持ちです。

提案

全体的に同じトーンで仕上げてたものを見てもらった際に、差し色があったらいいかも?との提案から速攻で採用。でも明らかに自分のセンスが問われる作業だったために、試行錯誤の結果、一応仕上げたものの若干不安は残りました。

感想

積極的に意見をいただけたことが、かなり良い方向にむかったような気がしてます。自分が作ったってよりは共同制作的なノリに近い気がする。自分ですべて決めていくのもいいけれど、こうゆう作り方はセンスの部分でかなり勉強になるので楽しかったし一歩進歩したような気がした。

続きを読む

(id:hiloco)

design_note2005-11-17

ひろこさんからの依頼を承ったので、デザインの調整をします。
とりあえず、以前作ってたものを希望されているようなので、それを元に作成していきたいと思います。以前作ったそれは、シングルカラムだったので、サイドバーもあったほうがいいと思うことと、あと素材感とゆうか、せっかくつくるのだから他と差があるようなものにするために、ちょっとずつ手を入れていこうと思います。初めて個人に対してつくるのだからいいものを渡したいなんて生意気なこと思うので、色々とできることをやってみたい。最近、なんかプロが15,000円で作るとかそんなんがちょっと話題になってたけど、なんとなくあれよりかはいい感じに仕上げたいなぁ。と、思ったり思わなかったり(もちろん思ってるって意味)
なんで、来週末くらいに渡せればいいかな。とは考えているのだけど、もしかしたらもうちょっと遅くなるかもしれないので、のんびりと待ってもらえたらいいかと思います。それなりにちゃんとするので楽しみにしててください。なんて自分に軽くプレッシャーをかけつつ。
あと、hilocoさん宛の私信ですが、今のダイアリーのヘッダとフッタの内容を教えてもらえないですかね? そこらへんも参考にしながら作れれば、実際に適用した際に崩れることも少ないだろうから、よろしくです。

作業中

プライベートモードにて作業を開始。
基本の色をもとに、以前からやってみたかった画像を入れまくるデザインにチャレンジ。わりと華やかな感じに仕上がってきたのではないかと思う。すんごい乙女色だ。ここでわりと満足気なオダがあることに気づきましたよ。依頼してくれたhilocoさんの、元にしたデザインに対してのコメントを見ると、「シンプルでいいですね」って言ってくれてる。今の今まで依頼されたことが嬉しくはしゃぎ過ぎてしまっていて、シンプルなものとはえらく離れつつあることに気がつかなかった。これはちょっと過剰かもしれない。望む方向とはちょっと違ってきてるかもしれない。とは言っても今更方向を転換するつもりもあまりないので、とにかく気に入ってくれることを願うのみです。
でもまぁなんだ、自分で言うのもなんだけど、わりとがんばったんじゃないかと思う。 個人の好き嫌いはあるだろうけど、一般的にはたぶんモテる方向性だと思うよ、このデザイン。だってピンクだもん(ピンク使えばモテると思ってる人です)

続きを読む

白地に角丸赤

design_note2005-11-12

帰りによった本屋でrelaxを読んでたら、赤枠に白地と白枠に赤地のページがたくさんあってデザインしてんなぁ…と感じたのでマネをするのです。
角を丸める画像を作っては張りの作業を繰り返し、やっとこさ完成。やっとこさってほど時間かかってないけども。なんかかわいいんだかなんなんだか、非常に微妙な見栄えになりました。横のラインとかを合わせる部分があったらもう少しすっきりした印象になりそうだけど、それは今の構造上ムリなのでこんな感じでいいや。とりあえずIEで確認してみたところ、微妙に崩れがあるっぽい。 2px程空けているはずの幅が安定していない状態なのかなぁ。こうゆうときは透明の線を引いたらいいってのをチープカさんのところかどっかで見かけた気がするので、明日にでも調べてやってみるです。これにて一日目終了。

二日目

やっぱりチープカさんのところにIEのバグとして接続部がずれるとゆうのがあったのでさっそくそれを参考にボーダーの調整を行ったら、IEでも正常に表示されるようになった。ちなみに透過色ではなくて背景色だった。あと、とりあえずヘッダを白にして、検索箱は消してみた。だいたいこのくらいでいいんじゃないかと思う。やるとすればアマゾン関係なのかな。
今、思いついたけどめんどくさい作業になるのでやるかどうか疑問だけど、最近の雑誌の表紙なんかでよくある凸凹感みたいなのを出しても楽しいかもしれない。赤い部分がちょっとだけで凸ってて、ツルツルしてるみたいな感じ。画像をすべてやりかえないといけないし、どれだけそれっぽくなるかわかんないからなぁ…。とりあえずこれはこれで置いておくか。

白地に青

design_note2005-11-10

今までも何度も挫折していますが、もういちどやってみることに。上手に使えればキレイにまとまると思うんだよね。だってこの青色は確かにキレイな色してるし。

一夜明けて

会社でなんとなく開いてみたら、これひどい。IEで見ると崩れもえらくひどい。 昨晩寝るまでわりと一生懸命にちまちま画像作ったりCSS書き直したりバランスとったりしたのに。凄まじくセンスが欠如した感じだ。バランスが取れてなさすぎる。いつからこんなひどいことになったんだろう。こんなハズでは。こんなハズでは…。

考えてみる

バランスの悪い原因はどこだろう。それはネックの部分ではないかと、えらく中途半端すぎたのではないか。そう判断するわけです。今は幅200pxの背景を差し込んであるのですけども、これをもっと思いっきり細くor太く、どちらかにするべきだと。そう判断します。次の作業する方向性が決まりつつあるのです。

白基調のサイドバー無し

design_note2005-11-07

前作ってたものに手を加えた。
もともとかなりシンプルな構成だったのだけど、トラックバックと、今はやりっぽくトップの検索窓も消しました。コメントも消してもいいんだけどそれは残しておきたい気がしたので残しました。主にグループ活動とかサブアカウントでのメモ用を意識しています。
でもあれですね、そろそろ薄い色見のデザインにも飽きがきてるかもしれないので、若干、時代遅れな感があるのかもしれない。まだ、僕はそうは感じないけども。
とりあえず、できあがったものはグループ日記で採用してます。サムネイル置いてみたけど全体的に薄すぎてわけわかりませんね。