websajt mock up

mockup tal-websajt

Immaġina jew aħseb dwar dak il-klijent li jiġi għandek u jikkummissjonak biex tiddisinja websajt. Jista’ jkun li trid tfassal it-tema li se tuża, u li tkun l-ewwel impressjoni li tħalli fuq l-eluf jew miljuni ta’ nies li se jżuruha. Kif tippreżentah lilu? Tagħmel screenshots ta’ websajt fejn ħdimt fuq id-disinn u turih? Ma jkunx aħjar li tuża web mock up?

Stennija, Ma kontx taf li kien hemm ukoll web mock up? Ukoll, allura dan is-suġġett jinteressak. U ħafna. Minħabba li tista 'tagħti preżenza aħjar lill-preżentazzjoni tiegħek u tagħmel lill-klijent jitlaq ħafna aktar ferħan wara li tara immaġini fejn jidher li l-websajt hija diġà operattiva. U l-verità hi li mhux se jiswik daqshekk biex tagħmel dan.

X'inhu mockup tal-websajt

L-ewwelnett, ejjew nispjegaw ftit dak a websajt mock up. Kif tafu, mockup huwa fil-fatt rappreżentazzjoni ta '"immaġni reali" li turi kif ikun jidher ir-riżultat finali tax-xogħol tiegħek.

Fil-każ ta' websajt, tkun immaġni tar-riżultat ta' dik il-paġna web.

Dan it-tip ta 'collage huma użati biex jagħtu aktar realiżmu lix-xogħol, peress li ħafna drabi, meta tippreżentaha, tista’ tkun vojta jew ma tirrappreżentax mija fil-mija dak li tkun għamilt. Barra minn hekk, il-klijent għandu mod aktar viżwali biex jieħu idea.

U int se tgħid, għaliex ma turihx il-websajt li ħdimt fuqha? Jista’ jsir, imma mhux bħala preżentazzjoni tax-xogħol imma inti jkollok tħalli lill-klijent jinnaviga l-web biex hu jsir jafha sewwa u, ħafna drabi, ma jkollhomx ħin biex jagħmluha, biex ma taċċertax li ra kollox.

Min-naħa l-oħra, b'mockup tal-web int tikseb dan għaliex tenfasizza dak kollu li trid tara f'dawk l-immaġini.

Kif isiru

Issa, kif isiru dawn il-mock ups tal-web? Hemm programm biex jinħolqu? Huma collage li jittieħdu mill-Internet?

Attwalment hemm diversi għodod b'xejn li jistgħu jagħtuk id biex toħloq dawn, u li jistgħu jagħtuk għażliet, mhux biss bl-eżempji li ser nagħtuk ftit aktar tard.

B'dan tista 'saħansitra toħloq ġabra minnhom għal dak il-klijent, billi tpoġġi d-disinn f'sekwenzi differenti li jagħmlu r-riżultat finali jidher ħafna aħjar.

Dawn l-għodod huma:

gliffy

Din l-għodda hija onlajn u huwa b'xejn. Biha tista 'toħloq web mock up għaliex għandha ħafna skematiċi u API li biha tista' twettaq ix-xogħol fi ftit minuti.

Fil-fatt, huwa a tal-aktar użati u li jagħtik ħafna għażliet.

Kakaw

F'dan il-każ irridu nwissuk li, għalkemm aħna se niffukaw fuq il- parti ħielsa, l-għodda titħallas ukoll u dan ifisser se jkun aktar limitat f’dak li tista’ tagħmel.

Biex tieħu idea, tista' tesporta biss ġewwa PNG (Għalhekk mhux daqshekk customizable jekk trid tużah ma 'klijenti oħra).

It-tajjeb hu li jekk taħdem ma’ tim tista’ taħdem flimkien fl-istess ħin (jiġifieri f’ħin reali).

Wirify

Wirify hija waħda mill-għodod jista 'jbiddel websajt f'a wireframe u, magħha, taħdem mal-klijent nuruk il-web kif jogħġobkom. Imma ovvjament, hawnhekk ikun meħtieġ li tagħżel ritratt ta 'kompjuter, tablet jew mobbli biex jintramaw ir-riżultat ta' dan il-programm.

