昨年体を壊し前職を退職してから一年発起し、39歳からデザイナーを目指すネコ好きのPortfolio兼,修行の日々のメモサイト。
Illustraorで円グラフ作り。
今日は引き続きLPの制作をしています。
参考サイトのコードを見ていると、画像が沢山。商品説明の文も含めて一つの画像として作っていました。
円グラフの作り方で参考にさせて頂いたサイトはこちらです！
UX MILK さん、ありがとうございます！https://uxmilk.jp/27076
LP作り自体はじめてで、どうやって作るのか？google先生に聞いてみた所、
LPで一番大切なのは「ベネフィット」＝「お客さんが得るメリット」をいかに伝えるかなのだそうです。
商品を購入してもらう。
会員登録してもらう。
詳細ページを見てもらう。
ブランドイメージアップ。
コンバージョンにあった、キャッチコピーと、文章表現が必要なようで
深いなぁと思いました。
１ページでwebページ制作より作る部分は少ないけど、凝縮させて色々作りこむ必要があるみたいです。
まだそこまで考え尽くされたLPは作れないですが、とりあえずでよいので形にしてみようと思います。
制作に戻ります！ご覧頂きありがとうございました：）
LPに使用するロゴの製作をしました。
こんにちは！今日は少し夏みたいですね。
昨日アドバイスを頂いたので、ブラック系のサイト制作よりまずLPを作る事にしました。
ラベンダーやカモミールなどオーガニックハーブを使用した化粧品メーカー「natural」の化粧水の初回お試しセットのLPを想定して構成やデザインを考えています。
まずそのロゴを作りました。
LPは現役デザイナーの方だと作業時間、日数はどれくらいなのだろうか。
私はまだコードを書くのに必死なので、今日一日で終わる気がしません。
プロって凄いなぁ。
前回面接をしてくださった会社さんは週に５社分のwebページを作成していると言っていて驚愕しました（笑）
テンプレートがあるから。。と言っていたけど。テンプレート？？？？
そのあたりも調べてみます。
それでは！ご覧頂きありがとうございました：）
今日の作業ソング：https://soundcloud.com/mohtshimwaheed/vance-joy-mess-is-mine
Photoshopでライトニングエフェクトの練習
今日はライトニングエフェクトの練習をしました。
HPのトップ画面の写真に少し光を足したいな。と思った時にどうしたら良いかわからなかったのでこれもサイトを検索して練習してみました。
カッコよい系のサイトなどで使えそうです。このサイトの手順全工程をやらなくても、いくつか使えそうな手法やぼかしガウスの使い方などあったのでとても参考になりました。
今日は、派遣の登録で恵比寿まで行って来ました。
やはりこの年齢で、Webの職務経験がない場合の就活は厳しいものになるようで、
予想はしていましたが、 帰り道結構凹んでしまいました。
心が複雑骨折です・・。（訓練校仲間のラインのお陰でなんとかヒビ位に持ち直しました。）
派遣担当の方がとても良い方で、ポートフォリオを見て改善点や、実務経験が無い場合、今までの職歴でつける仕事で働きながら、平行してクラウドソーシングの応募をしてみる方法もあると教えて下さいました。
クラウドワークスのHP→https://crowdworks.jp/
ポートフォリオに載せる作品に関しても、ロゴ制作を練習するよりも、LP（ランディングページ）を作った方が需要が高いからアピールになるとか。。
沢山アドバイスをいただきました。 ありがとうございます。
クラウドワークスは採用されるされないは別にして、これはとても良い練習になるな！と思いました。
そして。恵比寿のど真ん中に神社を発見！
折角なので、そこで私と訓練校の仲間達みんな、それぞれの望む良い職場で就職が決まる様にお祈りしてきました。
ランディングページについて調べてみます。やれることをやっていこうと思います！
それでは：）
Photoshop ロゴ制作
こんばんは！今日はメタリックの文字の練習をしました。
文字だけじゃなくてオブジェクトにも使えるので、メタルスライムをもっとメタルにしてみよう：）
これもゴールドと同じく色々な場面で使えそうですね。
本当はPhotoshopのライトニングの練習もしていたのですが、このままだと日付かわってしまいそうなので、それはまた明日に載せようと思います。
今日はこのあたりで。
１日お疲れさまでした：）
Photoshop ロゴ制作
「デザイナーレベル１ではお祈りばかりになるので、少し盛ってレベル２にしといた方がいいよ。 」
「レベル上げの方法としてメタルスライムを倒すと良いよｗ」と訓練校の仲間からアドバイスを貰いました。
早く就職を決めて、城を出てメタルスライムを倒したい！！
そこで今日はこんなの作ってみました。
本当は他にやらねばならない事があったのにな。私は何をしているんだよ・・。
いやーでもホント。
デザイナーへの道は果てしない。
はてしないなー。。
でも、前職でこんなに時間をかけても知りたい事や、やってみたいと思った事はなかったし。
前職でも「お客さんに喜んで貰って嬉しい」はあったけど、それをやる事自体が自分にとって楽しいとかワクワクするって事はなかったな。
楽しい道なら長くても良いかな、と思います。
紫陽花がもう咲く準備をしていました。
あっという間に６月になっちゃうんだろうな。
それでは。
あ！！
ドラクエ好きのあなた。あなたへのオススメの曲があります。
それでは。
今日も一日お疲れさまでした：）
Illustraorで友人サイトのロゴの続きを制作。
WordPressで使用しているテーマが、友人=cocoon、 私＝Twenty seventeen、のせいか、画面に表示された時のサイズ感が違う事に気づき、私もcocoonをダウンロードしてローカル環境で確認しながら作ってみました。
そもそも友人がロゴを作って欲しいと言っていたのは、ヘッダーのロゴ画像だったみたいです。私わかっていませんでした。ごめんなさい：(
スマホレスポンシブチェックも出来て素敵。
cocoonは設定項目が多くてカスタマイズしやすそうで、私もcocoonにすれば良かったなぁと思いました。
今黒系シンプルなサイトを作っているのですが、コードが苦手で全然進みませんｗ
cocoonで作ってみようかな：)
コーポレートサイト
・コンセプト：空気清浄機販売、環境保全、宇宙開発をしている企業(架空)のWebサイトです。
・ターゲット：綺麗好きで環境問題にも関心が高い２０～３０代の男女。
・工夫した点：クリーンで透き通った空気をイメージさせる画像を大きく配置し、ベースカラーは#a3b0cdを使用しました。信頼感や爽やかさ、清潔感をイメージさせる#002373をアクセントカラーに使用しました。
・使用アプリ：HTML5(Brackets)/CSS3/jquery/Illustrator/Photoshop
･制作時間：10時間以上
・URL : https://adjustacademy.com/d1812/d181211/Corporate%20website/index.html
まだまだショボくて、コードも汚い。。凹みますが、もっとスライダーやjqueryを沢山つかったシンプルだけどかっこいいサイトが作りたい。
次はレスポンシブ対応に挑戦してみます。
以前PHPの授業で、選択式のゲーム作りをした時、私はネコを拾うゲームをつくったけど、本当はドラゴンの赤ちゃんを拾うゲームを作りたかったんです。
というのも、over arm throwというバンドの「ZINNIA」という曲が大好きで、その歌は「聴く童話」みたいな感じでお話仕立てなんですが、凄く良い曲なんだけれど、最後がとても悲しくて。
結末を変えたくて作ろうと思った私ですが、ドラゴンのイラストをそろえるのが難しくて断念。。（笑）猫ゲームに変更したんです。音楽に発想の源をもらうって事もあるんですね。
その曲がこちら↓
学校で動画撮影の授業もあって、みんなで力を出し合って一つのものを作るって事が、凄く楽しかった。出来上がったものもなかなか良くて達成感が凄かったし嬉しかったな。
機会があったらプライベートでも動画作成にチャレンジしようと学校の仲間と話していたのですが、私は何か音楽のPVみたいなものを作れたら嬉しいな。
ZINNIAはドラゴンいないから無理かな。。ｗ
おはようございます。
以前安村先生が授業で、ゴールドは文字番号で選んだ色だとなんだかイメージと違うものになるのだと教えてくださった事を思い出した。
結構豪華なイメージを出したいサイトなど（お正月とかもかな）に良く使いそうなので練習してみました。
↓
↓
これはこちらのサイトを参考に作りました。：https://on-web.jp/2017/10/27/20171025ks-1/
グラデーションでゴールドを作るのですが、毎回やるのが面倒なので、つくったものは、
「window」→「グラフィックスタイル」→「画面右側のグラフィックスタイルのパネルの中にドラック＆ドロップ」しておくと良いです。
それと、グラデーションの分岐点の増やし方。完全に忘れていましたｗ
備忘録でこれも残しておこう。グラデーション設定のゲージの下の辺りにマウスを置く、そして一回左クリック。。こんな簡単な事なのに！！！右クリックしてみたりあれこれやって無意味な時間をかけてしまった。気をつけよう。
あとは友達のサイトのロゴ案の続きも。
私は基本的に「カラフル系の色」が好きなので、「黒い系、カッコいい、カッチリ系」は難しいなと思いました。
かなり目がショボショボしました。
↓そして、友人のブログ「引っ越し祝いについて」で使うファビコン、マークやロゴなどが欲しいという事だったので、これも今案を考え中です。
これも時間がかかったわりには進まずで、今日は少しトホホでした。
でも、ここの所IllustraorばかりでPhotoshopは本当に触るのが久しぶりだったので、初めて使ったツールや編集方法など、とても勉強になりました。今度立体とかもいじってみたいな。
機能が多すぎて、やってみたい事と知りたい事が多すぎて、全然追いついてないですが
道のりは長いので、ちょっとずつやって行こうと思います。
それと、IllustraorとPhotoshopは操作や見た目が似ているくせに微妙に違う所があったりで、 「あれどっちだったかな？」などと戸惑ったりします。双子の兄弟の様な感じですね。
働き始めた時に困らないように、ササッ！とカンニングできる様に別々のメモ帳に分けてポイントを書き留めておこうと思いました。
今日の作業曲：https://soundcloud.com/user-876658341/sets/sunday-music-and-hot-coffee
おはようございます。
このサイトは職業訓練校の授業のおさらいの意味でWordpressを使って作りました。
すごく簡単にサイトが作れてしまう。
とはいえ、私は色々苦労して結構時間がかかってしまいました。
とくに、ローカルからサーバーへアップする作業が手こずりました：(
カスタマイズやJqueryを使ったりも出来るようで、そこはこれから勉強して色々追加していけたらと思っています。
それから、テーマによってサイトのデザインもかなり変わるし、プラグインも沢山あるみたいでその辺りも試してみたいです。
手始めにwebサイトの下の方でよく見る、SNS追加ボタンを表示させるプラグインを入れてみました。
『AddToAny Share Buttons』というプラグインです。（インストール数やレビューからこれをチョイスしました。）
↓入れた見た目はこんな感じです。（アイコンがカラフルで、ついつい色々追加してしまったｗ）
今日はモノクロっぽい様な、カッコいい系（←得意じゃないやつ）のサイトのパーツを作る予定です：）
相変わらず私はIllustraorをいじるか、映画見るか、ご飯作って食べるかの日々。
結構幸せだなぁと思います。
このサイトのロゴを考えて作ってみました。
今日の作業曲https://soundcloud.com/southcoveusa/dead-of-night-beach-tiger-south-cove-remix
令和がスタートしましたね。世の中は年末年始のような賑わいで、予報では雨だった天気も、先ほどは雲間から青空が顔を見せていました。
私は先日、平成３１年４月２６日にwebデザイナー・ディレクターの職業訓練校を卒業しました。
絶賛就職活動中なのですが、 一般企業はお休みのゴールデンウィーク中という事もあって、大掃除と復習と作品作りに励む事にしました。
そして、新しい元号のスタートと共に、今日から日々の記録と練習のために、ブログというか・・メモの様なものを始めてみる事にしました。
学校の課題で制作したものや、今の私の力量で作る作品はどれも人様にお見せできるようなものではないのですが、 目標としているデザイナー職につけるように。まずは質より数！ソフトに触れる時間を増やしたい！と思い 今後の成長記録として残していく事にしました。
初めに言っておくと、私は自分の内側にある事を表現するのがあまり上手ではありません。
さらに普通の人の普通の日常なので、刺激的な事や、面白い事はかけないかもしれませんが、 私の独り言とメモが、どこかしら私と共通する部分をお持ちの方の、何かの参考になれば、嬉しいです。
そういえば、５月１日はフランスではスズランの日なんだそうです。スズランの花言葉は「幸せの再来」大切な人や家族にスズランを送る習慣があって、送られた人は幸せになれるといわれているそうです。
スズランモチーフの何かを今日は作ってみようかな：)
企業ロゴ
・コンセプト：BtoBの環境保全アドバイザー企業、株式会社ADJASのロゴ、ロゴマーク制作。
・ターゲット：フレッシュで優秀な若い就活世代、環境問題への関心が高い一般市民。
・使用アプリ：Illustraor
・制作時間：５時間
バナー制作
・コンセプト：株式会社ajfの通販用「OE-C野菜無料お試しセット」のキャンペーンバナーの制作を行いました。（グループに別れ、設営、素材の撮影も行いました。）
・仕様：リーダーボードサイズ（LB）＝７２８×９０
ミディアムレクタングルサイズ（MR）＝３００×２５０
・ターゲット：３０歳～40歳位までの、子供のいない、美容と健康に意識の高い共働き夫婦。
・コンバージョン：無料お試しセットサイトへの誘導、ブランドイメージ・認知度UP、正規会員を増やす。
・使用アプリ：Photoshop
↓色は「自然、安心、優しさ」をイメージし、ベージュ、ブラウン、グリーンを使用。
↓野菜の位置や角度から、躍動感や新鮮さ、フレッシュさを表現したバナーデザインです。
↓３パターン目はあえてシンプルに少しスタイリッシュな感じにしました。
