2010
03.26

デザインセンス磨く+αに。

webism100326.jpg実は、私が普段授業をさせていただいているインターネット・アカデミーが運営しているサイトは、この【webism】以外にもうひとつあります。

その名も、『新宿御苑365日』。

インターネット・アカデミー新宿校のすぐお隣に位置する、日本随一の庭園、「新宿御苑」の雰囲気を、
開園日に毎日写真と短い文章で紹介するサイトです。

このサイトのアイキャッチ、と呼ばれるページ上部のイラストに注目。

イラスト部分はFlashアニメーションという技術を使って作っているのですが、
なんとアクセスをしていただいた時間に応じて、
どんどんアニメーションとイラストの風景が変わっていきます♪
もちろん、生えている植物も変わりますよ!

昼は多くの人で賑わい、
夕方は暮れなずむ風景に植物が照らされ、
夜には月が暦通りに満ち欠けしていきます。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

この”時間”によって変化するアニメーションの仕組みは、
ActionScriptという言語を使って命令を出しています。

アニメーションの動きを作るのはFlashというソフトなのですが、
それにActionScriptという言語を足してあげることで
こんな「変化する」アニメーションをつくることができるのです。

しかも、このイラストを描いたのも、
ActionScriptの命令を書いたのも、
記事や写真撮影をしているスタッフも、
頭のてっぺんからつま先までインターネット・アカデミーのインストラクターなのです☆


もちろん、私も更新のお手伝いをしています☆

Webデザインの重要な構成要素が、グラフィックです。
質の良い写真がなければ、良いWebサイトを作ることができません。

だからこそ、写真撮影がお好きな方にも
興味を持ってもらえるようなコンテンツとしてこのサイトをご用意しました。


また、このサイトを作る技術も、
デザインもすべてインターネット・アカデミーの授業で習う範囲ですから、
講義に興味を持ってもらえたら幸いです。


今はちょうど、桜が見ごろ!
写真を撮るのも楽しくて仕方がありません。

撮った写真を見ていると、「ああ、こんな色の組み合わせもアリなんだなー」なんてふうに、
画面にどんな色味をならべていけばどんな風に見えるのか、
といったことまで思考が進むので、写真は色のバランス感覚を養うのにとてもいいと思うのです。


ぜひぜひ、サイトを見てみて、さらに興味がわいたら
スクールに足を向けるついでに、新宿御苑にも訪れてみてくださいね(^^*)

カメラが好きな方は、特にカメラ必携で!
撮った写真が、もしかしたらいつかの自分の制作物の素材として
使えるようになるかもしれませんから。

message by INTERNET ACADEMY | 2010年03月26日 23:37
« 前の記事 | メイン | 次の記事 »

コメントを投稿

名前

ブロガーのプロフィール

ささくらはなび
Webデザイン専門スクール講師。気ままにWeb世界を語ります。
twitter_bt_03.jpg

運営カンパニー

Webデザイン・Webデザイナー

ブログ内検索

カテゴリー

最近のエントリー

Boston Lab ブログ

米国のW3C本部で勤務しつつ、インターネット・アカデミーの商品開発をしているインストラクターのブログです。

カレンダー

2010年03月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

過去の投稿ログ