Webデザイン勉強日記①

こんにちは。今日から少しだけ遡って勉強日記書いていきます。

時系列

最初に私の今のの知識量と状況を説明しておきます。

Progateである程度知識を身につけてからWebスクールで勉強開始しました。理由はWebスクールでなるべくポートフォリオに時間をかけたかったためです！

HTMLやCSSなどは、無料でも案外学べます（Progate/ドットインストール/shooなど）。できるだけ私はスクールでしかできないところに時間をかけたいと考えました。

そんな感じで今に至ります。

スクール選びはまた別の投稿で紹介しようと思います。

本題：勉強日記（１週間目）

ChromeのインストールからHTMLやCSS、メンターとの通話や画面共有するためのツールを一気に登録と設定を行いました。

目安時間２時間と書いてありましたが、全然終わらず、、、

私が通うスクールでは、HTMLとCSSはAWS Cloud９というツールで行いますが、別のスクールに通う知人はVisual Studio Code2でされていました。

私も独学後の模写は知人に教えてもらったVSCでHTMLとCSSやってました！（ちなみに模写は１つも完成しないまま勉強ストップ期間に入っております…）

体感VSCの方が初心者向けです。AWS設定はスクールで教えてもらわないとわからないレベルです。

ワイヤーフレームはCacoo、デザインはPhotoshopです。

• ユーザーの目的を叶える
• クライアントのビジネス目的を実現

これらができるWebデザイナーを目指します。

Webは「見る」から「使う」時代に移行していています。

Webデザインの目的は、プロモーションや商品の販売、ブランドイメージ向上など様々で、デザイナーがまずこの目的を理解しゴールの設定が必要。

▶︎Webプロモーション

目的を達成するために、まずは存在を知ってもらうために「プロモーション」を行う。主に以下のようなものがある。

• SEO（検索エンジン最適化）
• リスティング広告
• アフェリエイト広告
• SNS広告
• 他メディアへの広告
• テレビCMや新聞などのオフライン広告

▶︎コンバージョン（CV）

Webサイトの成果（＝最初に決めたゴール達成）

（例）商品を紹介したい、購入してもらいたい→「購買」がCV

・コンバージョン率（CVR）・・・訪問者に対してCVに至った割合

（CV数）/（訪問者）*100＝CVR

・CPC・・・有料広告１クリックあたりの料金

（広告料金）/（クリック数）＝CPC

・CPA・・・コンバージョン１件の獲得にかかったコスト

コンバージョンを正しく理解して、訪問者とそのうち何人がコンバーションして、その１件にいくらかかっているかを把握し、コンバージョン率を上げるための最適な施策を探すことができる

⚫︎美的情緒的効果・・・心理や感情に訴える（安心感→暖色など）

⚫︎機能的効果・・・色に機能を働きかける（水は青など）

▶︎配色バランスの基本

その年のトレンドカラーなどを意識するのも◎。

使うフォントは３つ以内が良い！一貫性を出すため

日本・・・明朝体/ゴシック

欧米　・・・セリフ/サンセリフ

▶︎見せる文字

線画太い/細い・・・男/女

親しみやすい・親しみやすい・・・ゴシックやサンセリフ体

堅実・高級感・・・明朝体やセリフ体

勉強日記というか、自分の要点まとめノートになってしまった…。アウトプットだとこうなるのが正解なのかどうなのか…真実はいつもひとつなのかそうでないのか…

次回は初デザイン課題へ！！！

• Career
• Study
• 勉強日記
• 転職