谷 卓司先生の２年ＷＥＢデザイン授業の０６年度の優秀作品です。
=======================================================================
【授業内容】
DTP（印刷）にしてもWEBにしても…ともに、それ自体が表現の媒体である以上に、すでに表現された作品の「記録」や「伝達」といった機能を持ち合わせている。とくに今回のWEB演習においては、そうしたドキュメンテーション、コミュニケーションの側面に重点的に光を当て、リテラシー（基礎知識）の習得に力点を置いた。
第1課題『My Favorite Sites』では、「リンク集」ページの制作を通して、WEBのリンクのしくみを理解した。
第2課題『Guide Map』では、クリッカブルマップとマウスオーバーのしくみを理解し、それらを効果的に活用することで、フィールド調査や取材結果を「読者に魅力的なページ」づくりに役立てることとした。
最終課題では、前記の2つに加えて、過去の自分の作品を紹介する「ギャラリー」ページを新設し、自己紹介サイトの完成を試みた。
【総括】
マウスオーバーの効果的な活用がほとんど見られなかったのが残念。例示したサンプルがあまりにも Primitive すぎた所為かも知れない。「ギャラリー」については、多くの学生が意欲的に取り組んでくれた。Presentation（効果的に見せること）が「表現」の最後の仕上げであることを、今後も心に留めて欲しいと思う。
※「Gallery」のスペルの間違いが散見された。気をつけよう。
=======================================================================
【評価採点】
合評をしていないので、評価採点のポイント・基準を記します。
［］内が得点（5段階）。
※大雑把ではあるが、全員に対して、厳密に相対的で平等な配点をするには（少なくとも谷にとっては）5段階が限界。総計55点満点（教務課には全員に40点をプラスして提出）。
◎全体に関するもの
第一印象［1〜5］TOPページをパッと見た印象
操作性［1〜5］各コンテンツへの誘導の巧さ
完成度［1〜5］サイト全体の完成度・統一感
◎リンク集
リンク集［0 or 5］リンク集ページがあれば配点
見栄え［1〜5］見栄えのスマートさ
◎MAP
MAP［0 or 5］MAPページがあれば配点
MouseOver［1〜5］マウスオーバーが効果的に使われているか
構成［1〜5］内容の構成の巧さ
◎Gallery
Gallery［0 or 5］自己(作品)紹介ページがあれば配点
構成［1〜5］内容の構成の巧さ
分量［1〜5］単純に数の多さ→訴えかける熱意と理解する
=======================================================================
なお、時間的に全員の批評を書く余裕がないので、以下の優秀者に限りコメントします。
※ 記載のURLは学内でのみ閲覧可能です。
※ 掲載は５０音順です。
=======================================================================
【努力賞】４名
岡部 啓介 君 -------------------------------------------------------
http://www3.seian.ac.jp/~il05okabe/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) OKABE keisuke 禁無断転載
谷先生コメント＝＝
ブログLIKEな非常にシンプルな作りではあるが、伝えたいコンテンツが適度に伝わる軽快さを評価。
フラッシュアニメーション『Animal Race』が好印象を得たとのウワサも…。
本人コメント＝＝
見やすく分かりやすいページを目指して作りました。
澤本 愛 さん --------------------------------------------------------
http://www3.seian.ac.jp/~il05sawamoto/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) SAWAMOTO ai 禁無断転載
谷先生コメント＝＝
FRAMEを意欲的に利用したサイト。ギャラリーの収容作品点数が少ないのが残念ではあったが、一定の世界観がデザインできたと思う。
本人コメント＝＝
ドリームウィーバーを使ったことが全くなく、先生に質問できる時間が少なかったので、ネットで調べまくりながら作りました。いろいろなアクシデントがありましたが、なんとか先生の協力と自分の力で作ることが出来たのでほっとしました。アイコンはほとんどファイヤーワークスで作りました。ペンタブを使って描いてみましたが、なかなか難しかったのですぐには慣れませんでした。そんな苦労したホームページですが、この作品から私の持ってる世界観が伝わったら嬉しいです。
白瀬 綾子 さん -------------------------------------------------------
http://www3.seian.ac.jp/~il05shirase/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) SHIRASE ayako 禁無断転載
谷先生コメント＝＝
Websiteとしては典型的で、非常にそつなく仕上がっている。問題なく合格点だが、作品の見せ方などに、さらに積極的に工夫を凝らして欲しい。
本人コメント＝＝
絵を魅力的に見せるには、どうしたら良いのかな〜と悩んだ挙句、素直にそのまま、自分が描くのが好きな風景画を中心に載せました。絵力でデザインの悪さを誤魔化せないかな？と思ったのですが(笑)難しかった模様…。
平野 温子 さん -------------------------------------------------------
http://www3.seian.ac.jp/~il05hirano/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) HIRANO atsuko 禁無断転載
谷先生コメント＝＝
大胆な余白を積極的に活用したデザインを評価。ただ、ともすると全面にわたり単調な雰囲気は否めない。このうえに、メリハリのリズムを上乗せして、さらに１グレード高い完成度を望みたい。
本人コメント＝＝
なるべくシンプルで分かりやすくまとまりのあるデザインになるように心がけてつくりました。
その中でサイトの名前の温度という言葉のイメージを写真を加工してつくって張り付けました。少し寂しいデザインですが、その中でも確に静かにある温度と展示した写真作品とが繋がるような感じを意識しました。
=======================================================================
【優秀賞】３名
島田 真寿美 さん -----------------------------------------------------
http://www3.seian.ac.jp/~il05shimada2/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) SHIMADA masumi 禁無断転載
谷先生コメント＝＝
全編を通して横たわる「ヘタウマ感」が意図的なものかどうか微妙ではあるが、斬れ味のいいネーミング、マウスオーバー効果の巧みな活用、何よりも『100ho』が圧巻である。たぶん「マップ課題」の作品と思われるが…（そうだとしたら、課題趣旨は完全にはぐらかされているが）…着想の面白さと、取材力、構成力を大いに評価したい。
本人コメント＝＝
トップにはそれぞれのページのイメージを絵で表し、マウスを置くと文字でも表示されるようにしました。「100ho」では自分の家から最寄り駅までの、歩数ごとの地面や風景の移り変わりを紹介しています。たった10歩でも、見えてくるもの見えなくなったもの、たくさんの表情があります。
西 絢香 さん --------------------------------------------------------
http://www3.seian.ac.jp/~il05nishi/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) NISHI ayaka 禁無断転載
谷先生コメント＝＝
WEBページに固有な機能・所作（interactivity）をうまく活用し、言葉少なに独自の世界観を巧みに表現している。『歩みの図』では、非常に詩的なアプローチで自らの生い立ちを辿っている。全般にわたって「説明」や「写実」に囚われることなく、西絢香ワールドを完成させているといえよう。
本人コメント＝＝
ひとの手の跡を残したいと思いました。
ひとの手だから出来る、甘さや隙をwebという手に触れることの出来ないところで楽しんでもらえたら、と思います。
平原 克志 君 --------------------------------------------------------
http://www3.seian.ac.jp/~il05hirahara/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) HIRAHARA katsushi 禁無断転載
谷先生コメント＝＝
WEBづくりに非常に手慣れた感が見られる。反面、繊細に「こぢんまり」と纏まっているのが惜しい。時にダイナミックなインパクトも取り込んで、動・静のコントラストを幅広く演出して欲しいと思う。
本人コメント＝＝
今一つDreamWeaverを使いこなせなかったが、イメージしていたものはなんとか形にできた フォントなどをもっと工夫して使えるように勉強して行きたい。
=======================================================================
【最優秀賞】２名
勝島 美耶 さん ------------------------------------------------------
http://www3.seian.ac.jp/~il05katsushima/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) KATSUSIMA miya 禁無断転載
谷先生コメント＝＝
読者の「見よう」「見てみたい」という意志にまで届く潜在的なパワー（効果的な仕掛け）を随所に感じる。HTMLのみならず、CSSを理解し果敢に取り組もうとする姿勢も評価。デザイン的にも完成度の高いサイトに仕上がっている。
本人コメント＝＝
デザインは落ち着いた色でシンプルに、あと少し遊びを入れておきたかったので、おじいさんにカーソルをのせると各鳥がメニューを案内してくれるようになっています。おじいさんは鳥の言葉がわかるらしい、という設定です。
縦長ページに全てのコンテンツは収まっているのでスクロールで観る事も可能ですが、鳥をクリックしてジャンプして頂く事を前提でつくっていますので、ご覧になる際は是非鳥をクリックして頂ければと思います。
澤井可梨奈 さん ------------------------------------------------------
http://www3.seian.ac.jp/~il05sawai/（URLは学内でのみ閲覧可能です。）
Copyright 2006 (C) SAWAI karina 禁無断転載
谷先生コメント＝＝
余分な贅肉を取り払った…非常に Primitive な構成であるが、そのリズム感は小気味よく読者の心を惹きつける。デザイン的な所作・あしらいも洗練されていて好感度。かと思えば『堅田教会』への思い入れは、かなりベタで熱かったりもする。
本人コメント＝＝
ごたごたしたサイトにならないようシンプルをめざしてデザインしました。
-----------------------------------------------------------------------
