サイタWeb・デザインスクールIllustrator教室 東京 Illustrator基礎講座 レッスンノート Webデザインとパーツ作成について

Webデザインとパーツ作成について

Illustrator教室のレッスンノート

レッスンノートって?レッスンノートって?

体験レッスンお疲れ様でした。かなり早めに来ていただきお席のご配慮もありがとうございました。事業内容のお話をお伺いし、作成中のWEBサイトも拝見させていただきました。自分たちでという意識、素晴らしいです。本日は制作フローのアドバイスをさせていただきました。

1)企画(目的と内容をまとめる)
2)設計(ディレクトリマップとワイヤーフレーム)
3)カンプを作成する(完成イメージ)
4)パーツを作成し書き出す
5)html用フォルダを作り、書き出した画像をimgフォルダにまとめる。
6)コーディング(Atom、Dreamweaver)

ウェブサイト作成の工程を上記とした時、Illustratorが活躍するのは「ワイヤーフレーム」と「パーツ」です。Photoshopは「カンプ」と「パーツ」にあたると思います。つまりWebサイト全体をデザインをする上では、最終的にIllustratorとPhotoshop両方が必要になってくると思います。現在必要とされているパーツはIllustratorが適していますので、まずは基本からご指導させていただければと思います。

宜しくお願いいたします。
このレッスンノートを書いたコーチ

様々な立場からデザインの実務を経験した講師がすぐに役立つ技術を伝授

新着レッスンノート

レッスンお疲れさまでした。今日は録画機能をご用意できず申し訳ありません。 演習05のあしらいモチーフとなっている円弧に沿ったコピー、つまり「パス状文字ツール」を集中的にレッスンしました。ビール瓶などのラベルによく見られますが、マウス操作に慣れていても結構コツがいります。 1)楕円を...

レッスンお疲れ様でした。 久しぶりに近況をお伺いしました。いつも新鮮な情報をありがとうございます。新型コロナを機に、時代が大きく変わっていきますね。 本日は文字の編集操作についてレッスンしました。 フォント指定など、文字の操作は「文字パネル」から行います。 ・ウィンドウメニュー...

レッスンお疲れ様でした。 本日は慌しい状況の中、ありがとうございました。何とかレッスンを実施することができ、良かったです。 電話とZoomの併用、新鮮な状況でしたが、声とお顔が確認できると進みやすいですね。 ○演習05 ◎作業手順 1)下絵を配置する 2)ベースを作成 3)画...

レッスンお疲れ様でした。 ツールパネルを左右にセットするなど、使いやすく工夫されていますね! ポスターのサイズはA5で小さいですが、インパクトがあるデザインですね。 もしこれを拡大出力するとなったら数ミリのズレが倍になります。 そのため、最初から数値で大きさや位置を指定するなど心が...

レッスンお疲れさまでした。 今回も操作など基本的に申し分ないです。操作だけだとレッスンがすぐ終わってしまうレベルですので、デザインについて解説していきました。 今回のお題はウェディング。ジュエリーやブランド品、そしてウェディングなど日常の中で特別なものは、品よく余白を生かしたデザインを...

レッスンノート ページ先頭へ