おざきり@Webデザイナー

未経験からWebデザイナーに転職しました。(以前は事務職や倉庫業)転職時の面接やポート…

おざきり@Webデザイナー

未経験からWebデザイナーに転職しました。(以前は事務職や倉庫業)転職時の面接やポートフォリオ、Webデザインの仕事についてなどブログでも発信していますので是非読んでください。ブログ:http://ozakiri.moo.jp/blog-site/

最近の記事

Twitter連携いたしましたので、よろしければプロフィールからTwitterフォローよろしくお願いします!

    • 私のブログで「Webデザイナー転職時の面接でよく聞かれた質問とその答え」という記事を公開しましたので是非読んでいただきたいです。 http://ozakiri.moo.jp/blog-site/2021/08/22/%e9%9d%a2%e6%8e%a5web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e8%bb%a2%e8%81%b7%e6%99%82%e3%81%ae%e9%9d%a2%e6%8e%a5%e3%81%a7%e3%82%88%e3%81%8f%e8%b3%aa%e5%95%8f%e3%81%95%e3%82%8c%e3%81%9f/

      • 【10冊】未経験からWebデザイナーになるまでに買ったデザイン、コーディング本を紹介

        私がWebデザイナーになろうと思ったのは2020年5月くらいです。そこから2021年4月までに購入した本を紹介していきます。すべて買ってよかったと感じる本です。 Webデザイナーを目指している方、目指そうか迷っている方、デザインやコーディングをしてみたいという方に参考にしていただきたいと思います。 本で学習する前にいきなりHTMLとCSSを本で学ぶのもいいですが、私はProgateのHTML、CSSをすべて終えてから本の学習に入りました。 個人的には本よりも難易度が低く

        • サイトレビューとデザイン貯金の仕方

          Webデザイナーを目指しているということで、以前からサイトレビューとデザイン貯金をしています。 今回は普段しているレビューとデザイン貯金の仕方を書いていきます。自己流なのでこれが正解かはわかりません。 1.レビューしたいサイトを見つける。自分のしたいものでいいです。いつも同じジャンルをレビューするよりバラバラのほうが良いと思います。ピンタレストやWebサイトまとめサイトから見つけましょう。 2.サイトを開いてじっくり見る。さわる。レビューするサイトを決めたら、開いてスク

        Twitter連携いたしましたので、よろしければプロフィールからTwitterフォローよろしくお願いします!

        • 私のブログで「Webデザイナー転職時の面接でよく聞かれた質問とその答え」という記事を公開しましたので是非読んでいただきたいです。 http://ozakiri.moo.jp/blog-site/2021/08/22/%e9%9d%a2%e6%8e%a5web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e8%bb%a2%e8%81%b7%e6%99%82%e3%81%ae%e9%9d%a2%e6%8e%a5%e3%81%a7%e3%82%88%e3%81%8f%e8%b3%aa%e5%95%8f%e3%81%95%e3%82%8c%e3%81%9f/

        • 【10冊】未経験からWebデザイナーになるまでに買ったデザイン、コーディング本を紹介

        • サイトレビューとデザイン貯金の仕方

          お歳暮バナーをつくってみた

          年末にお歳暮バナーをつくりました。 お題はこちら お題は同じWebデザインスクールに通う方にいただきました! お歳暮バナー作成は初めてす。まずはネットやピンタレストでお歳暮バナーの参考を探します。 どれもお歳暮感のある写真に赤っぽい色で年末年始を連想させます。 つくっていきます。 ラフ案いくつか案を考えて書いていきます。 完成バナーPhotoshopで作成。 30代から50代の女性がターゲットなので渋めの色を使い、あしらいなどはあまりつけず、シンプルにまとめる

          お歳暮バナーをつくってみた

          春コーデバナーをつくって学んだこと

          CF課題に春コーデバナーを作ろうという課題があったのでやってみました。 このバナーはスクールの動画を見ながら作ったものです。 さわやかなバナーはあまり作ったことがなく、さわやかで春っぽいバナーの作り方が全然わからなかったわたし。 動画を見ながらつくっていくと学びがありました。 その1 カリグラフィーのAiデータの使い方「春」の装飾の部分。 このような装飾はillustratorのペンツールとかで作るんかなあと思っていたのですが、Aiデータでカリグラフィーの素材が

          春コーデバナーをつくって学んだこと

          WEBデザインスクールバナーを作成、ブラッシュアップ

          こんにちは。 CFバナー課題、今回は「WEBデザインスクールバナー」を作成したので 作成→提出→フィードバック→ブラッシュアップをまとめていきます。 作成◎クライアントの依頼と要望 ■入れたい情報 ・卒業がないWEBデザインスクール ・先着10名まで早割中 ・無料オンライン説明会はこちら ■色味 オレンジ・黄色系 ■バナーサイズ 300 ✕ 250 上記依頼内容に基づいて作成します。 ちなみに2案つくりました。 案1 【意識した点】 ・目立つように「Webデザイ

          WEBデザインスクールバナーを作成、ブラッシュアップ

          スクールのバナーコンペに応募して落ちた。

          CF主催のWordPress講座バナーコンペがありました。 採用されると実績にもなるし、オリジナルバナーも作ってみたかったのでいい機会だなと思いました。 あと他の応募者のバナーを見るのが結構楽しかったです。他の方のバナーを見る事自体あまりない機会です。 情報 ○バナーサイズ 1200 x 630   ○入れてほしい情報 初心者でもサイトが1つ作れる WordPress講座 11月4日(曜日)21:00〜   ○要望 連続講座のため、日付を毎回変更したいです。 ○色

          スクールのバナーコンペに応募して落ちた。

          【CSS】画像の縦横比率を変えずに拡大、縮小する方法

          親要素の幅よりも画像の幅が小さい(大きい)画像を配置するとき、画像を縦横比率を変えずに拡大(縮小)して配置できないかと思いググりました。 調べた内容をまとめます。 縦横比率が違う状態 コーヒーカップが楕円になっています。 縦横比率を変えずに配置コード 【HTML】<div class="box"> <img class="image" src="画像" alt=""></div>【CSS】.box { width: 500px;}.image { object-fi

          【CSS】画像の縦横比率を変えずに拡大、縮小する方法

          課題02:ふるさと納税バナーを作ろう

          今回もクリエイターズファクトリーの課題バナーを制作していきます。 ラフ作成→Photoshopで作成→フィードバック→ブラッシュアップの順 最後に別案も載せときます。 お題はこちら ■お題掲載場所「ふるなび」 ■入れたい情報 ・ブランド牛の鹿児島黒牛 3kg ・ステーキでがっつり! ※キャッチコピーやデザインに合いそうな文言やあしらいは提案してください。 ■色味 目立つようにお願いします。 ■バナーサイズ 450 × 300 ラフ案 掲載予定のふるなびサイトの他バ

          課題02:ふるさと納税バナーを作ろう

          課題:フィットネスバナーをつくろう

          クリエイターズファクトリーの課題、フィットネスバナーを作りました。 今回は作ったバナーの工夫点、バナーリサイズ、フィードバックを貰った点、修正点をまとめていきます。 おまけでラフ案、提出したバナーとは別につくっていた別案も載せときます。 今回のお題「女性専用のフィットネスクラブ」のオープニングキャンペーンバナーです。 ■入れたい情報 ・オープニングキャンペーン! ・女性専用フィットネス ・いまだけ入会金無料 ・2020年5月オープン ・目指せ夏ボディー ※他のキャッチ

          課題:フィットネスバナーをつくろう

          バナーコンペに応募してみた。

          バナーコンペに初めて応募しました! 簡単な応募方法と応募するメリットなど書いていきます。 私は10月からWebデザインスクールに通い、学んでいる者です。 今までデザインの勉強としてバナートレースやオリジナルバナーを3点ほど作成してきました。 そこで今回は次のステップに進むためバナーコンペに応募しました。 応募するメリット・クライアントからバナー詳細などが提示されていて実際の依頼がどんな感じでくるのかが分かる。 ・使用してほしい色、雰囲気、ターゲット、どこに掲載する

          バナーコンペに応募してみた。

          バナーリサイズしてみた

          クリエイターズファクトリーの授業で作成したコーヒーのバナーをリサイズしてみました! 作成したバナーのサイズ、方法、工夫した点をまとめます。 こちらが授業で作成した300×250のバナー。先生の見よう見まねで作りましたがとても素敵なものができました。 これをもとに300×600、160×600、468×60のバナーを作成しました。 作ったものがこちら バナーサイズによって、情報を絞ったり、あしらいを変えたりとリサイズは楽しい作業でした。 意識したのは目線の流れです。

          バナーリサイズしてみた

          #バナーお題高級チョコver.2

          バナーをいちから作るのが楽しくて高級チョコバナーver.2を作りました。 以前の記事とおなじくこばやすさんのバナーお題です。 お題「普段高い一口チョコが割引価格で購入できる」 バナー設置場所:自社ECサイトのサイドメニュー コンセプト:冬限定一口チョコ。普段高いが今だけ割引価格 キャッチコピー:ちょっと一息。贅沢をお裾分け 期間:11/◯〜12/◯まで ターゲット:20〜40代の働く男女 イメージカラー:白、水色 バナーサイズ:W300×H280px お題に合うよう作

          #バナーお題高級チョコver.2

          #バナーお題高級チョコ

          WEBデザイナーを目指しているものです。 バナー模写を何度かしてきた私ですが、そろそろオリジナルバナーを作ってみたいなと思いました。 今回はこばやすさんの#バナーお題第一弾をします。使用ツールはphotoshopです。 こちらが完成したバナーです。 バナーのお題は「普段高い一口チョコが割引価格で購入できる」 バナー設置場所:自社ECサイトのサイドメニュー コンセプト:冬限定一口チョコ。普段高いが今だけ割引価格 キャッチコピー:ちょっと一息。贅沢をお裾分け 期間:11

          #バナーお題高級チョコ

          #webサイトレビュー

          webデザイナーを目指しているものです。 前回に引き続き、デザインの引き出しを増やすべくwebサイトレビューをしたいと思います‼ 今回選んだレビューするサイトは…株式会社クレハさんのサイトです。あの有名なクレラップの会社ですね。 緑が印象的で写真の重ね方など学ぶところがたくさんありました! ファーストビュー ↑全体的にいろいろな緑が使われています。書き込んである通りhover時もただの黒ではなく、暗い緑系の色に変わります。 画像が白の背景から少しはみ出して二重に重