on:2010年9月28日sponsorsウェブデザインにおいて、ホワイトスペースが生みだす効果とその利用方法を紹介します。Element[ad#ad-2]下記は各ポイントを意訳したものです。はじめにホワイトスペースとは優雅さと洗練さレジビリティとユーザビリティホワイトスペースに注目するはじめに素晴らしいウェブデザインをつくりだす多くのエレメントがあります、その中でも十分に利用されていないものの一つがホワイトスペースです。すべてのデザインがホワイトスペースを持っていますが、問題はすべてのデザインが十分持っているわけではないということです。これは経験不足のデザイナーと彼らのクライアントがホワイトスペースを単にスクリーンの領域の浪費として見るという事実があります。ホワイトスペースはあなたのデザインの最も貴重なエレメントです。ホワイトスペースとはその名前が暗示する白いスペースである必要はありません。この名前は、たいていの印刷物が白い紙の上に行うため、グラフィックデザインの初期から得たものです。ホワイトスペースとはデザインやページレイアウトのエレメントの間、そして周りにある空間のことです。これはグラフィックやイメージの周りにあるスペース、カラムの間にある隙間、タイポグラフィの間にあるスペースなども含まれます。ホワイトスペースはネガティブスペースとも呼ばれます。ホワイトスペースを十分に使用することで、デザインにいくつかの利益をもたらすことができます。レイアウトでエレメントの間のスペースを増やすことで、デザインに優雅なアピアランスを与えることができます。タイポグラフィにもっと多くのホワイトスペースを与えることで、コンテンツをいっそう読みやすくするでしょう。優雅さと洗練さ印刷デザインにおいて紙は貴重なリソースで、クライアントはそのすべての領域を使用することを望むでしょう。そのことは結局、コストがかかり、クライアントは元をとることを望みます。これに似た価値観がウェブデザインにおいてスクリーンの領域にむけられます。テキストとグラフィックによってプレゼンテーションされたメッセージは、寸法を決められ、スペースを限定されます。ホワイトスペースに大きな量を使うことは、スクリーンの領域よりいっそう重要です。高級なブランドはこの概念を優雅と洗練のイメージを伝えるために使います。二つの家具の会社のサイトを見てみます。Barnのサイトは比べると、いっそう高級感があり、さまざまなエレメントの間にたくさんの空白スペースをもっています。ロゴ周りにさえ、大きな量のホワイトスペースがあることに注目してください。Goのサイトは少しレベルの低い家具店で、それはウェブデザインからもうかがえます。これにはいくつかの要因があり、特にホワイトスペースの欠如は大きな役割を果たしています。エレメントの間のスペースは少ししかありません。Goカテゴリリンクのリストが左のボーダーと隙間なく配置されていることに注目してください。このようなデザインはいい加減で、プロ的ではないように見えさせることができます。次にあなたにも見覚えのある二つのブランドを見てみましょう。下記はAppleとMicrosoftのウェブサイトの比較です。Appleのサイトは優雅と洗練の典型的な例で、たくさんのホワイトスペースを使用していることに気がつくでしょう。Microsoftのサイトはすこし詰めこめられた感があるので、それほど優雅ではありません。これはそれぞれの会社のブランドイメージと一致しており、正しいです。AppleMicrosoft[ad#ad-2]レジビリティとユーザビリティマイクロレベルで、ホワイトスペースがタイポグラフィとユーザビリティにおいて主要な役割を果たします。テキストの行間が少ないと、読むことが非常に困難になります。これは行間にもっと多くのスペースを与えることで、コンテンツを読みやすくして、そして理解することがより簡単になります。Highwaymanはポートフォリオサイトです。このサイトはテキストにホワイトスペースを大きく使用した優れた例です。行間がゆったりとられたコンテンツは読む際に喜びすら感じます。Highwaymanマイクロホワイトスペースはテキストを読みやすくするだけでなく、コンテンツのブロックを分離するのにも役立ちます。これはユーザーがコンテンツをどこから始めて、どこで終わるのか区別するのに役立ちます。コンテンツが互いにより際立つよう、コンテンツのさまざまなブロックの間に十分な分離をつくることは重要なことです。Analogのサイトでは、さまざまな量の分離をつくり、そしてコンテンツの流れをつくりだしています。大きい量のホワイトスペースはコンテンツを分離するために使用し、小さい量はパラグラフの間に使用されています。Analogホワイトスペースに注目する正しい量のホワイトスペースを算出するガイドラインや規則はありません。すべてのデザインは異なっており、あなたが使う量はプロジェクトごとに変更するものです。ホワイトスペースの量を学ぶのに最も良い方法は、ホワイトスペースを効果的に使用していると思う他のデザインを調べることです。目を養い、そして正しい量のホワイトスペースを探してください。Posts関連記事が見つかりませんでした。