Skip to main content

Dėmesys kaip interneto dizaino principas

Anonim

Interneto puslapio dizaino pabrėžimas sukuria vietovę arba objektą, kuris yra puslapio centre. Tai yra būdas padaryti vieną elementą išsiskirti iš dizaino. Židinio taškas gali būti didesnis už kitus dizaino elementus arba ryškiai spalvotas - abu jie linkę atkreipti akis. Kai kuriate tinklalapį, galite pridėti dėmesio, pasirinkdami žodį ar frazę ir priskirdami jo spalvą, šriftą ar dydį, kuris išskiria jį, tačiau yra daugybė kitų būdų, kaip pabrėžti jūsų dizainą.

Dėmesio projektavimas

Viena iš didžiausių klaidų, kurią gali padaryti interneto dizaineriai, yra bandyti padaryti viską, kad dizainas išsiskirtų. Kai viskas vienodai pabrėžiama, dizainas atrodo užimtas ir paini, arba blogesnis - nuobodus ir nepatrauklus. Norėdami sukurti žiniatinklio dizaino centrą, nepamirškite naudoti:

  • Linijos: Sukurkite akcentą priešingai. Jei keli elementai yra horizontalūs, vienas vertikalus elementas tampa židinio tašku.
  • Spalva: Jei dauguma dizaino elementų yra tamsi arba nutildyti, bet koks spalvingas objektas pritraukia akis.
  • Formos: Kai dauguma figūrų yra netaisyklingos, geometrinė forma išsiskiria.
  • Artumas: Kai keli elementai sugrupuoti ir vienas yra atskirtas nuo grupės, akis pereina į atskirą elementą.
  • Vieta: Nors yra išimčių, dizaino centre esantis elementas dažniausiai atkreipia dėmesį.
  • Svoris: Sunkus elementas pritraukia žiūrovo dėmesį.
  • Pakartojimas: Kai pakartojamas paprastas grafinio tipo elementas, akis seka pakartotinį elementą į židinio tašką.
  • Kontrastas: Be kontrastų, sukurtų spalvomis ir linijomis, kontrastą galima generuoti pagal dydį, tekstūrą ar šrifto pakeitimus. Šis pakeitimas sukelia pagrindinį elementą ar akcentą, kad išsiskirtų.
  • Balta vieta: Elementas, supa baltos (ar tuščios) erdvės, tampa pagrindiniu tašku.

Hierarchija žiniatinklio dizainuose

Hierarchija yra vizualus dizaino elementų, kurie nurodo svarbą pagal dydį, išdėstymas. Didžiausias elementas yra svarbiausias; mažiau svarbūs elementai yra mažesni. Sutelkite dėmesį į vizualinės hierarchijos kūrimą savo interneto dizaino. Jei dirbote kuriant semantinį srautą į HTML žymėjimą, tai yra lengva, nes jūsų tinklalapis jau turi hierarchiją. Visas jūsų dizainas turi tai padaryti - pabrėžti tinkamą elementą, pvz., H1 antraštę.

Kartu su žymėjimo hierarchija, supraskite, kad lankytojas akys žiūri tinklalapį Z modeliu, kuris prasideda viršutiniame kairiajame ekrano kampe. Dėl to viršutiniame kairiajame puslapio kampe yra gera vieta svarbiam elementui, pavyzdžiui, įmonės logotipui. Viršutiniame dešiniajame kampe yra antra geriausia vieta, kurioje rasite svarbios informacijos.

Kaip įtraukti interneto dizaino dėmesį

Interneto dizaino dėmesio gali būti įgyvendinta įvairiais būdais:

  • Naudokite semantinį žymėjimą, kad pabrėžtumėte net be jokių stilių.
  • Pakeiskite šriftų ar vaizdų dydį, kad pabrėžtumėte arba dezaktyruotumėte juos projektuojant.
  • Naudokite kontrastingus spalvos, kad pabrėžtumėte.
  • Dydis skaičiuojamas. Didžiulis žodis puslapyje arba ekrane tampa neatidėliotino dėmesio.
  • Aplink kontaktinį centrą su balta erdve.
  • Pakartokite žodį ar vaizdą, kad atkreiptumėte dėmesį.

Kur subordinacija tinka?

Subordinacija įvyksta, kai išskleidžiate kitus elementus dizaino, kad pamatytumėte populiarumą. Vienas iš pavyzdžių - ryškiai spalvota grafika, padėta prieš juodai baltą fono nuotrauką. Toks pat poveikis atsiranda, kai naudojate silpnąsias spalvas arba spalvas, kurios maišosi su fone už fokuso taško, todėl jis išsiskiria.