しずおかジョブステーション マザーズ相談 チラシデザイン

こんにちは。rinoです。
更新期間がかなり開いてしまいました…。

書きたい事はたくさんあったのですが、出産準備やら何やらで地味に忙しく。。。

お仕事の方も、10月末で一段落とさせていただきました。
出産後、まだ2人目育児がどうなるか想像つきませんが、出来るだけ早くお仕事再開できたらと思っています。


さて、今回はお仕事の紹介です。
しずおかジョブステーション 　マザーズ相談のチラシ（表面）のデザインをさせていただきました!




子育て世代のママさんを対象とした就職相談の窓口です。
就職相談の他、スキルアップの為のセミナー等も随時開催されています。

今すぐ働きたいママさんはもちろん、働く事を迷っている方も気軽に相談できるところ、という事で
柔らかで親しみやすいイメージのイラスト案を採用していただきました。
（今回、イラストも全て描き起こしさせていただきました）

ターゲットであるママさん達の反応はまだ分かりませんが、とりあえずうちの娘には
「赤ちゃんいるー!」「つみきだー!」と概ね好評のようです（笑）

このチラシの依頼を頂く前、私もこのマザーズ相談を利用させていただいたことがあるのですが、
無料託児がついていたり、予約の時電話口で簡単に伝えた相談内容について、相談員の方がかなり調べてくださっていたりして感動したのを覚えています。
ますます仕事復帰に向けてがんばろう!と思いました。

静岡県内に住む就職を考えているママさんにはぜひおすすめします。

チラシデザインさせていただきありがとうございました!

お問い合わせフォーム作りました

ブログからデザイン制作に関するお問い合わせなどが出来るように、フォームを作りました!
ブログのメッセージ機能などを使っても良いのですが、今後ポートフォリオサイトを作る時にも使えるよう、また、自分自身の勉強も兼ねて新たにページを作ってみました。

完成したお問い合わせページはこちら↓



そこで今回は、お問い合わせページデザインのメイキングをご紹介したいと思います。
画像が多くなりますが、よければおつき合いください。

1.デザインのラフを手描きでつくる。
だいたいどんなデザインを作る時もそうなのですが、
Macで実際のデザインを作る前に、まずは手描きでデザインのイメージを描いています。
単純なお問い合わせページだけど、少しでも自分らしさが出たらいいなぁと、
色んなサイトのデザインを参考にしながら、デザインイメージを固めていきました。
今回は、グラデーションやシャドウを多用しないシンプルなイメージで、なおかつ、かわいらしさも出せたらいいなと考えています。


手描きラフは実は苦手。。。汚くてごめんなさい。


2.パソコンでページのデザインをつくる。
イメージが固まったら、パソコン上で実際の大きさのページをデザインしていきます。
ここで作った画像は、パーツごとに分解して実際にページの中で使われる画像にもなります。
使ったソフトはPhotoshopです。

で、ひととおり作ってみましたが、




うーん…。確かにシンプルなんだけど、何か物足りない。
配色がちょっと安直な気がするな…。

そこで、さらに配色をあれこれ試行錯誤しながら、細かいところを手直し。
そして出来たのがこちらのデザイン。



落ち着いた色合いになって、2色使いにすることでメリハリも出てきました。
これでいくことにします!

3.webページの土台をつくる。
デザインが出来たら、とうとう実際のwebページを作っていきます。
いわゆるコーディングというやつです。
と、その前に、ページの内容をこんな風にタグに置き換えて、構造を整理しておきます。



今回、勉強のためにHTML5でコーディングしてみました。
（実際使ってみて、HTML5はまだ古いブラウザでは対応してなかったりするのが難点ですが、HTML→文書構造、CSS→装飾という考え方がよりハッキリしてわかりやすいなという印象を受けました。）

ここではまだレイアウトや装飾などのデザインはしません。
内容だけが入っている、いわばwebページの土台ができました。




4.webページを装飾していく。



