Wéi equilibréiert Säit Layouten ze kreéieren

Auteur: Peter Berry
Denlaod Vun Der Kreatioun: 16 Juli 2021
Update Datum: 13 Mee 2024
Anonim
Wéi equilibréiert Säit Layouten ze kreéieren - Kreativ
Wéi equilibréiert Säit Layouten ze kreéieren - Kreativ

Inhalt

D'Haaptzil vun all Säit Layout, deen Dir designt, egal ob et fir eng gedréckte Broschür oder déi lescht Web App ass, d'Informatioun kloer an effektiv un de Lieser ze vermëttelen. Ee vun de beschte Weeër fir sécher ze sinn datt d'Schlësselmeldunge beim Lieser geliwwert ginn ass en ausgeglachene Säit Layout ze kreéieren.

Säit Layout Design beinhalt normalerweis vill Placement, Ëmrangéieren a Formatéiere vun Elementer. Vill Designer passen dëse Prozess organesch un, fille sech de Wee zu engem angenehmer Endresultat. Obwuel dëst zu e puer exzellente glécklechen Accidenter féiere kann, ass et e Risiko datt eng gratis Form Methodologie zu engem Manktem u visueller Balance op der Säit resultéiere kann.

Eng gutt Säitekompositioun soll fir d'Ae bequem sinn, an och dës Schlësselmeldunge kloer dem gewënschte Publikum vermëttelen. Mir hunn e puer Top Tipps gesammelt fir Iech ze hëllefen datt Är Säit Layout Designs Balance hunn (e gudde Websäit Builder hëlleft och). Dës Approche funktionnéiere gutt fir eng Struktur fir e Gläichgewiicht ze bidden, onofhängeg vum Medium mat deem Dir schafft.


Fir méi webspezifesch Berodung, kuckt eise Guide fir perfekt Websäit Layouten ze kreéieren.

01. Benotzt e Gitter

Ee vun den einfachsten Weeër fir sécher ze sinn datt Är Säit e Grad vu Balance huet ass e Gitter System ze benotzen. Gitter waren als eenzeg Erhaalung vun der gedréckter Säit, awer vill Aarbecht ass online an de leschte Joeren ofgeschloss ginn fir d'Konzept vum Netz iwwer dem digitale Medium ze migréieren.

Mat engem Gitter fir d'Positioun vu verschiddenen Elementer op enger Säit z'informéieren, kreéiert Dir eng Verbindung tëscht de verschiddenen Elementer déi Är Säit ausmaachen. Dëst kann hëllefen e Gefill vun Uerdnung fir Äert Layout ze bidden, dem Lieser eng kloer strukturell Referenz ze bidden fir zréckzefalen an d'Erfolleg vun Ärer Säit ze erhéijen.

Dëst ass wichteg well wann all Är Säitelementer e Gefill vu Konnektivitéit mateneen hunn, de Gesamteffekt fir de Lieser méi komfortabel fillt, hëlleft se wuel ze maachen an hir Zougang zu de wichtege Saachen ze vereinfachen: den Inhalt.


02. Wielt een eenzege Brennpunkt

Ee vun den effektivsten Weeër fir e Sënn vu Balance ze bidden ass en eenzege Brennpunkt fir Äre Layout Design ze wielen. E gutt Beispill dovun an der Praxis ass d'Benotzung vun engem grousse Bild als gréissten eenzelt Element op enger Säit.

