4 måter å designe en perfekt delt skjerm Hjemmeside
En skjerm delt i to.
Split-skjermteknikken har lenge vært kjent i filmindustrien, med tidligere eksempler fra de stille filmdager i begynnelsen av det 20. århundre, og det er fortsatt en populær enhet i film og tv i dag.
Et delt skjermbilde er i bruk når skjermelementer er delt inn i to eller flere vertikale deler. En scene fra filmen "Scott Pilgrim vs the World"
Dette er imidlertid en relativt ny teknikk for webdesignindustrien. Split-skjermer ble først populære rundt midten av 2016, og nå har vi flere og flere nettsteder som bruker dette mønsteret. Det er noen grunner til at dette designmønsteret ble så populært:
- Den har en fin estetisk kvalitet. Når den utføres korrekt, kan den tilby brukerne en fantastisk seeropplevelse.
- Det er et godt valg for responsive rammer. Split-skjermdesign kan tilpasses for en rekke skjermer, selv små. Når det gjelder mindre skjermer, for eksempel mobile skjermer, kan panelene stables.
- Det hjelper navigering. Ved hjelp av enkle designteknikker kan du trekke brukerens oppmerksomhet til en bestemt del av skjermen eller oppfordre dem til å klikke.
Når Split Screen Works The Best
Split-skjerm er spesielt bra når du har to ting å fremme. For eksempel, når et nettsted tilbyr to helt motsatte variasjoner. Denne tilnærmingen tillater designere å gi fremgang til begge ting og la brukeren raskt velge mellom dem.
Én skjerm, to meldinger i Dropbox Guides
Når du bør unngå delt skjerm
Skjermdesignene utvides ikke godt etter hvert som innholdet vokser, derfor anbefales det ikke å bruke dem til innholdsrike layouter. Det er viktig å holde skjermene enkle fordi komplekse split skjermer gjør at brukergrensesnittet ser overbelastet med informasjon. Det er derfor split-skjerm layout ville være en perfekt passform for minimalistisk webdesign.
Hvordan bestemme om Split Screen er bra for deg
Hvis du vurderer en delt skjermteknikk for nettstedet ditt, anbefaler jeg deg å stille deg noen spørsmål:
- Er det egnet for innholdet ditt?
- Vil det være nok negativt mellomrom for å gjøre oppsettet på plass?
- Vil brukerne sette pris på oppsettet, eller det vil forvirre dem?
- Vil det være OK å dele brukerens oppmerksomhet i halvparten?
Det viktigste å huske på at innholdet er konge og delt skjerm, bør være en enkel måte å levere meldingen til folk på.
Designteknikker for delt skjerm
1. Par Vibrerende Farge og Dramatisk Typografi
Takket være Flat og Material Design er levende farger og dramatisk typografi store trender nå. Levende farger er visuelt stimulerende og dramatisk typografi forbedrer tekstinnholdet. Bare kombiner de to, og du vil skape en visuelt interessant design. Baesman har gjort dette mesterlig. De ga like vekt på begge elementene, samtidig som brukeren kunne velge mellom dem raskt.
Lyse farger og interessante typografipar kan legge til interesse
2. Tegn brukerens oppmerksomhet til CTA-knappen
Mye mer enn en enkel grafisk trend, å dele skjermen i to forskjellige deler, gir en opprinnelig måte å veilede brukeren gjennom nettstedet ditt. Det er et flott alternativ når du vil opprette et større fokuspunkt for samtaler til handling. I eksemplet nedenfor kan du se hvordan negativ plass skaper en vertikal deling for å gi likevekt til to forskjellige alternativer.
Vertikal deling lar vekt på to forskjellige CTAer uten å favorisere heller
3. Lag visuell flyt mellom "skjermer"
Når delt skjerm representerer et enkelt objekt, er det viktig å etablere en forbindelse mellom innholdsbeholdere. En mulig måte å gjøre det på er å bruke en farge. Bare dupliser en tydelig farge for å etablere visuell flyt mellom to skjermer. Dette fungerer spesielt godt med en merkevarefarge eller fargetone med mye kontrast. Ved å bruke farge er det mulig å kommunisere en sterkere forbindelse mellom to deler av innholdet.
En annen mulig måte å opprette en sterk forbindelse på er å legge et enkelt element som tekstkopiering på tvers av skjermbilder:
Overlappende tekst forbinder to skjermer
Sist men ikke minst kan du bruke et farget overlegg til dette formålet:
Vurder den venstre delen av skjermen
4. Bruk animasjon for å oppmuntre brukere til å handle
Fin animasjon og interaktive effekter oppfordrer brukere til å klikke. Se på designet som brukes til " Chekhov er Alive "Nettsted under. Designet ber deg om å klikke for å finne karakteren din.
Konklusjon
Det tar omtrent tre sekunder for en besøkende å ta en beslutning om ditt nettsted. Derfor bør layoutene dine alltid være besøkervennlige hvis du vil redusere studsene. Split-skjermteknikk kan hjelpe deg med det. Delt skjermdesign er en morsom, funksjonell og responsiv måte å skape en engasjerende design på.