ソーシャルメディア 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のページレイアウトの基礎 - ダミー

エディタの選択

SketchUpのステータスバー - ダミー

SketchUpのステータスバー - ダミー

SketchUpのステータスバーには、モデリング中に使用するコンテキスト情報が含まれています。モデリングウィンドウの下の狭い情報には、情報の良さが満載されています。コンテキスト固有の指示:ほとんどの場合、ここでは何をしているのかを確認するためにここでチェックします。モディファイアキー(組み合わせて使用​​するキーボードストローク)

スケッチツールにインテリジェントに反応するよう設計されたダミー

スケッチツールにインテリジェントに反応するよう設計されたダミー

ダイナミックコンポーネント(DC) SketchUpが提供する真の魔法に最も近いもの。あなたがそれらを拡大縮小するときに、伸ばしたり歪んだりするのではなく、寸法を変更するはずの部品は、他の部分はしません。

SketchUpの投影テクスチャ曲線にテクスチャを追加する方法 - 複雑な曲線に画像を描くためのダミー

SketchUpの投影テクスチャ曲線にテクスチャを追加する方法 - 複雑な曲線に画像を描くためのダミー

SketchUpのサーフェスには、このメソッドの代わりはありません。地形の塊は、複雑な曲面の良い例です - 凹凸、ねじれ、波紋、多方向。扱っているカーブが単純な押し出しよりも複雑な場合は、この画像マッピングテクニックを使用する必要があります。キー...

エディタの選択

QuickBooks 2013のアイテムリストにSales Tax ItemまたはGroupを追加する方法 - ダミー

QuickBooks 2013のアイテムリストにSales Tax ItemまたはGroupを追加する方法 - ダミー

販売税の対象となる商品を販売する場合、QuickBooks 2013請求書には、これらの売上税を請求して追跡する広告申込情報も含まれます。これを行うには、売上税明細を登録します。販売税項目を登録するには、新規項目ウィンドウを表示し、タイプ...から販売税項目を選択します。

QuickBooks 2012のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2012のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2012でサービスアイテムを使用して、サービスを表すアイテムを購入または請求します。たとえば、CPAは、個人や企業に対して納税申告書を作成します。納税申告書を準備するためにクライアントに請求する場合、納税申告書の請求書に表示される明細はサービス項目です。 ...

QuickBooks 2013のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2013のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2013のサービスアイテムを使用して、サービスを表すアイテムを購入または請求します。たとえば、CPAは、個人や企業に対して納税申告書を作成します。納税申告書を準備するためにクライアントに請求する場合、納税申告書の請求書に表示される明細はサービス項目です。 ...

エディタの選択

WordPressブログのユーザーと著者を管理する方法 - ダミー

WordPressブログのユーザーと著者を管理する方法 - ダミー

WordPressユーザーページには、あなたのブログのすべてのユーザーが表示されます。各ユーザーのユーザー名、名前、電子メールアドレス、ブログの役割、およびブログに投稿された投稿の数が表示されます。フォロワー:このデフォルトロールは、...

WordPress Permalinkをサーバーと連携させる方法 - ダミー

WordPress Permalinkをサーバーと連携させる方法 - ダミー

デフォルト以外のオプションを使用してWordPressサイトのパーマリンクの場合、WordPressは特定のルールまたはディレクティブを.txtファイルに書き込みます。あなたのWebサーバー上のhtaccessファイル。 permalinkによると、htaccessファイルはあなたのWebサーバーと交信して、パーマリンクをどのように提供すべきかを示します。

WordPressブログを修正する方法 - ダミー

WordPressブログを修正する方法 - ダミー

WordPressブログをインストールした後、それがリンクされているウェブサイトに合ったブログ。既存のテーマ(スキン)を変更したり、WordPressをインストールした後に使用できる代替語句を選択することができます。選択したテンプレートがメインWebサイトに似ていることを確認してください。ただし、WordPressは...