N's Portfolio

学習記録・2023 11/7

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「デザインの考え方」の教科書⑥.pdf」　

【動画】

LP（ランディングページ）とは？

ランディングページ最適化はコンバージョン最適化、もしくはコンバージョン率最適化と呼ばれるより広範なインターネットマーケティング手法の一つであり、セールスリードや顧客となりうるウェブサイト訪問者の比率を向上させることを目的としている。 ウィキペディア

参考サイト

ワンポイントアドバイス

未経験でいきなりWebサイトを作るよう業務を指示する制作会社はありません。もし言って来たら疑ってください。個人レベルや担当者がWebサイト制作の知識理解が足りない等で、依頼されるなどの事は逆によくあるかもしれませんのでお気を付けください。
そこで、まずは最初の一歩としてチャレンジするのであればLP（ランディングページ）のような、1ページのページ制作をしっかりと行ってみると良いでしょう。

ワイヤーフレームとは？

ワイヤーフレームとは、webページのレイアウトを定める設計図のことです。
webサイトの制作現場で聞かないことがない、といえる単語であり、サイト制作において決して欠かせない要素です。単に「ワイヤー」と呼ぶことも多いです。

参考サイト

ワンポイントアドバイス

ワイヤーフレームの段階では、お仕事の契約成立に至っていない場合が多い。逆を言えば、しっかりとしたワイヤーフレームを作成できるという事は、「仕事を獲得できる力がある」という証明にもなる。お客様のご要望（相手の気持ち）をしっかり理解する事を心掛けて制作をしてみよう。

制作のポイント

・使用ソフトはPhotoshopです。
・サイズはPC基準。規格は世の中のサイト例を参考にしてみよう。
・まずは色を入れず、白黒で制作しよう。
・余白を意識し、サイズバランスもWEBサイトの完成形と同じにしよう。(実務ではpxピクセル単位で仕上げる)
・バナー制作と同じく、
①掲載が必要な内容(情報)を先にしっかりまとめる
②情報の順番づけ
③レイアウトを考える 手順で制作すると良い。
そのレイアウトが、HTMLとCSSというルールに変わるだけ。

本日の課題

ワイヤーフレーム作成に向けての準備

白黒のワイヤーフレーム作成に向け、世の中のサイトを参考に情報収集しながらレイアウトを考えよう。
手書きでメモしておくと良い。
明日のWEBデザイン実習①から実際に作成する。

本日のテーマ②

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしよう。
「ポートフォリオ「応募編」について.pdf」　

【動画】

ポートフォリオ「応募編」について (6:10)
応募する企業に合わせてポートフォリオを仕上げていきましょう
https://youtu.be/0rB1IFmouuI

「Webデザイナー2名募集」の例 (2:50)
https://youtu.be/tcoeEJcOl5o

選考通過率から考える目標応募数 (2:53)
https://youtu.be/CMnY449kSmo

面接に進むポートフォリオが必ずやっているポイント (12:21)
https://youtu.be/7GVXn3kAeEs

ポートフォリオ構成のポイント (6:40)
https://youtu.be/3W-bgoXSi3M

企業が求めている人材 (12:41)
https://youtu.be/pDXSMMmAIs4

デザイナーというお仕事の先にあるもの (5:30)
https://youtu.be/JjAKXUPgbss

まとめ (4:52)
応募企業を意識したポートフォリオ制作を！
https://youtu.be/_0kLzZrW49k