Voorbeelde van werfontwerp

INHOUDSOPGAWE:

Voorbeelde van werfontwerp
Voorbeelde van werfontwerp
Anonim

Kom ons gaan nie in op getalle en berekeninge nie, aangesien dit onmoontlik is om te bepaal hoeveel webwerwe reeds op die internet bestaan. Elke dag misluk duisende, indien nie honderde duisende webwerwe nie en nuwes verskyn in hul plek. Wat is die rede vir die mislukkings? Hoekom gaan mense na die webwerf en verlaat dit dadelik? Die antwoord is eenvoudig en reg voor jou oë - dit is die ontwerp van die webwerf.

Aantreklikheidseffek

Stem saam, almal het 'n stel sekere werwe wat dag na dag besoek word. Ek is seker dat die meeste van die boekmerke gunstelingwebwerwe is met flieks, boeke, nuus, speletjies, ens. Waarom, nadat ons een webwerf gevind het, probeer ons nie 'n ander soortgelyke een vind nie, wat selfs beter kan wees? Die antwoord is eenvoudig! Die webwerwe wat ons boekmerk is gerieflik om te gebruik - sulke webwerwe het gewoonlik 'n gerieflike rangskikking van elemente, kategorieë en 'n aangename ontwerp wat nie die oog irriteer nie. Dit is die "aantrekkingskrag-effek", wat een keer 'n behoorlik ontwerpte webwerf besoek - dit verlaatwil nie meer nie.

Kom ons kyk na die voorbeeld van die verhandelingsplatform twee webwerwe:

Voorbeeld webwerwe
Voorbeeld webwerwe

Ontwyfel en onbetwisbaar wil webwerf nommer 1 so gou moontlik gesluit word, en perseel nommer 2, inteendeel, wil talm. Hoekom gebeur dit? Op die eerste perseel is daar, benewens 'n lukraak geleë produk, ook 'n kleuroorversadiging, wat nie van die tweede webwerf gesê kan word nie. Daar is so 'n wonderlike spreekwoord: "Hulle ontmoet by hul klere, maar sien hulle af deur hul verstand", dit is ook van toepassing op terreine, net in plaas van klere is daar 'n ontwerp, en in plaas van 'n verstand is daar 'n navigasiestruktuur. Die besoeker, wat die webwerf betree het, is die eerste ding wat hy sien, die kleurskema, en gee dan eers aandag aan die interne navigasie en werfstruktuur.

Kleurpersepsie

Die hoofreël wanneer jy kleure kies, is om dit nie te oordoen nie. Soms is selfs twee of drie korrek geselekteerde kleure meer as genoeg, 'n aanskoulike voorbeeld hiervan is die webwerf fb.ru. Baie webontwerpers gebruik 'n tabel van "veilige" kleure om hul html-werf te ontwerp.

Tabel van veilige kleure
Tabel van veilige kleure

Veilig word dit genoem om die rede dat al die kleure wat hier vertoon word deur absoluut alle gebruikers op dieselfde manier oorgedra sal word. Daar kan gesê word dat hierdie kleure die standaard is wanneer die ontwerp op die webwerf geskep word.

Kleurversoenbaarheid

Elke kleur het sy eie "vriendelike" kleur - dit is die kleur waarmee dit die beste pas. Dit is nie nodig om die wiel weer uit te vind en met seleksie te eksperimenteer nie, alles is lankal uitgevind en is in die publieke domein. Kleurwiele word gebruik om kleure te kies. Itten. Die prent hieronder wys 'n kleurwiel om 2 bypassende kleure te pas.

Komplementêre kleurkombinasie
Komplementêre kleurkombinasie

T. d.w.s. die teenoorgestelde kleur binne die sirkel word as die mees versoenbare beskou. As jy 3 bypassende kleure moet kies, word die kleurwiel ook gebruik, net die kleurrangskikkingslyn sal reeds verander word.

Triad - 'n kombinasie van 3 kleure
Triad - 'n kombinasie van 3 kleure

En daar is baie sulke sirkels, jy kan meer bypassende kleure optel. Byvoorbeeld, vier.

Tetrad - 'n kombinasie van vier kleure
Tetrad - 'n kombinasie van vier kleure

Deur kleure op hierdie manier deur Itten se sirkels te kies, sal die maksimum kombinasie van kleure bereik word en 'n visueel aangename ontwerp van die webwerf sal verkry word. Meer kleur sirkels kan aanlyn gevind word. Kom ons wyk 'n bietjie af van die hoofonderwerp, want ek wil u inlig dat hierdie Itten-kleurwiele selfs deur professionele ontwerpers uit die modewêreld gebruik word, dit wil sê wanneer ontwerpersklere geskep word, word hierdie kleurpassingsmetode gebruik.

Interne werfstruktuur

As min of meer alles duidelik geword het met kleurpersepsie, dan bly daar nog een belangrike aanwyser as die interne struktuur van die webwerf of met ander woorde - "bruikbaarheid". Dit is nie genoeg om net die regte kleure op die webwerf te kies nie, soos die praktyk toon - met die pragtige ontwerp van die webwerf sal jy nie ver gaan nie. Die korrekte struktuur van die terrein is soos die raam van 'n huis, as dit nie reg beplan word nie, sal dit ongerieflik wees om daar rond te navigeer.