HTMLファイルが出来上がったら、今度はCSSでwebページをレイアウト&装飾していきます。
ページの全体の幅はどれくらいとか、文字の色は何色とかいう事を指定していきます。
ボタンにポインタを合わせたら色が変わるなんて仕組みも、簡単なものだったらCSSだけで出来ちゃいます。


パソコンで作ったデザインに近づいてきました!


5.メールフォームの設定をする
メールフォームの自作…は、さすがに私には敷居が高かったので、今回は無料でプログラムを配布しているサイトからメールフォームのデータをDLしました。
今回お世話になったのはPHP工房さん のPHP多機能メールフォーム（無料）版。
ファイル内の説明を読みながら簡単に設定できました。
送信確認画面や完了画面のデザインもこちらでしていきます。
メールフォームの動作確認にはMAMP を使用しました。

6.ファイルをサーバーにアップロード!
ついに完成したページをアップロードします!
そうそう、この為にという訳ではないのですが、レンタルサーバーを借りてドメインを取得しました。
ポートフォリオサイト作るぞ!という気合いをこめて。
今回は、ファイルが少なかったのでレンタルサーバーが用意しているFTPサービスでアップロードしましたが、ファイルの数が多くなったらFTPソフトが必要かも、です。

そんなこんなで完成です!

webデザインやコーディングに関しては、会社員時代にいくつかサイトを作成したことはありますが完全に独学なので、未だ不安な部分も多々あります。。
webは進化が早いので、これからもずっと勉強の繰り返しかもしれません。
だけど今回作ってみて、やっぱり楽しかったのでもっともっと作れるようになりたいです♪
今度はポートフォリオサイトだ!

映画「うまれる」を観てきました

こんにちは。rinoです。
うだるような暑さも一段落し、朝晩は涼しくなってきましたね。


先日、「つながる・LA・子育て!」というイベントの中で映画「うまれる」の上映会があり、観に行ってきました。

この映画は、"「子供は親を選んで生まれてくる」という胎内記憶をモチーフに、命を見つめる4組の夫婦の物語を通して、【自分たちが生まれてきた意味や家族の絆、命の大切さ、人との繋がりを考える、ドキュメンタリー映画】"とのこと。（映画「うまれる」公式HP より）

ちょうど上の子を妊娠していた頃に公開され、ずっと観たいと思っていたのですが、上映されている映画館が少なく機会を逃していました。

たまたま近くで開催されていたイベントで上映会があり、これはチャンスと行ってきたのでした。



会場には、小さい子どもを連れた家族がたくさん。
そう。今回の上映会では小さな子ども連れでの観覧OKなのでした。
私は今回娘を旦那さんに預けてきましたが、一緒に見ても良かったかも。

そして映画本編。私…、号泣してしまいました…!
ちょうど妊娠中で、涙腺が弱くなってるのかな。
けど、周りからもすすり泣く声があちこちから聞こえてきました。

特に、出産予定日にお腹の中の赤ちゃんを亡くした夫婦のエピソードは、もし自分たちが…と想像しただけで胸が痛くなりました。

だけど、そんな夫婦を救ったメッセージが、私の中にも響きました。
それは、「赤ちゃんは両親を選んでうまれてきた」というメッセージ。

「赤ちゃんはお腹から産まれてくる前から、お腹に宿った瞬間から『うまれ』ているんだ」
「たとえ長く一緒にいられなくても、私たちの子どもになることを選んでくれたんだ」

私自身、昨年流産を経験していたのですが、映画から伝わるそんなメッセージに少し救われた気がしました。


それから、妊娠6ヶ月ごろから出産までを追った夫婦のエピソード。
旦那さんは父親になる実感がなかなか持てない様子が描かれていたけれど、これは、世の旦那さんの多くに当てはまるんじゃないかな、と思います。
女性は、身体に大きな変化があって、胎動などを感じる事でお腹の中に命が宿っている事を強く感じられるけど、男性はなかなかそういう機会はないから。

