「Webデザイン」タグアーカイブ

【作品紹介】FDSリニューアル案

ちょうど、去年の今頃考えた
FDSのリニューアルデザイン案。

公開ページ(会員でない人も見ることができるコンテンツ)トップページのデザイン案。
FDS TOPデザイン案

SNS会員ページのトップページのデザイン案。
SNSトップページ

これ以外にも、会員向けの各画面を20ページ程作っている。

残念ながら、これらは日の目を見ることは無いのだが
せっかく作ったので、この場で公開することにした。

作成当時の話
デザインに入る前に、必要な機能を洗い出し
それらを元にデザイン案を作成していった。

機能ごとに各ページに必要な情報、インターフェイスを考えながら画面を作っていった。

htmlコーディングもしていないし、プログラムも入っていない静止画の状態であっても
デザインした画像を目の前にすると

・どんなページが必要か
・どんな風に画面遷移するのか
・どんな情報があると利用者が迷わず辿りつけるか など

より具体的に想像できるものだ。

各画面ができた段階で
「このまま、進めてもいいのだろうか?」と
FDS管理人(=我流氏)が疑問を抱き始め
「当初考えてた案をやめて、コンセプトを練り直してから作り直そう」
ということで、一旦保留にしたプロジェクトでもある。

どうせエネルギーを注ぐなら、より良いものを作りたい。

FDSのサイトのビジョンが固まったら
私も気持ちを切り替えて、いいデザインを生み出したいと思う。

【作品紹介】css Zen Garden投稿作品

zen Garden
私のデザインしたcss Zen Garden

↓全体像はこんな感じ。
ページの全体像

css zen Gardenと言えば
CSSを勉強しようとする人は必ず参考にしたのではないか?
と思われるほど有名なサイト。

css zen Gardenの本家サイトで配布されているデータのうち、xhtmlは改変せず
css部分だけ変更して、自分のオリジナルデザインしたページを作って
本家サイトに投稿できるのだ。(現在登録されてるデザインは210)

同じ原稿(マークアップがそのまま)でも
こんなにデザインにバリエーションが生まれる、ってことと
考えもしなかったCSSでのデザインの表現を発見する上でも
css Zen Gardenには、とてもお世話になったものだ。

私も去年の7月に、上記のデザインを投稿してみたけど、反映されず…。
(没ったかな?)

ま、
こういうデザインもできますよ!!
ってことでお見知りおきを…。

ブログをリニューアルした

ねこび~んファミリーでデザインしてみた!

ブログのデザインを自分好みにカスタマイズしたら
更新する時のテンションが少しアップした気がした。

今回リニューアル作業をしていたら
色々アイデアが浮かんできて楽しかった。

今度また、ねこび~んの別バージョンの
デザインテンプレート作ろうかな…

仕事とは別に、プライベートとして
見てる人の顔がほころぶようなサイトを作りたい。
(いや、作ろう。何とかして)