XHTMLタイプセッターに便利なデザインモックアップについて簡単に説明します

顧客は、1つのWebページのレイアウトを含む14メガバイトのPSDファイルを送信しました。 それを開いて、私は構造の中に巨大な混乱を見つけました:隠された層の束、とにかく名付けられたグループ、何回も同一の層を複製する、など。 罪が半分になって、何が起こっているのかを理解し、彼はそれを補っていました。 そして、何かが忘れられていたことがわかりました(この「何か」を見ることができませんでした)。



ただし、レイアウトをレイアウトに送信する前に準備するための良いルールがあります。 おそらく今それらを書き留めておき、必要に応じて必要に応じてこのレコードを参照します。



UPD: Habralyudi、コメントを聖戦の舞台にしないでください。





1.レイヤーの順序を維持します。 わかりやすい名前で名前を付け( レイヤー2コピーは機能しません)、明確なロジックに従ってグループ化します(たとえば、既に検索フォームを描画している場合は、そのすべてのコンポーネントを「検索フォーム」グループに含めます)。



2.不要なものをすべて削除します。



3.多数のテンプレートがある場合(たとえば、ユーザーのほかに管理部分もあるホスティング会社のWebサイトについて話している場合)、ページレイアウトを異なるPSDファイル(たとえば、 catalog-pages.psdadmin-vault.psd 、など)。 怠けてはいけません-自分自身をグループ化し、パズルを解く時間を無駄にするレイアウトを作らないでください。 あなたにとって難しいことではありませんが、あなたはすでにこのすべてを理解していますが、彼はまだです。



サンプルページのセット全体を含むPDFファイルを作成する価値がある場合があります。 タイプセッターは、サイト上に正確に何があるべきか、そしてこの経済をすべてマークアップするのが最善である方法を自分自身で確認できるため、これは良いことです(訓練を受けた目は、同じコンテンツブロック、テキストスタイルなどに気付くでしょう)。



デザイナーがlink:、visited:、hover:、activeの色を持つハイパーリンクの基本オプションをすべて描画するのが面倒ではない小さなファイルに出くわしました。 気配りのある人はどんな職業でもいます。 :-)




All Articles