スライス02 画像の書き出し

スライス01 スライスの作成の続きです。
スライスした画像を一つづつのファイルに書き出しをしましょう。 続きを読む

スライス01 スライスの作成

Photoshopでデザインした画像は、そのままでは使用することができません。
パーツごとに切り分けて、jpgやgif形式で保存する必要があります。
パーツごとに切り分けることをスライスといいます。 続きを読む

基本レイアウトの作リ方02

基本レイアウトの作リ方01からの続きです。

では具体的に画面内のパーツを作っていきましょう。
デザインは基本的に「図形」「テキスト(文字)」「写真・画像」この3つのパーツからできています。各パーツは以下のツールを使って作ります。
続きを読む

基本レイアウトの作リ方01

Photoshopを使ってWEBサイトの画面をデザインしてみましょう。

実際のデザインでは色や書体をバランスよく選択し、ヘッダー・フッター・ナビゲーションなどの部品ごとに、細かなデザイン処理などをしますが、今回は細かい部分は省略して基本的なレイアウトの作り方から勉強したいと思います。

続きを読む

WEBデザインの勉強に役立つサイトやサービス

WEBデザインの勉強に役立つサイトやサービスを紹介します。

続きを読む

WEBデザインについて知ろう

WEBデザインを勉強するにあたって、まずはWEBデザインとはなにか?これからどういった事をしていくのかを確認してみましょう。

このページで勉強すること

  • WEBデザイナーとは
  • WEBサイトの仕組み
  • WEBサイトの種類
  • WEBサイトを作るには
  • WEBサイトを作成〜公開するまでの具体的な手順

続きを読む