atsushiのWebデザイン武者修行



【DAY62】受講最終日

May 31 ,2010

ついに迎えた受講最終日
 
この日までに、プログラムをすべてクリアすることが一つの目標だったので、
昨日残った課題を家でもやってほぼ出来上がったと思える形で、デジハリに。
 
あとは、少し気になるところを修正して、トレーナーさんにチェックをしてもらうだけ。
 
 
いつものようにトレーナーさんもいらっしゃいましたが、最終日だからと理由づけをして、
今日の課題チェックは、栗谷先生に直談判してみました。
突然のことにも関わらず、快くチェックの直談判に応えてもらいました。
 
まずは、パーソナル名刺。
作成したものはこちら↓
namecard_001.jpg

 
ロゴや、広がりをイメージした背景オブジェクトの説明なんかをして、
栗谷先生から鋭いチェックが。
 
広がりをイメージしたのであれば、先端部分を見せることでより、『勢い』が
表現出来たりするのではないか。
 
さらにオブジェクトをIllustrator で出来た形のままで感覚的に太い部分があったりして、
『重さ』が感じられるところがあるのがもったいないと。
 
こういうときは、ソフトで出来た形から細かく、自分で修正をしながらより
イメージに近い『気持ちのいい』形を作っていくんですと。
このような作業に結構な時間をかけることは、よくありますよ。と言って
手を動かしながら、教えてくれました。
 
(先生がアレンジしたのがこちら↓)
namecard_010.jpg
 
余白などの感覚的な『気持ち良さ』は、制作の積み重ねることで
分かっていく(見つけていく)そうです。
積み重ねだからこそ、受講後の制作が大事になっていくと。
 
制作の積み重ねっていうと、さまざまなデザインを作ることを連想し、
そのような活動も一つですが、これまで作った作品をもとにでもいいので
修正やアレンジを繰り返して、自分自身のデザインの『気持ち良さ』を
まずは見つけていくのが良いとアドバイスを。
 
そこの感覚がつかめてくれば、さまざまなデザインも基礎が出来ているとも
言えるので応用が効き、作業時間の短縮にもつながっていくそうです。
 
 
こういったアドバイスやもう一つの課題のチェックを含めて、約1時間。
特別講義をしてもらった気分で有意義な時間でした。
 
 
そして最後に受講修了の記念の一枚!!!
 
CIMG1034_01.jpg
爽やかな栗谷先生と寝不足気味のATSUSHI。
 
 
さらに3カ月でのパーソナルプログラム受講完了の証!!
 
CIMG1032_002.jpg
 
課題制作が終わり、トレーナーさんのチェックが済むとサインをもらえる形式。
小学生時代の早朝ラジオ体操参加で、ハンコいっぱいもらえました的な達成感です笑
 
 

【5/31 の受講:3時間】
★新サイト(株式会社ワサビ)の制作


pagetop

【DAY61】AとY。

May 30 ,2010

受講期間の最後の日曜日。
  
気合いを入れて、登校。
  
 
 
残っている課題は、大きく分けて、2つ。
 
パーソナル名刺作成とリニューアルサイト制作。
 
パーソナル名刺は受講開始間もない頃の課題ですが、完全に後回しになってました。。。
 
 
名刺作成の課題で、個人のパーソナルロゴを作成しなくてはなりません。
これに悩み過ぎて、後回しにしていて、いよいよ逃げられない状況に。笑
 
 
前日から名前やら、周囲の環境や他の人からのイメージを聞いたりして、ラフ画を描いたり。
ラフ画を描いた紙を縦にしたり、横にしたり、回転させてみたりと悪戦苦闘。
 
 
悪戦苦闘の末、モチーフとなったのは、イニシャルの『AとY』。
無難なチョイスに。。。
 
 
まずは、『AとY』を合体させてこんな感じに。
namecard_logo1.gif
 
合体させたイメージとしては「東京タワー」!
 
タワーの形にしたのは、東京タワーのように、長く親しまれ、
人の集まり(繋がり)や情報の発信源となれるようにという思いを込めています。
 
 
赤色のままだと、東京タワーそのままなので、他の人から出たATSUSHIの
イメージの『草食系男子』から緑色に。
 
namecard_logo3.gif
 
そして、少し手を加えたりしてみて最終的にこんな感じに。  
namecard_logo7.gif
 
 
ロゴ制作ともう一つの課題のWebサイト制作を時間を分けて両立させながらでしたが、
あっという間に7時間が経ってしまいました。
 
結局、名刺の完成とWebサイトの作成は、宿題に。。。あと一日で終わるのかな。。。

 
 
【5/30 の受講:7時間】
★パーソナル名刺の作成
★新サイト(株式会社ワサビ)の制作


pagetop

【WORK14&DAY60】ランディングページ制作

May 29 ,2010

本日ご紹介の課題は、『ランディングページ制作』
 
  
ランディングページとは、
企業などのWebサイトを構成する種々のWebページのうち、バナー広告や検索結果ページなどを経由してユーザーが最初に訪れるWebページのこと。
 
そして今回は、美容クリームの期間限定割引キャンペーン用ページです。
美容クリームのイメージ写真はこちら。素材として使います。
0528_009.jpg

ランディングページについては、数週間前のビデオ講義の内容でしたので改めて
トレーナーさんに制作ポイントについて聞きました。
 
今回のような商品販売のページならまずは、
『販売促進』につながることが目的になる。
そのためには、商品の『キャッチコピー』や『写真』などビジュアル面が
目立つように制作されることが多い。
 
目立たせるために、ビジュアル面の占める割合が多くなり、色も多種類
使われることが多いそうです。
 
 
なるほど。ビジュアル、色の多用かぁ。
ここまでの課題でシンプルすぎるモノばかりを作っていたATSUSHIにとっては、
なかなかの難題だなと思いながら制作を。
 
そんな点を気にしながら出来た作品はこちら
★課題:ランディングページ制作
 
 
出来栄え。 んーー、、、少し反省です。
色のこと考えすぎてしまって、ターゲット層(20代後半?)を外してしまった感が。。。
 
さらに、
『買い物かごへ』のボタン周りの白枠。
GIF形式にして、周りを透明にさせるのに苦労しました。もとの画像にシャドウを
かけたりしたので、どうしても白い部分が残る形に。
 
次に同じようなものを作るときに、今回の反省を活かさなくてはいけないと
思えるような課題でした。
 
  

【5/29 の受講:5時間】
★ランディングページの制作


pagetop

Page  1  2  3  4


infomation

HLYWD AGENT

デジタルハリウッド


Copyright(c)HLYWD AGENT JAPAN INC. All Rights Reserved.