Alle navigasie-elemente moet vooraf deurdink word, en nog beter - neergeskryf. StruktuurDie webwerf moet eerstens verstaanbaar en gerieflik vir besoekers wees. Baie webwerwe verloor hul besoekers net omdat laasgenoemde, wanneer hulle die webwerf betree, nie verstaan waar en wat geleë is nie. Nie nodig om met 'n massa knoppies te rommel en 'n klomp funksionaliteit op te hang nie. Jy moet altyd deur die oë van die besoeker kyk, as die gebruiker nie een of ander funksie benodig nie, is dit beter om dit te verwyder. Weereens, 'n blink en korrekte voorbeeld van webwerf-ontwerp is die Fb.ru-webwerf, waarop alle afdelings geleë is op 'n manier wat verstaanbaar en gerieflik vir die besoeker is.

Die grootste fout

Volgens die gemiddelde ontleding, glo 'n gebruiker wat nie die nodige afdeling of inligting binne 15-30 sekondes op die webwerf kan vind nie dat hierdie afdeling of inligting nie op die webwerf is nie en verlaat die hulpbron. In die meeste gevalle vir ewig. 'n Goeie voorbeeld van 'n werf met verskriklike navigasie:

Slegte werfnavigasie
Slegte werfnavigasie

Dink jy dit is moontlik om die nodige inligting oor so 'n hulpbron te vind deur nie van die soektog af te gaan nie, maar bloot na die hoofblad? Ek dink nie so nie. Weereens die kleurversadiging en die oorvloed van onverstaanbare navigasie, wat enige besoeker in 'n stupor en verbystering sal plaas. Om sulke foute te vermy, is dit nodig om alle afdelings te groepeer en dit in 'n aparte navigasiekieslys te plaas, wat vir elke besoeker verstaanbaar sal wees.

Registrasievorm

Nog 'n belangrike en skrikwekkende faktor op die webwerf is die registrasievorm. Sommige probeer om byna oumagrootjie se data in die registrasievenster in te samel.

Verkeerde registrasievorm
Verkeerde registrasievorm

Sulke registrasievormswas voorheen modieus, toe die internet eers in huise begin verskyn het. Vandag wil die internetgebruiker die inligting wat hy benodig so gou moontlik vind, en lang registrasievorms, ten spyte van die uitstekende ontwerp van die webwerf, sal waarskynlik 99% afstoot. Die ideale registrasievorm volgens vandag se standaarde word hieronder getoon.

Korrekte registrasievorm
Korrekte registrasievorm

Selfs al is hierdie inligting nie genoeg nie, dan doen niemand die moeite om dit later van die besoeker aan te vra, na die registrasieproses nie. Hierdie benadering word as meer lojaal en vriendelik beskou as die registrasievorm, wat meer soos 'n werksaansoekvorm is.

Webwerfsjablone

Baie werwe word nou geskep op moderne CMS-stelsels wat gratis werfontwerp verskaf. Maar gratis ontwerp (sjablone) dra geen visuele ontwerp nie, so as die webwerf-eienaar dit nie op enige manier probeer verander nie, dan verdwyn so 'n webwerf in die soektog.

Dit is ook die moeite werd om die hele internetportale te noem wat aanbied om jou eie webwerf op grond daarvan te ontplooi. In hierdie geval is daar beide voor- en nadele:

  • Die eerste en dalk die enigste pluspunt is eenvoud. Die webwerf raam is reeds, as 'n reël, geskoei op sulke hulpbronne deur ervare ontwerpers, die ontwerp van die webwerf word onder sekere vereistes en reëls gebring. Dit bly net om dit met tematiese materiaal te vul en te wag vir die eerste besoekers. Daarom lok die eenvoud en gerief van sulke dienste beginners. Maar as die webwerf is opgestel vir ernstige ontwikkeling en kompetisie virtop-1 in soekenjins, dan is dit beter om so 'n diens te weier.
  • Van die nadele - die verskafde sjablone kan in die meeste gevalle nie geredigeer of verander word nie, jy sal die een wat verskaf word heeltyd moet gebruik. Eentonigheid is die grootste nadeel, waaroor ons heel aan die begin gepraat het, want elke webwerf moet individueel wees en in voorkoms verskil van ander. Baie beperkings wat onmoontlik sal wees om te beskryf, aangesien elke sodanige diens sy eie het.

Laaste deel

Alles wat in hierdie materiaal beskryf word, gee nie voor om 'n "hoofinstruksie" te wees nie, jy kan altyd en selfs alles op jou eie manier doen - dit is net 'n stel van die mees algemene reëls en foute. Maar die belangrikste punte, wat hier beskryf word in die vorm van kleurpersepsie en die interne struktuur van die webwerf, is die standaard vir die ontwerp van die webwerf. Verkeerd gekose kleure sal enige besoeker wat pas die webwerf betree het, afskrik, en ongeletterde ontwerp van kategorieë en werfelemente sal hom nie toelaat om te navigeer en die nodige inligting te vind nie. Hierdie punte moet maksimum aandag gegee word en, soos hierbo genoem, moet jy altyd deur die oë van 'n besoeker na enige webwerf kyk, en nie deur die oë van 'n ontwikkelaar nie.

Aanbeveel: