令和から。

令和がスタートしましたね。世の中は年末年始のような賑わいで、予報では雨だった天気も、先ほどは雲間から青空が顔を見せていました。


私は先日、平成31年4月26日にwebデザイナー・ディレクターの職業訓練校を卒業しました。

絶賛就職活動中なのですが、 一般企業はお休みのゴールデンウィーク中という事もあって、大掃除と復習と作品作りに励む事にしました。

そして、新しい元号のスタートと共に、今日から日々の記録と練習のために、ブログというか・・メモの様なものを始めてみる事にしました。

学校の課題で制作したものや、今の私の力量で作る作品はどれも人様にお見せできるようなものではないのですが、 目標としているデザイナー職につけるように。まずは質より数!ソフトに触れる時間を増やしたい!と思い 今後の成長記録として残していく事にしました。

初めに言っておくと、私は自分の内側にある事を表現するのがあまり上手ではありません。

さらに普通の人の普通の日常なので、刺激的な事や、面白い事はかけないかもしれませんが、 私の独り言とメモが、どこかしら私と共通する部分をお持ちの方の、何かの参考になれば、嬉しいです。

そういえば、5月1日はフランスではスズランの日なんだそうです。スズランの花言葉は「幸せの再来」大切な人や家族にスズランを送る習慣があって、送られた人は幸せになれるといわれているそうです。

振ったら音が鳴りそうでかわいいw
dae jeung kimによるPixabayからの画像

スズランモチーフの何かを今日は作ってみようかな:)

訓練校で作った作品 1

企業ロゴ

・コンセプト:BtoBの環境保全アドバイザー企業、株式会社ADJASのロゴ、ロゴマーク制作。

・ターゲット:フレッシュで優秀な若い就活世代、環境問題への関心が高い一般市民。

・使用アプリ:Illustraor

・制作時間:5時間

爽やかさ、風力発電、波力発電から連想した水色を使用し
4本線の波のモチーフを企業名の下に配置しました。

環境保全技術世界10位になるまでに企業努力を重ねてきた実直さを、
四角の枠を重ねて表現。黄色は太陽光、水色は波力風力発電、
緑色は緑化事業を表しています。

緑化・環境保全から連想した「地球を守る大樹」のシルエットを
バックに配置。目を引くオレンジを使用。

ADJAS社の環境保全事業が進む事で、田舎だけではなく、どこでも
夜空を見上げた時に沢山の星が輝く、空気の済んだ、緑の多い世界に
なるようにという願いを込めたデザイン。

企業名の下の線は広がる波紋をイメージしました。
黄色は太陽光、水色は風力波力発電を、緑色は緑化環境保全を表し
波紋が広がるようにADJAS社の素晴らしい技術が世界に広がる様を表現。

社名の印象がの残る様にフォントはシンプルで太いものを選びました。
4本の線は水・波をイメージしました。

リサイクル技術・省ごみ技術の部分に注目しロゴを作成しました。
緑化事業の緑、堅実さを表す為バックカラーは紺色を使用しました。


↑の四角パターン。リサイクル技術・省ごみ技術の部分に注目しロゴを作成しました。
緑化事業の緑、堅実さを表す為バックカラーは紺色を使用しました。

訓練校で作った作品 2

バナー制作

・コンセプト:株式会社ajfの通販用「OE-C野菜無料お試しセット」のキャンペーンバナーの制作を行いました。(グループに別れ、設営、素材の撮影も行いました。)

・仕様:リーダーボードサイズ(LB)=728×90

    ミディアムレクタングルサイズ(MR)=300×250

・ターゲット:30歳~40歳位までの、子供のいない、美容と健康に意識の高い共働き夫婦。

・コンバージョン:無料お試しセットサイトへの誘導、ブランドイメージ・認知度UP、正規会員を増やす。

・使用アプリ:Photoshop

↓色は「自然、安心、優しさ」をイメージし、ベージュ、ブラウン、グリーンを使用。

↓野菜の位置や角度から、躍動感や新鮮さ、フレッシュさを表現したバナーデザインです。

↓3パターン目はあえてシンプルに少しスタイリッシュな感じにしました。

訓練校で作った作品 3

XD ワイヤーフレーム制作

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

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

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

・使用アプリ:XD/Illustraor

・制作時間:8時間

訓練校で作った作品 4

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

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

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

・使用アプリ:Illustraor

・制作時間:3時間

訓練校で作った作品 5

JavaScript( jquery ) アニメーション制作

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

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

使用アプリ:HTML5(Brackets)/CSS3/jquery/Illustraor

制作時間:10時間

                    ↓

                    ↓

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

訓練校で作った作品 6

PHP 簡単なゲーム制作

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

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

・使用アプリ:HTML5(Brackets)/CSS3/PHP/Photoshop

・制作時間:3時間

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

                    ↓

                    ↓

]]>

訓練校で作った作品 7

コーディング実習

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

・使用アプリ:HTML5(Brackets)/CSS3

・制作時間:10時間

お茶サイト画像
]]>

訓練校で作った作品 8

コーディング実習

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

・使用アプリ:Dreamweaver

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

コーヒーサイト画像1ページ目
コーヒーサイト2ページ目画像
文学サイト画像
]]>