いくつかの紹介的な言葉
この記事で私が話すことは、私の個人的な経験と組版をする人々に対する良い態度に基づいています。 これは、第一に、大規模なマルチページポータルタイプのサイトに従事するWebデザイナーにとって、第二に、Photoshopを使用する他のデザイナーにとって、そして第三に、雇用された従業員を管理したい顧客にとって便利です。 実際に、レイアウトを操作する際のPhotoshopでのレイヤーの正しい分布と命名についてお話したいと思います。 ノウハウのふりはしません。 これはすべて私なしでも知られていますが、レイアウトのために私に送られた最後のレイアウトは混乱であり、私はこの小さな、しかし有用な記事を公開することを固く決心しました。
それはあなたに何を与えますか？
少なくとも、秩序と美の感覚。 その間、タイプセッターに感謝します。 とりわけ、時間が節約されました。
原則1-カタログ
通常、サイトは多くのレイヤーで構成されており、賢者が言ったように、多くのものが集まったらカタログ化する必要があります。 私は冗談を言った、賢者はこれを言っていないが、とにかく。 先験的に、すべてが棚に配置されている場合、適切なものを見つけるのにあまり時間をかけず、目を楽しませます。 例の写真があります：
原則2-適切な命名
問題。 たとえば、シャツを上にしてテーブルにきちんとレイアウトされた36枚のカードのデッキを想像してください。 彼女が愚かなことをしないように、スペードの女王を見つけることが緊急に必要です。 これを行うには、各カードを裏返す必要があります。 デッキが元々シャツで横たわっていた場合は、スペースの周りを見て、すぐに悪役を見つけるでしょう。 署名されていないレイヤーは、裏向きに置かれたカードです。 プレビューでレイヤーのコンテンツを判断するのに十分だと思う場合、あなたは間違っています。 場合によっては、目的の要素を含むレイヤーを見つけるために、他のいくつかの要素を並べ替えたり、マウスで何かをドラッグしたりする必要があります。 自動選択には余分な時間が必要であり、考えると誰もが慣れていない。
共通名。 すべては適切な名前で呼び出す必要があります。 それが上（上）の場合-「上」、「上」または「帽子」と書く-「下」（下）の場合-「ボット」、「下」、「足」または「地下室」と書く。 ダイからの影のあるレイヤーは「シャドウ」と呼ばれるべきであり、そのようなレイヤーが多数ある場合、それらはすべて異なるディレクトリに配置され、混乱を引き起こさないため、怖がりません（原則1を参照）。 たとえば、サイトに3つの列がある場合、「左」、「中央」、「右」と呼ぶことをお勧めします。 例えば、略語のシステムを開発する価値があります。たとえば、「グラディエント」の代わりに「グラッド」と書き、「基礎」という言葉の代わりに、「ベース」と書きます。
意味のある名前。 アンダースコアを個別に描画する必要があることがよくあります（テキストに下線を引く機能を使用せずに）。色を試してみたいので。 ただし、「Underline」と「Underline」という単語は長すぎるため、文字に置き換えます。
セットはイリヤ・バーマンのレイアウトを使用してオレンジで書かれました。
私の標識システムは唯一の正しいものであると主張していません。 理解しやすい独自の指定を考え出すことができますが、レイアウト設計者にも同様に理解できるようにする必要があることを覚えておく価値があります。 いずれにしても、あなたは彼にメモを書くべきです。 原則1と原則2を適用すると、おおよそ次の結果が得られます。
リンクを一列に並べると、すべての下線を1つのレイヤーにまとめることができますが、これはそれほど便利ではありませんが、費用対効果が高い場合があります。 この場合、レイヤーに名前を付けることができます（たとえば、「_ all」または「_all」など）。
原則3-色の強調表示
レイアウトを非常に便利で明瞭にするために、色分けを使用することをお勧めします。 色の関連付けはテキストの関連付けよりも高速に機能するため、これはレイアウト設計者にはあまり役立ちません。 したがって、レイアウトの方向がより速くなります。
ご希望の場合は、ここで例として説明するカラースキームを使用できます。
したがって、Photoshopには色を強調するための7色があります。
そのように配布します。 赤 -中央またはメイン列\フィールド。 オレンジ -帽子か何か。 黄色 -アクティブな要素の描画の選択（ドロップダウンメニュー、ポップアップ）。 緑 -右側の列（ある場合）。 青は左の列です。 バイオレット -事故（見出し、複雑なデザイン要素）。 灰色は地下室または下のものです。
おわりに
結論として、これらの原則を使用したレイアウトの例を示します。
