Iedomājieties vai padomājiet par klientu, kurš nāk pie jums un uzdod jums izveidot vietni. Var gadīties, ka jums ir jāizstrādā tēma, ko tas izmantos, un tas būs pirmais iespaids, ko tas atstās uz tūkstošiem vai miljoniem cilvēku, kuri to apmeklēs. Kā jūs to viņam pasniegtu? Vai jūs uzņemtu ekrānuzņēmumus no vietnes, kurā strādājāt pie dizaina, un parādītu to viņiem? Vai nebūtu labāk izmantot tīmekļa maketu?
Gaida, Vai nezinājāt, ka ir arī tīmekļa makets? Nu tad šī tēma jūs interesē. Un daudz. Jo jūs varat sniegt savai prezentācijai labāku klātbūtni un likt klientam aiziet daudz priecīgāk, redzot attēlus, kuros šķiet, ka vietne jau darbojas. Un patiesība ir tāda, ka tas jums nemaksās tik dārgi.
Kas ir vietnes makets
Vispirms nedaudz paskaidrosim, kas a vietnes makets. Kā jūs zināt, makets patiesībā ir "īsts attēls", kas parāda, kāds izskatīsies jūsu darba gala rezultāts.
Vietnes gadījumā būtu šīs tīmekļa lapas rezultāta attēls.
Šāda veida kolāža tos izmanto, lai piešķirtu darbam vairāk reālisma, jo daudzas reizes, kad to prezentējat, tas var būt tukšs vai simtprocentīgi neatspoguļo jūsu paveikto. Turklāt klientam ir vizuālāks veids, kā iegūt ideju.
Un jūs teiksiet, kāpēc gan viņam neparādīt vietni, pie kuras esat strādājis? To varētu darīt, bet ne kā darba prezentāciju, bet gan jums būs jāļauj klientam pārvietoties tīmeklī lai viņš viņu pamatīgi iepazītu un daudzkārt viņiem nav laika to darīt, tāpēc tu nepārliecinies, ka viņš visu ir redzējis.
No otras puses, ar tīmekļa maketu jūs to sasniegtu, jo jūs izceltu visu, ko vēlaties redzēt šajos attēlos.
Kā tās tiek izgatavotas
Tagad, kā tiek veidoti šie tīmekļa maketi? Vai ir kāda programma to izveidošanai? Vai tās ir kolāžas, kas ņemtas no interneta?
Patiesībā ir vairāki bezmaksas rīki ka viņi var sniegt jums roku, lai tos izveidotu, un ka viņi var sniegt jums iespējas, ne tikai ar piemēriem, ko mēs jums sniegsim nedaudz vēlāk.
Ar to jūs pat varētu izveidot to kolekciju šim klientam, sakārtojot dizainu dažādās secībās, kas padara gala rezultātu daudz labāku.
Šie rīki ir:
Gliffy
Šis rīks ir tiešsaistē un tas ir bez maksas. Ar to jūs varat izveidot tīmekļa maketu, jo ir daudz shēmu un API, ar kuru jūs varat paveikt darbu dažu minūšu laikā.
Patiesībā tas ir a no visbiežāk lietotajiem un tas sniedz jums daudz iespēju.
Kakao
Šajā gadījumā mums ir jābrīdina, ka, lai gan mēs koncentrēsimies uz bezmaksas daļa, rīks to arī maksā un tas nozīmē būs ierobežotāks tajā, ko jūs varat darīt.
Lai gūtu priekšstatu, varat eksportēt tikai iekšā PNG (tāpēc tas nav tik pielāgojams, ja vēlaties to izmantot ar citiem klientiem).
Labā lieta ir tā, ka, strādājot ar komandu, jūs varētu strādāt kopā vienlaikus (ti, reāllaikā).
vadu
vadu ir viens no instrumentiem var pārvērst vietni par a Karkass un līdz ar to, strādāt ar klientu parādot tīmekli pēc jūsu vēlmēm. Bet, protams, šeit būtu nepieciešams izvēlēties datora, planšetdatora vai mobilā tālruņa fotoattēlu, lai uzstādītu šīs programmas rezultātu.
Kā jau nopratāt, visi rīki sniedz priekšstatu par tīmekļa dizainu, taču būtu nepieciešams to salikt reālā attēlā. Lai to izdarītu, jums ir jāpiekļūst fotoattēliem, kuros ir redzami datori, mobilie tālruņi, planšetdatori, lai virsū ievietotu savu dizainu un iegūtu fotoattēlu, kas apvieno abus (un tas izskatās labi).
Lai to izdarītu, varat izmantot gatavus maketus vai izveidot tos pats ar attēlu rediģēšanas programmu.
Web makets, ko varat lejupielādēt
Ja nevēlaties pārāk pārņemt, lai prezentētu darbu, mēs jums to atstājam piemēri vietnes makets ko varat lejupielādēt un izmantot. Jūs ietaupīsiet laiku.
Reālistisks vietnes makets
Mēs sākam ar ainu, kas varētu būt ikvienam. Tas ir galds un datora ekrāns augšpusē (apakšā tastatūra un pele). Fonā grāmatu skapis ar grāmatām. Tomēr šis grāmatu skapis ir melnbalts, tāpat kā rakstāmgalda dekoratīvie elementi (vairāk grāmatu un lampa) un siena, kas ir pelēkā tonī.
Kāpēc? Lai skatiens būtu vērsts uz monitora parādīto lapu. tavā gadījumā varētu būt lapas sākumlapa, vai reprezentatīvās daļas, kuras vēlaties parādīt klientam.
Jūs to lejupielādējat šeit.
Vienkāršs vietnes makets
Vienkāršāks attēlojums, kur ar pelēku fonu (lai gan to var pielāgot) tas nerāda ekrānu, kurā mēs būsim ievietojuši tīmekļa lapu.
Izceļas ar to, ka, skatoties uz ekrānu, tam ir gaišāka un tumšāka daļa, jo simulē, ka uz tā krīt gaisma.
Tas var būt interesanti daļām, kur vēlaties klients skatās tikai uz tiem.
Jūs to lejupielādējat šeit.
Samsung Galaxy S5 makets
Jo īpaši šis ir Samsung Galaxy S5 makets, taču tas var būt lieliski piemērots, lai tajā pašā attēlā parādītu trīs tīmekļa dizaina daļas, kuras esat izveidojis, lai klients novērtētu, kā tas izskatītos mobilajā tālrunī.
Ņemiet vērā, ka Google tagad sniedz uzņēmumiem vairāk iespēju nekā izmantojiet responsīvu vietni, tas ir, ka tas izskatās labi neatkarīgi no tā, vai izmantojat datoru, planšetdatoru vai mobilo tālruni. Tāpēc nepietiek ar to, ka tas labi izskatās datorā, ir jāpārliecinās uz visām pārējām platformām.
To var lejupielādēt šeit.
Makets planšetdatoram un mobilajam tālrunim
Šajā gadījumā planšetdatorā nevarēsit parādīt 100% tīmekļa, bet mobilajā ierīcē to var. Un tas ir, ja vēlaties parādīt savu dizainu šajās divās ierīcēs, varat arī to izdarīt, lai klients iegūtu priekšstatu par to, kā tas izskatīsies.
Protams, paturiet to prātā planšetdatorā tas tiks parādīts ainavas formātā kamēr mobils būs tā vertikāls. Tas ir veids, kā viņš var redzēt jūsu dizaina izmaiņas, lai tās atbilstu abām ierīcēm.
Tu saprati šeit.
Vai jums ir daži tīmekļa maketa piemēri? Jūs varat dalīties ar tiem komentāros.