Tīmekļa vietnes vizuālie elementi

Izvēlieties attēlus, kas palīdz izskaidrot produktu

Sagatavojiet un izvēlieties attēlus publiskajām lapām, saglabājot katru vizuālo elementu saistītu ar vēstījumu, ko tam jāatbalsta.

Vizuālajam elementam jāatbalsta viens skaidrs vēstījums

Pielāgojiet izvietojumam

Pārskatiet lapu un sadaļu, kurai pieder attēls.

Norādiet reālu atsauci

Augšupielādējiet piemērotu attēlu atbalstītajam izvietojumam.

Pārskatiet rezultātu

Pārbaudiet, kā izvēlētais vizuālais elements izskatās izveidotajā lapā.

Izvēlieties attēlus, kas izskaidro produktu

Sākumlapas attēlam un detalizētai produkta ilustrācijai ir dažādi uzdevumi. Izvēlieties vizuālo elementu, kas atbalsta sadaļas virsrakstu un produkta faktisko darbību.

Izmantojiet materiālus, kurus jums ir tiesības publicēt. Produkta ekrānuzņēmumiem jāattēlo reālā lietotne, neatklājot klientu privāto informāciju.

Saglabājiet attēlu saistītu ar tā faktisko izvietojumu

Izskaidrojiet atbalstītu iespēju. Produkta attēls ir noderīgs, ja tas padara blakus esošo skaidrojumu vieglāk saprotamu. Reālam lietotnes skatam jāattēlo atbalstītā darbība, savukārt klientu privātā informācija paliek ārpus publiskās prezentācijas.

Izvēlieties sadaļai piemērotu detalizāciju. Pirmajam iespaidam par produktu un precīza uzdevuma skaidrojumam nepieciešama dažāda detalizācija. Pirms attēla izvēles izlasiet izvietojuma mērķi, lai svarīgais saturs saglabātos gan rāmī, gan mazākajā mobilajā izkārtojumā.

Saglabājiet esošo izvēli. Attēls tiek izvēlēts lapas izvietojumam. Mainot vienu vizuālo elementu, pirms saglabāšanas pārskatiet pārējās izvēles. Sasaiste saglabā augšupielādēto failu saistītu ar tā paredzēto vēstījumu, nevis padara katru augšupielādi par globālu aizstājēju.

Saglabājiet vizuālo izvēli pie lapas

Publisko lapu vizuālo elementu izvēles ir saistītas ar to izvietojumu. Tādējādi izvēlētais attēls paliek saistīts ar savu lapu, nevis katra augšupielāde tiek uzskatīta par aizstājamu.

Pēc mainītās izvēles piemērošanas pārskatiet publicēto rezultātu datorā un mobilajā ierīcē. Pārbaudiet, vai svarīgais saturs paliek redzams paredzētajā attēla laukumā.

Parādiet to produkta daļu, ko skaidro teksts

Noderīga ilustrācija izceļ vienu funkciju: lauku, rezultātu vai nelielu vadīklu grupu. Tās uzdevums ir padarīt blakus esošo skaidrojumu vieglāk saprotamu.

Pārskatiet attēlu tādā izmērā, kādā apmeklētāji to patiešām redzēs. Saglabājiet svarīgo detaļu salasāmu un pārbaudiet, vai attēls atbalsta lapas solījumu, nepievienojot nepamatotu apgalvojumu.

No piemērota materiāla līdz pārskatītam lapas attēlam

Izlasiet izvietojumu. Atveriet lapas grafisko saturu un aplūkojiet mērķi un pašreizējo attēla izvēli. Nosakiet, kas sadaļai jāizskaidro.

Augšupielādējiet un atlasiet. Izmantojiet atbalstītu attēlu un ievērojiet augšupielādes paneļa ierobežojumus. Izvēlieties pieejamo failu attiecīgajam izvietojumam un saglabājiet šo izvēli.

Pārskatiet piemēroto rezultātu. Sekojiet tīmekļa vietnes izmaiņām un aplūkojiet attēlu līdzās faktiskajam tekstam datorā un mobilajā ierīcē. Pārbaudiet svarīgās detaļas apgriešanu un salasāmību.

Izmantojiet attēlu, lai skaidrojums būtu skaidrāks

Izvēlieties sadaļai patiesu un atbilstošu vizuālo elementu un pārbaudiet to publicētajā lapā, nevis tikai augšupielāžu bibliotēkā.

Jautājumi par tīmekļa vietnes vizuālajiem elementiem

Augšupielāde padara failu pieejamu. Tas joprojām jāizvēlas paredzētajam izvietojumam un jāpiemēro tīmekļa vietnei. Tie ir dažādi darbplūsmas posmi.

Izmantojiet materiālus, kas saistīti ar atbalstīto funkcionalitāti un sadaļas vēstījumu. Ekrānuzņēmumam jāatspoguļo reālā lietotne, neatklājot klientu informāciju un neliekot domāt par vadīklām, kas nav pieejamas.

Izvēles ir saistītas ar to izvietojumiem. Pārskatiet saglabāto karti un, mainot vienu vizuālo elementu, saglabājiet pārējās derīgās izvēles.

Attēls aizņem mazāku rāmi. Svarīgas detaļas var kļūt nesalasāmas vai tikt apgrieztas, pat ja viss fails uz liela ekrāna šķita noderīgs.

Pats dokumentācijas saturs nenodrošina attēla izvietojumu tīmekļa vietnē. Publiskajai prezentācijai izmantojiet attiecīgās vietnes lapas grafiskos rīkus.