ソーシャルメディア CS5のページレイアウトの基礎 - ダミー

CS5のページレイアウトの基礎 - ダミー

目次:

ビデオ: 独学でWebデザイン CSS基礎講座 第5回目 ボックスの構造を理解しよう!その1 2025

ビデオ: 独学でWebデザイン CSS基礎講座 第5回目 ボックスの構造を理解しよう!その1 2025
Anonim

ページレイアウトでは、Adobe Creative Suite 5のWebページにデザインを作成するためのテキストとイメージ(および他の形式のマルチメディア)が組み込まれています。ページデザインを作成するときは、情報の流れを取り込むために目がどのようにページ上を移動するかなど、人々がレイアウトをどのように表示するか。要素がどのように配置され、どのくらいの空きスペースがそれらを囲むかについても考慮してください。

ページレイアウトの2つの主要な種類は、印刷レイアウトとウェブレイアウトです。どちらのフォーマットでも、同じ要素の多くを扱う必要があります。

<! - 1 - >

使用するCreative Suiteプログラムを決定する

ウェブ用のレイアウトを準備し、印刷用に準備することには多くの違いがあります。しかし、あなたは両方のために同じツールの多くを使用し、2つのメディア間で多くの情報が交錯することがわかります。

Webの画像操作はPhotoshopでよく行われます。また、印刷を目的とした画像の操作や修正のための標準プログラムです。 InDesignで[XHTML / Dreamweaverの書き出し]コマンドを使用すると、印刷用のページをデザインしてオンラインにすることもできます。

<! - 2 - >

ただし、オンラインで情報を投稿する際には、特定の事項を考慮する必要があります。あなたが印刷のために働いているときには、ナビゲーション、ユーザビリティ、ファイルサイズ、寸法、およびコンピュータ機能はウェブにとって重要な考慮事項です。しかし、解像度、色、およびクロッピング(いくつかの例を挙げれば)は、ウェブの問題ではない印刷物をデザインする人の考慮事項です。

Webページレイアウトを作成するもう1つの方法は、Creative Suiteに含まれているAdobe Fireworksを使用することです。 Fireworksは、Webグラフィックの作成に役立つだけでなく、Web用の優れたプロトタイピングツールを提供します。 Fireworksを使用すると、スタイルを確立したり、マスターページを作成したり、ページにインタラクティビティを適用したりすることができます。ハイパーリンクを含む複数のページプロトタイプを作成することは、Fireworksを使用して同期させることです。

<! - 9 - >

印刷用のレイアウトを設計する

印刷用のページレイアウトを設計するときは、使用する用紙のサイズとタイプを考慮する必要があります。場合によっては、レターヘッドを作成し、ページ上の他の要素(メインコンテンツ)がページごとに異なるのに対し、同じ要素を持つレターヘッドを作成します。

書籍のテンプレートとなるページレイアウトを作成し、特定の要素(箇条書きやサイドバーなど)をページ全体でさまざまな方法で繰り返し使用することもできます。ページサイズ、フォントサイズ、および画像の解像度は、印刷時にはすべて重要な考慮事項です。

ページレイアウト用のテンプレート は、一般的な用紙サイズを考慮し、定義された領域にコンテンツをレイアウトするのに役立ちます。たとえば、パンフレットを作成する場合は、ページが折り畳まれる場所と、イメージとテキストを正しい向きに向けるように方向付ける方法について考える必要があります。

多くの種類のテンプレートがオンラインで入手できます。また、無料でダウンロードすることもできます。他のテンプレートはテンプレートに応じて少額の料金で利用できます。

ページをレイアウトするときに考えるべきいくつかの問題を次に示します。

  • 可能であれば、グリッドとスナップ・ツー・アライン要素を使用します。ページ上の特定の要素が整列していない場合は、正当な理由があるはずです。

  • 目は、ページ上の要素の方向に移動します。例えば、人物の絵がスプレッドの中心から離れている場合、目はその方向に移動します。目がページの重要な要素に移動することを確認します。

  • 3分の1のルールに従ってページを3分の1に分割します。あなたのレイアウトの一部は、これらの3つの領域に分類されます。

画面上の画像の解像度は、 per pixel (ppi)で測定されます。これは画面上に1インチ以内のピクセル数を指します。画像の印刷された解像度は、999ドット/インチ(dpi)で測定され、各画素についてインクのドットが印刷される。 dpiが高いほど、画像がより鮮明で詳細が細かく、印刷には非常に重要です。印刷された画像はほとんど常に画面上の画像よりも高い解像度を使用するため、スクリーン上に4 x 4インチ(72 ppi)の画像が1 x 1インチ(300 dpi)未満で印刷されることがあります。

CS5のページレイアウトの基礎 - ダミー

エディタの選択

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

Objective-Cでは、作成していないクラスであっても、iOSアプリケーションの既存のクラスに独自のメソッドを追加できます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション...

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーションの開発では、Objective-Cを使用すると、自分が作成していないクラスであっても、既存のクラスに独自のメソッドを追加することができます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション(たとえば、...

In App Purchase機能がiPadアプリで動作する仕組み

In App Purchase機能がiPadアプリで動作する仕組み

Apple App App Purchase機能を提供します。これにより、アプリユーザーはアプリ内から仮想アイテムを直接購入することができます。複数のレベルや環境、または仮想プロパティを持つゲームアプリケーションを開発する場合は、アプリケーションにIn App Purchase機能を追加して、レベル、環境、またはプロパティをさらに販売することを検討してください。 App Purchaseで...

エディタの選択

効果的なホームビジネスWebサイトを作成する方法 - ダミー

効果的なホームビジネスWebサイトを作成する方法 - ダミー

素晴らしいかもしれませんが、製品やサービスをさらに販売するのに役立たない場合は、時間とお金の無駄です。自宅のビジネスにとって本物の資産であるWebサイトを構築するための、実証済みの方法をいくつか試してみましょう。難しいことではありません...

マスターCSSファイルを作成する方法 - ダミー

マスターCSSファイルを作成する方法 - ダミー

多くのデザイナーがマスターHTMLコードのCSSファイルを作成し、個々のサイトのニーズに合わせて、最初からウェブサイトを構築するプロセスをスピードアップします。あなたがより多くのウェブサイトを構築するにつれて、いくつかのスタイルは標準的なデザインプラクティスの標準的な部分になります。 ...

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

Bing検索結果と並んでクリック単価(PPC)広告はMSN adCenterを通じて提供されます。 adCenterを使用して、Webマーケティングのニーズに合わせてアカウントとキャンペーンを作成できます。 Microsoftは、Bing Travel、adCenter Desktopなどのプログラムを追加することで、PPCサービスのインターフェース、ツール、検索品質、およびボリュームを向上させるために歩み続けています。...

エディタの選択

地中海ダイエットレシピ:フルーツサラダ - ダミー

地中海ダイエットレシピ:フルーツサラダ - ダミー

果実は地中海で豊富に生育し、地中海沿岸に沿って、アメリカ人より一般的に果実を多く食べるため、地中海の高レベルの疾病予防に貢献しています。あなたの次の食事やパーティーのために健康的なサイドディッシュのフルーツサラダを作るには、いくつかの方法があります。果物は地中海で豊富に生育し、地中海沿岸に住む人々は一般にアメリカ人よりも多くの果実を食べるため、地中海の高レベルの疾病予防に寄与します。

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

ジャイロとピタサンドイッチは一般的なカジュアルな食品です地中海でピザや他の地中海のサンドイッチと同じように、今日はピタサンドイッチとジャイロのさまざまなバージョンが存在します。ピタスは蒸気で作られた中央のポーチ付きの丸いパンです。