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

エディタの選択

オンラインデートジレンマ:ディッシングアウト拒否 - ダミー

オンラインデートジレンマ:ディッシングアウト拒否 - ダミー

インターネットは奇妙な場所で、個人的な経験はインターネット上で完全に共通しています。その言葉は一般的なものであり、丁寧でも丁寧でもないことに注意してください。適切な方法で拒否を排除する方法を知る必要があります。あなたは本当の人生と同じように、すばやくそれをする必要があります。

ダミー

ダミー

多くのオンラインデートサイトでは、タグラインと呼ばれるフレーズを表示できます。マッチのようなサイトもあります。 Comでは、長い画面名と長いタグラインを選択できます。しかし、そのオプションはちょっと圧倒されるかもしれませんので、比較的短い名前で、あなたの創造的なジュースに焦点を当てます...

多くのコーヒーは二番目の日付がないので? - 50年後のダミー

多くのコーヒーは二番目の日付がないので? - 50年後のダミー

は、始動のトラブルなど多くの課題を提示することがあります。コーヒーを飲んで最初のミーティングが不足しているにもかかわらず、そこでの関係が終わった場合は、終了する気がするかもしれませんが、そうしないでください。手がかりを探す3つの場所は次のとおりです。写真やプロフィールであなた自身を虚偽表現しましたか?あなたの写真は... ...

エディタの選択

霊的実現の多面体 - ダミー

霊的実現の多面体 - ダミー

世界の偉大な神秘家の物語を読んだらあなたは霊的な経験が驚異的な形と大きさの配列に入っていることが分かります。例:一部のアメリカ先住民のシャーマンは、部族メンバーの同盟国やその他の治癒のためのリソースを見つけるために、他の次元に旅する改造国に入る。ヒンズー教徒の一部...

心を練習する感謝の気持ちを育む - ダミー

心を練習する感謝の気持ちを育む - ダミー

あなたが気づいたら感謝しますあなたがしているものではなく、あなたが持っているもの。思いやりが感謝の出発点です。マインドフルさがなければ、あなたの人生でうまくいっているすべての事柄を認識することはできません。したがって、感謝の気持ちのある人は気をつけている人です。

レギュラー・メディテーション・プラクティスの作成方法 - ダミー

レギュラー・メディテーション・プラクティスの作成方法 - ダミー

あなたは毎日できる瞑想の練習をすることができます。簡単にしておいてください。結局のところ、瞑想のポイントは、あなたの体をリラックスさせ、あなたの忙しい心を和らげ、あなたの人生をより複雑にすることではありません。ここには...

エディタの選択

ミノーニクス - ダミーを使ったミラー類推テストの語彙を学ぶ

ミノーニクス - ダミーを使ったミラー類推テストの語彙を学ぶ

ミラー類推テスト(MAT)さまざまな科目に関する知識が必要です。また、語彙を増やすことは、MATの成功の鍵です。ニーモニックは、膨大な語彙をマスターするための強力なツールです。

のLO QU​​Eのデベ・トラアー - Yなしtraer-らセントロデPruebasデGED

のLO QU​​Eのデベ・トラアー - Yなしtraer-らセントロデPruebasデGED

アンティデSalirデSUカーサパラIRらセントロデpruebasデGED EL DIAデルexamen、asegúreseデtraer CON usted UNO POCOSartículosimportantes(コモSUidentificaciónCONfotografía) - Y dejarエンカーサalgunos otras cosas(コモ国連bocadilloパラ・ラ・メディアMananaのOウナcalculadoraデアルタtecnología)QUE ...

あなたのGREを噛み砕くためにあなたができることを想像する - ダミー

あなたのGREを噛み砕くためにあなたができることを想像する - ダミー

GRE試験を完全に吹き飛ばすために人々がする狂気のことを考えてみましょう。これらの災害に気付くことで、災害があなたのテスト体験に影響するのを防ぐことができます。集中力を失うあなたは、退屈な退屈な読書理解の途中にいるときに、最悪のことをすることができます...