投稿日:

訓練校で作った作品　３

XD　ワイヤーフレーム制作

・コンセプト：webサイトのワイヤーフレーム制作。サイトのジャンル指定は無かったので私は お花屋さんのサイトを想定して作りました。実際にお花屋さんに立ち寄った時の様に、カラフルで華やかな雰囲気のサイトデザインに仕上げました。

・ターゲット：お花の好きな10代～30代の女性。

・工夫した点：ブーケやアレンジの花が映える様にバックは白を使用、フチは花壇をイメージしたレンガのテクスチャーを配置しました。TOPにスライダーを使用し、ホワイトデーや母の日など特集ページが目に入りやすく、飛びやすいサイト構成にしました。

・使用アプリ：XD/Illustraor

・制作時間：８時間

投稿日:

訓練校で作った作品　４

スマホサイトUIデザイン制作

・コンセプト：webデザイナー・ディレクター養成校「アジャストアカデミー」のスマホサイトのログイン画面のUI制作です。

・工夫した点：ロゴに合わせた暖色の背景を使用しました。画面の構成は操作性を重視し、余計な情報は省いて、シンプルに。項目選択ボタンはご操作防止の為大きく影をつけました。

・使用アプリ：Illustraor

・制作時間：３時間

投稿日:

訓練校で作った作品　５

JavaScript（ jquery ）　アニメーション制作

コンセプト：宇宙旅行。地球からユラユラとスタートしたUFOが、各惑星に移動し仲間や宇宙人をピックアップして、最後に遠い宇宙へ飛び立つというアニメーションです。

工夫した点：背景の星はチカチカ瞬いていて、たまに流れ星が流れる様になっています。

使用アプリ：HTML5（Brackets）/CSS3/jquery/Illustraor

制作時間：10時間

　　　　　　　　　　　　　　　　　　　　↓

　　　　　　　　　　　　　　　　　　　　↓

https://adjustacademy.com/d1812/d181211/JavaScript/index.html

投稿日:

訓練校で作った作品　６

PHP　簡単なゲーム制作

・コンセプト：トップページでプレイヤーの名前を入力後、捨て猫と出会う所からお話がっ始まります。選択する項目によって途中のストーリーは変わりますが、私はネコが好きなので最終的にどの選択肢を選んでも一緒に暮らす事になります。（笑）

・工夫した点：当初は選択しの数字を入力する形式でしたが、誤入力や手間を省く為、ラジオボタン形式に変更しました。

・使用アプリ：HTML5（Brackets）/CSS3/PHP/Photoshop

・制作時間：３時間

捨て猫。ちょっとよぼよぼな猫さんの画像

　　　　　　　　　　　　　　　　　　　　↓

　　　　　　　　　　　　　　　　　　　　↓

]]>
投稿日:

訓練校で作った作品　７

コーディング実習

・コンセプト：コーディング実習で作成したお茶のサイトです。

・使用アプリ：HTML5（Brackets）/CSS3

・制作時間：10時間

お茶サイト画像
]]>
投稿日:

訓練校で作った作品　８

コーディング実習

・コンセプト：コーディング実習で制作した コーヒーサイトと文学サイトです。

・使用アプリ：Dreamweaver

・制作時間：それぞれ10時間

コーヒーサイト画像１ページ目
コーヒーサイト２ページ目画像
文学サイト画像
]]>