コース: MuseでシングルページWebサイトを作ろう

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

Photoshopの活用

Photoshopの活用

このレッスンでは Photoshop を使った 基本デザインの作成と 材料の切り出しについて解説します。 今表示されているのは Muse ではなくて Photoshop の画面です。 なぜ Muse の講座なのに Photoshop が出ているかですが ウェブサイトの基本デザインを 作るのに使っています。 Muse は大きな特徴として HTML の通常の枠に縛られない、 自由なレイアウトで できるという良さがあります。 一方で自由なレイアウトが可能 という点を生かしたデザインを作るのに いきなり Muse を 使うのはどうかというと Muse はあくまでもウェブサイトを 作ることに特化しているので レイアウトを色々試したり その都度加工したり、といったことを スピーディーに行うには Photoshop であるとか または Illustrator であるとか 人によっては インデザインであるとか そういったデザイン系のツールのほうが すぐれているという場合も 少なくありません。 いきなり Muse に入ってしまうと Muse 自体の機能の制限もあるので デザインを作るのに 時間が掛かったりしますが、 まず Photoshop などで 下地となるデザインを作って そこからパーツを切り出して Muse にもっていく そしてこれと同じものを Muse の上に再現する というやり方でやれば 両者の良いところ取りで かなり効率的な作業を 行えます。 このコースを ご覧になっている方の中にも Muse はあまりやっていないけど Photoshop ならある程度使えるとか Illustrator やインデザインが使えるとか。 そういう方は少なくないかと思います。 なので、ゼロからウェブサイトを プランニングするとき いきなり Muse から始める 必要はなくて 自分の慣れているツール、 一番やりやすいのは Photoshop ですが それを使って、こういった 原型を作成する、 それを是非ともお勧めします。 今回のコースで作るウェブサイトですが、 今表示されている こんなデザインになります。 上のほうからヘッダー部分があって ウェルカムのメッセージがあって、 これは講演会のウェブサイトなので スピーカーの紹介があって この SESSIONS というところは 後で拡張されて…

目次