7-1webデザイン

7-1webデザイン

webサイトをデザインする前に デザインを始める前にwebサイトデザインの作り方基本をおさらいします。 下記ソフトの何を使用してデザインしても構いません。 ただし、コーディングを他の方に依頼する等の場合はファイル形式を合わせる必要もあり、シェアの多いphotoshopでの作成が望ましい。 Illustrator(本来は印刷用のソフト、web制作もできなくはないが効率は悪い。ただし直感で使用できる使いやすさがあるため、印刷物デザインからのデザイナーの人気は高い。起動、保存が遅いなどのストレスもあり)...
7-2 スライスツール

7-2 スライスツール

パーツごとに保存する デザインが完成したらそれをパーツごとに保存します。 先に学んだとおり、パーツ一つ一つを保存するのもいいのですが、今回はphotoshopのスライスツールを使用し効率よく保存します。 スライスツールを使ってサイト全体図からパーツを保存 → photoshopでデザインを開きます。(.aiデータは書き出し → 72ppi、jpgで保存して開く) → ツールボックスからスライスツールを選択 → スライスしたいパーツ箇所をドラッグして選択 → スライスの上で右クリック → スライスオプションを編集をクリック →...