時々、デザイナーは何かが欠けているレイアウトを顧客に提供します。もちろん、レイアウトデザイナー、バックエンダー、その他の技術スペシャリストは、不足している要素を自由に作成できますが、外観については気にしません。慎重に選択された色合いの代わりに、独自の色を追加し、標準のフォントを作成し、デザイナーのすべての努力が無駄になります。
レイアウトは、改訂のために送り返すこともできます。したがって、設計者は、必要な要素のリストを手元に用意して、レイアウトをレイアウトに転送する前にそれを調べることをお勧めします。これにより、すべてを一度に実行でき、プロジェクトに何度も戻ることも、ページを組み立てるときに問題が発生することを心配することもありません。何かがまだ機能する可能性が高いですが。
注意してください、記事にはたくさんのイラストがあります。
一般的な推奨事項
特定の要素について話す前に、設計者が忘れてはならない要点について言及する価値があります。
フォント
それらはレイアウトに添付する必要があります。そうしないと、開発者は間違ったものをダウンロードしてデザインを台無しにしてしまいます。
ベクトルオブジェクト
驚いたことに、ベクターイラストはベクターとモックアップである必要があります。別の形式の画像をレイアウトに挿入すると、見た目はきれいになりますが、テスト中に石鹸になります。これを防ぐには、常にベクターを使用する必要があります。たとえば、SVGアイコンを添付します。
グリッド
グリッドをナビゲートすると便利なので、レイアウトからグリッドを削除しないことをお勧めします。グリッドがある場合は、レイアウトをパーツに分割し、目的の幅の列を作成する方が簡単です。そうすれば、レスポンシブレイアウトのバグが少なくなり、サイト全体がきれいに見えます。
サイトに必要な要素
, . - . , . — — , .
404
, - : , , , ..
404 — . , 404 .
404, , , . , .
, « ». .
: .
, . , , , . , :
, :
, , - . , -. , Open Graph.
- . , , . :
;
;
( , );
( , );
;
;
;
( ), ;
«».
, . , - , . , .
- , Snazzy maps. , . , JSON-.
, . , .
. , - .
, , ( ..).
- , . « ».
«»
, .
, .
, — .
«/ » .
.
(… …).
:
:
, . .
. , . .
, - — .
, :
« »
« , »
. , - .
, ::
;
;
;
.
- , .
UI kit
. , , Ul kit. , . UI kit — . UI Kit , , , , , , (, ),
, . , , , - : , .. , , . . .
, , HTML CSS "HTML CSS. ". SKUCHNO .
. .
:
, |
, |
- |
|
|
|