コース: MuseでWebサイトを作ろう
今すぐコースを受講しましょう
今すぐ登録して、23,500件以上登録されている、業界エキスパート指導のコースを受講しましょう。
どのツールのプロトタイプを作成する?
このレッスンではアイデアを元に Muse で Website を作るための 基本的な流れについて解説します。 Muse は HTML の専門知識がなくとも 非常にデザイン性に優れた Website を 簡単に作ることが出来る、 それが売りのツールです。 そして実際に Muse で作業を始める前に しっかりと準備をしておくことで よりスムーズにサイトを 作ることができます。 そのためのポイントを 押さえておきましょう。 では「アイデアから実際の形に」 というわけで Muse で作業する前の 大きなポイントを示していきます。 まず「作成したプロトタイプを 共有する」とありますが 実際に Muse 上でいきなり 始めるのではなくて 事前にプロトタイプ つまり使用する画像であるとかテキスト そういったものを盛り込んで配置した プロトタイプを作る、これが大事です。 その理由ですが、もちろん イメージ自体の試行錯誤という面もあります。 実際に色々なパターンを Muse で実際に作るよりも もっと簡単な手法で並べてみて どういった形が一番いいイメージになるかと 試行錯誤をするのが1つと、 もう1つは 完全な個人の Website とかでない限りは 他の人と その最終的なイメージを共有して そこから出る意見などを纏めながら作っていく そういう作業ができます。 特に人間の感覚というのは やはり主観的なものなので 例えば綺麗とかかっこいいとか 曖昧な言葉が使われてると 最終形のイメージが人によって 大きく違ってしまうということが 往々にして発生してきます。 そういったことをなるべく防ぐために 具体的なものとしてのプロトタイプを作る。 これは非常に大事なプロセスとなります。 そしてそのプロトタイプを作る作業ですけど それをどんなツールで行うか ここも大切になってきます。 あまりプロトタイプ自体を作ることが 大変になってしまうと本末転倒ですし できればプロトタイプの時点で作った素材等を なるべく良い形で Muse に応用できる そうなってると非常に理想的です。 ではどんなものが考えられるか ざっと挙げると、 こんなようなものがあります。 まず「紙に手描き」と いきなりかなりアナログな手法になりますけど これがやはり馬鹿にできなくて なかなかパソコンのモニターに向かってると…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
目次
-
-
-
(ロック済み)
どのツールのプロトタイプを作成する?7分44秒
-
(ロック済み)
ワークフローの概要2分8秒
-
(ロック済み)
Photoshopでのプロトタイプ作成8分36秒
-
(ロック済み)
Photoshopのからのエクスポート方法7分9秒
-
(ロック済み)
Photoshopのから画像以外を書き出し3分31秒
-
(ロック済み)
InDesignドキュメントを作成3分54秒
-
(ロック済み)
InDesignで設計するためのヒントとコツ2分56秒
-
(ロック済み)
InDesignからのエクスポート4分22秒
-
(ロック済み)
InDesignからのスウォッチ書き出し2分8秒
-
(ロック済み)
Typekitフォントを使用2分39秒
-
(ロック済み)
-
-