Manchmal stellt der Designer dem Kunden ein Layout zur Verfügung, bei dem etwas fehlt. Layoutdesigner, Backender und andere technische Spezialisten können das fehlende Element natürlich nach eigenem Ermessen herstellen, aber das Erscheinungsbild ist ihnen egal. Anstelle sorgfältig ausgewählter Farbtöne werden sie ihre eigenen Farben hinzufügen, Standardschriftarten erstellen und alle Bemühungen des Designers werden umsonst sein.
Das Layout kann auch zur Überarbeitung zurückgeschickt werden. Daher ist es für den Designer besser, eine Liste der erforderlichen Elemente zur Hand zu haben und diese zu prüfen, bevor das Layout in das Layout übertragen wird. Auf diese Weise können Sie alles auf einmal erledigen, nicht mehrmals zum Projekt zurückkehren und sich keine Sorgen machen, dass beim Zusammenstellen der Seite etwas schief geht. Obwohl höchstwahrscheinlich noch etwas funktionieren wird.
Seien Sie vorsichtig, der Artikel enthält viele Abbildungen.
Allgemeine Empfehlungen
Bevor auf bestimmte Elemente eingegangen wird, sollten die wichtigsten Punkte erwähnt werden, die der Designer nicht vergessen sollte.
Schriftarten
Sie müssen an das Layout angehängt werden, sonst lädt der Entwickler einige falsche herunter und ruiniert das Design.
Vektorobjekte
Überraschenderweise sollte die Vektorillustration Vektor und Modell sein. Wenn Sie ein Bild eines anderen Formats in das Layout einfügen, sieht es dort gut aus, wird aber während des Tests seifig. Um dies zu verhindern, sollten Sie immer einen Vektor verwenden: Fügen Sie beispielsweise SVG-Symbole hinzu.
Gitter
Es ist am besten, das Raster nicht aus dem Layout zu entfernen, da es bequem ist, daran zu navigieren. Wenn es ein Raster gibt, ist es einfacher, das Layout in Teile zu teilen und Spalten mit der gewünschten Breite zu erstellen. Dann gibt es weniger Fehler im reaktionsschnellen Layout, und die Site als Ganzes sieht ordentlicher aus.
Erforderliche Elemente für die Site
, . - . , . — — , .
404
, - : , , , ..
, « ». .
: .
, . , , , . , :
, :
, , - . , -. , Open Graph.
- . , , . :
;
;
( , );
( , );
;
;
;
( ), ;
«».
, . , - , . , .
- , Snazzy maps. , . , JSON-.
, . , .
. , - .
, , ( ..).
- , . « ».
«»
, .
, .
, — .
«/ » .
.
(… …).
:
:
, - — .
, :
« »
« , »
. , - .
, ::
;
;
;
.
- , .
UI kit
. , , Ul kit. , . UI kit — . UI Kit , , , , , , (, ),
, . , , , - : , .. , , . . .
, , HTML CSS "HTML CSS. ". SKUCHNO .
. .
:
, |
, |
- |
|
|
|