Eng staark visuell kann e staarke Wee ginn fir de Lieser op Är Säit ze féieren (sou wéi d'Expertanalyse vum idealen Webhosting Service), a liwwert och en nëtzlecht strukturellt Element ronderëm wat de verbleiwen Inhalt an Ärem Layout arrangéiert. Wann Dir verschidde visuell Elementer hutt, benotzt de Proximitéitsprinzip vun der Gestalt Theorie fir se zesummen ze gruppéieren, an se op déiselwecht Manéier auszepassen.

Et ass och derwäert ze halen datt Dir eng Iwwerschrëft benotzt oder Zitat op déiselwecht Manéier zitt; eng gutt Haaptsäit kann esou vill visuell Interesse wéi e Bild ubidden, wärend Dir weider d'Struktur bitt, déi Iech hëlleft en equilibréierte Layout ze garantéieren.


03. Benotzt d'Regel vun Drëttel

Ee vun de beschte Weeër fir e Gläichgewiicht ze bidden ass den Designer säi Liiblingsregel vun Drëttel oder Golden Ratio ze benotzen. Einfach gesot, d'Regel vun Drëttel seet datt wann Dir Är Säit an Drëttel vertikal a horizontal deelt, d'Punkte bei deenen d'Gitterlinnen sech kräizen déi natierlech Brennpunkte vun enger Zesummesetzung.

Wann Dir Är Schlësselelementer op dës véier Punkte alignéiert, kritt Dir eng méi erfreelech Kompositioun wéi wann Dir zum Beispill perfekt Elementer op Ärer Säit zentréiert.

U sech wäert d'Regel vun Drëttel net magesch Äert Layout mat Balance ubidden, awer andeems de Prinzip verlängert gëtt, ass et einfach dës Tendenz zu engem natierleche Brennpunkt ze benotzen fir d'Gläichgewiicht vun Ärem Layout z'informéieren.

Eng gemeinsam Approche ass déi wichtegst Elementer vun Ärer Säit am ieweschten (oder ënneschten) Drëttel vun der Säit ze placéieren, mam primäre Brennpunkt ausgeriicht fir mat enger vun den Kräizungen ze passen. Hutt Dir vill Verméigen fir Äre Site ze späicheren? Kuckt dës Cloud Späicheroptiounen.

04. Benotzt Wäissraum

Et ass heefeg datt Ufänger Designer vun all eenzelne Raum op enger Säit Gebrauch maachen, an Inhalt fëllen bis all Lück ausgefëllt ass. Déi méi erfuerene wëssen datt heiansdo dee beschten Deel vum Design involvéiert Elementer auszeginn, anstatt se ze schützen.

Am gedréckte Medium ass deen heefegste Wee fir Wäissraum ze benotzen duerch d'Säitemargen an d'Rinnen ze vergréisseren. Am Internet, einfach vill Atmungsraum ronderëm Elementer ze bidden, kann hëllefen Ären Layout Design komponéiert an ausgeglach ze fillen.

Negativ Raum benotze funktionnéiert am beschten wann Dir eng kloer Struktur hutt déi Inhalt verankert (wéi déi vun engem Gitter geliwwert), well de Risiko vu Wäissraum kann e Gefill vun der Trennung tëscht Säitelementer sinn, wann se geféierlech agefouert ginn.

05. Widderhuelen Design Elementer

Widderhuelung kann och e staarkt Gefill vu verbonne Design a Balance zu enger Kompositioun ubidden. D'Iddi ass datt Dir andeems Dir e Motiv oder Designbehandlung an Ärem Layout identifizéiert an nei benotzt, Dir kënnt eng Referenz fir de Lieser liwweren, sou datt verschidde Beräicher sech verbonne fillen an en Deel vun der selwechter Gesamtkompositioun sinn.

Dir kënnt dës Technik och benotze fir e Brennpunkt an Ärem Design ze bidden, wärend Dir e Gesamtbalance behält, andeems Dir d'Muster vun der Ähnlechkeet duerch d'Widderhuelung agebrach brécht.

06. Benotzt Hierarchie

Eng vun de Schlëssel Approche fir d'Säit Layout Nirvana z'erreechen ass e klore Sënn vu Struktur an Hierarchie. Mir hunn d'Struktur scho beréiert, awer et ass wichteg och d'relativ Wichtegkeet vu verschiddene Inhalter op Ärer Säit ze vermëttelen. Eng Iwwerschrëft, zum Beispill, sollt bal ëmmer méi visuell wichteg si wéi Kierpertext Inhalt.

Kuckt déi verschidden Elementer déi Ären Layout Design ausmaachen an entscheede wéi en Element dat wichtegst ass. Benotzt dëst Element fir e strukturellen Hook fir déi verbleiwen Elementer op der Säit ze bidden, an hält se dat Wichtegst.

07. Benotzt Skala, Kontrast an Harmonie

Schlussendlech kann d'Benotzung vun der Skala eng ganz effektiv Method sinn fir e gudden visuellen Balance an Ärem Layout z'erreechen. Duerch e puer Elementer méi grouss wéi anerer, entsteet e Sënn vun Uerdnung an Hierarchie. Dëst hëlleft e gemittleche Layout ze kreéieren well de Betrachter automatesch déi méi grouss Elementer am Layout kuckt, a fiert weider op déi méi kleng Elementer wa se liesen.

Dëse Prinzip funktionnéiert och mat erhéichtem Kontrast, sou datt duerch en Element op der Säit duerch Kontrast isoléiert gëtt d'Aen als éischt op dee Punkt fokusséieren. Dëst bitt e Wee op d'Säit, a gëtt erëm en nëtzlechen strukturelle Punkt fir Ären Layout z'entwéckelen.

Béid Skala a Kontrast funktionnéieren am Beschten wann se op een Element uwenden, wouduerch et aus den aneren Deeler vun Ärem Layout erausstécht. Benotzt d'Prinzipie vun der Harmonie fir datt déi aner sech verbonne fillen an de Brennpunkt accentuéieren.

Interessant Haut
Erstellt interaktive 3D Visuals mat three.js
Entdeckt

Erstellt interaktive 3D Visuals mat three.js

Dë t WebGL Tutorial demon tréiert wéi eng 3D Ëmwelt imulatioun ze kreéieren déi wei t wat mat der Welt ge chitt wéi CO2 Niveauen änneren. (Dir kënnt mé...
Wéi projetéiert Dir Är Aarbecht op d'global Designbühn
Entdeckt

Wéi projetéiert Dir Är Aarbecht op d'global Designbühn

Dir hätt e taarke Fäegkeet atz an e Ruff fir au ergewéinlech Kreativ ze liwweren, awer wann Dir méi Aarbecht wëllt gewannen, Är Client Lë cht wue e wëllt oder a...
Reimagined Beem weisen d'Magie vu saisonale Verännerungen
Entdeckt

Reimagined Beem weisen d'Magie vu saisonale Verännerungen

"Mir hunn ei fir d'éi cht bewo t iwwer temporär Beem, wéi d'Angelique panink vum MU Eindhoven ei invitéiert huet ech mam Projet fir Maacht e Bë ch bedeelegen, eng...