映画を観終わって、「旦那さんにも一緒に見てもらいたかったな」と思いました。
「赤ちゃんはお腹に宿った瞬間から『うまれ』ている」というメッセージを通して、
お腹の中の赤ちゃんを実感できる機会になれば…と感じました。

妊娠、出産の経験がある人、将来子どもが欲しいと思っている人、そうでない人、たくさんの人に観てもらいたい映画でした。

残念ながらDVD化はされていないそうですが、全国で自主上映会が開催されているそうです。

興味を持たれた方はぜひ公式HP をチェックしてみてください。

夏の思い出

長い実家への帰省を終え、静岡に帰ってきました。

実家は「のどかな」という言葉がよく似合う、山に囲まれたまさに「田舎」。

帰省中は、移動のための車がない事もあり、ほとんど何処へも行かずのんびり過ごしていました。

このへんで、夏の思い出を少し写真で振り返ってみようと思います。



まず、帰省の途中で立ち寄った桃農園で、美味しい桃をお腹いっぱいいただきました。





少し熟れ過ぎているため、商品にはならない桃だそうですが、柔らかくて、甘くて、十分すぎる美味しさでした。

もちろん、箱で買って帰りました♪



実家では、庭でバーベキューをしたり。




トウモロコシがいい色に焼けました。

自宅でバーベキューが出来るって、庭のある家の特権ですね。



それから、庭に植えているブルーベリーの木、今年は豊作という事で何度もブルーベリー狩りが出来ました。



娘さんが摘んだ先からどんどん食べていったけれど、

ザルにいっぱい収穫できました。

後日それを使ってジャムを作ったりもしました。（大きなハチミツ瓶にいっぱい出来ました!）



振り返ってみると、美味しい思い出ばかりです（笑）

妊婦検診－6ヶ月

こんにちは。ただ今実家に帰省中のrinoです。

帰省する前、6ヶ月の妊婦検診に行ってきました。

最近は胎動も感じるようになってきて、「赤ちゃんは元気かな…?ドキドキ」という不安よりも「また元気に動いてるのかな?」という期待の方が大きくなってきています。

そして今回も、エコーでは元気な姿を見せてくれました。

最初は豆粒だった赤ちゃんも、今ではすっかり人の形。
ただ、顔を胎盤にうずめていて、4Dエコーで見てもあまりはっきりと顔を見ることはできませんでした。
先生がお腹に刺激を当てても体勢を変えない赤ちゃん。どうやらずいぶん寝心地がいいと見えます。


一人目の妊娠の時は、総合病院で検診&出産しましたが、今回は周りの評判なども参考に、個人病院で検診しています。
そこでは毎回4Dエコーが見られるというのもひとつのポイントですが、私がいいな、と思ったのはやはり、先生が丁寧なところ。

エコーも時間をかけて見てくれます。
性別を出産前に調べることを希望したところ、じっくりと見てもらえ、16週で性別が判明しました。

また、先生の言葉が妊婦さんの気持ちに寄り添っているな、と感じています。
出産が確定したときに何度も「おめでとうございます」と言ってくれたり、付き添いで来た娘がぐずった時にも「いっぱい待ったもんね、疲れちゃったよね」と声をかけてくれたり。
当たり前の事なのかもしれないけど、そんな一つひとつの言葉のおかげで、長い待ち時間も我慢できます。


今回エコーで見えた、可愛い赤ちゃんの仕草。
左手をずっと顔の前にかざしていたのですが、時々「ピッ」と手をまっすぐに伸ばしていました。


「敬礼をしているみたいですね。何か意味があるのかもしれません」と、先生が粋な一言。

まだまだ小さい（350g)赤ちゃんだけど、こんな姿を見るとすでに意思があるのかなと思ってしまいます。
（親バカかもしれませんが…）

貧血検査にはひっかかったものの、長距離帰省や旅行はどんどんしてくださいと言われたので、この夏もアクティブに過ごしたいと思っています♪