Kif tista 'qtajt, l-għodod kollha jagħtuk immaġni tad-disinn tal-web, iżda jkun meħtieġ li fil-fatt tiġbor f'immaġni reali. Għal dan, trid taċċessa ritratti fejn jintwerew kompjuters, mobiles, tablets sabiex daħħal id-disinn tiegħek fuq nett u tikseb ritratt li jgħaqqad it-tnejn (u li jidher tajjeb).

Biex tagħmel dan tista 'tuża mockups lesti jew toħloqhom lilek innifsek bi programm ta' editjar ta 'immaġni.

Web mock up li tista 'tniżżel

Jekk ma tridx tegħleb lilek innifsek wisq biex tippreżenta x-xogħol, hawn inħallukom xi ftit eżempji ta ' websajt mock up li tista' tniżżel u tuża. Inti se tiffranka l-ħin.

Websajt realistiku mock up

Websajt realistiku mock up

Nibdew b’xena li kulħadd jista’ jkollu. Hija skrivanija u skrin tal-kompjuter fuq nett (tastiera u maws hawn taħt). Fl-isfond librerija bil-kotba. Madankollu, din il-librerija hija bl-iswed u abjad, bħalma huma l-elementi dekorattivi tal-iskrivanija (aktar kotba u lampa) u l-ħajt, li huwa f’ton griż.

Għaliex? Sabiex il-ħarsa tkun iffukata fuq il-paġna murija mill-monitor. fil-każ tiegħek tista' tkun id-dar tal-paġna, jew partijiet rappreżentattivi li trid turi lill-klijent.

Tniżżilha hawn.

Mockup sempliċi tal-websajt

Mockup sempliċi tal-websajt

Rappreżentazzjoni aktar sempliċi, fejn bi sfond griż (għalkemm jista’ jiġi personalizzat) ma jurix skrin li fih inkunu daħħalna l-paġna tal-web.

Jispikka li, jekk tħares lejn l-iskrin, għandu parti eħfef u parti skura, għax tissimula li d-dawl jaqa’ fuqu.

Dan jista 'jkun interessanti għal partijiet fejn trid il-klijent iħares esklussivament lejhom.

Tniżżilha hawn.

Samsung Galaxy S5 Mockup

Samsung Galaxy S5 Mockup

Dan b'mod partikolari huwa mockup tas-Samsung Galaxy S5 iżda jista' jkun perfett għalik biex turi, fl-istess immaġni, tliet partijiet tad-disinn tal-web li tkun għamilt sabiex il-klijent japprezza kif jidher fuq il-mobile.

Żomm f'moħħok li Google issa tagħti s-setgħa lin-negozji aktar minn uża websajt li tirreaġixxi, jiġifieri, li jidher tajjeb jekk tużax kompjuter, tablet jew mobile. Għalhekk, mhuwiex biżżejjed li jidher tajjeb fuq il-kompjuter, għandek tiżgura ruħek fuq il-pjattaformi l-oħra kollha.

Tista 'tniżżilha hawn.

Mockup għal tablet u mobile

Mockup għal tablet u mobile

F'dan il-każ, ma tkunx tista' turi 100% tal-web fuq tablet, iżda tista' fuq il-mowbajl. U huwa li jekk trid turi d-disinn tiegħek fuq dawn iż-żewġ apparati tista 'wkoll tagħmel dan, sabiex il-klijent ikollu idea ta' kif se tidher.

Dażgur, żomm f'moħħok li fuq il-pillola se jintwera f'format tal-pajsaġġ waqt li l- mobbli se jkollu vertikali. Huwa mod għalih biex jara d-disinn tiegħek jinbidel biex jitwaħħal iż-żewġ apparati.

Int sibtha hawn.

Għandek xi eżempji ta 'web mock up? Tista' taqsamhom fil-kummenti.


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

Kun l-ewwel li tikkummenta

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat.

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.