Idag kommer vi att gå tillbaka till grunderna med ett? Design 101? diskussion om anpassningar. Centrerade inriktningar är en lätt plats att gå fel och om du inte vet hur du ska hantera dem ordentligt, är resultatet en mycket dåligt strukturerad sida.
Följ med oss när vi tittar på varför centrerade inriktningar tenderar att vara svaga, var du borde undvika dem och hur du ska använda dem.
Centrerade justeringar
En av de första sakerna som du kommer att lära dig i någon grundläggande design layout klass är att centrerade anpassningar är svaga. Nu är det ett täckeutlåtande som omedelbart får dig att protestera, men vi kommer att undersöka det här djupare om en minut.
Centrerade anpassningar är inte någonting som endast används av nybörjare och icke-designers, men de brukar bruka vara gå-alternativet för dessa grupper. Anledningen till detta är komplicerat. Av någon anledning känner vi instinktivt att saker borde vara centrerade. Vi vet att designen handlar om balans och centrerade anpassningar är ingenting om det inte balanseras, så de är vettiga. Sekreterare, verkställande direktörer, lärare och allt annat sätt som andra yrkesverksamma som dämpar sin tå i design går nästan alltid rakt på centrerade anpassningar på något projekt.
I praktiken är centrerade inriktningar ofta källa till problem i en layout. Att lära både hur man identifierar och hur man löser dessa problem är ett viktigt steg i din tidiga designutbildning.
Problemet med centrerade anpassningar
Det är svårt att förklara felen i rena centrerade justeringar med teorin ensam, så låt oss ta en titt på ett exempel. Låt oss säga att du gör små flygblad att lämna ut för en kommande fest. Resultatet som en icke-designer kommer att komma på kommer nästan alltid att se något ut så här:
Det här är inte en hemsk flygblad, jag har faktiskt sett mycket värre i den verkliga världen. Men av ett antal skäl är det definitivt inte vad du skulle kalla en stark design. Om du gav mig flygplansdesignen ovan och berättade för mig att förbättra den så mycket som möjligt på bara tre minuter samtidigt som du håller den övergripande personligheten, så är det vad jag skulle ge tillbaka till dig:
Denna design känns bara bättre, och inte bara för att jag vägrar att någonsin använda "Party LET"? typsnitt, speciellt när du skriver ordet? fest ?. Jag delade också upp innehållet lite bättre, lagt till några betoningspunkter och, viktigast av allt, ändrad till vänsterjustering.
Lägg märke till hur den vänstra anpassningen känns väldigt förankrad. Texten på sidan har en klar utgångspunkt och du kan följa den hårda kanten hela vägen från topp till botten. Trots det faktum att den första flygbladet känns balanserad? Känns det inte så nära som strukturerat.
När du ska hålla dig borta från centrerade justeringar
Okej, så du får poängen: Vänsterjusteringar är bra, centrerade justeringar är dåliga, så vad? Verkligheten är lite mer komplicerad än det. Det finns inget som är väldigt dåligt om en centrerad anpassning, du behöver bara veta hur du ska ge en, om du ska implementera den med någon mängd framgång.
Det första du behöver lära dig är när inte att genomföra en centrerad anpassning. Svaret här är ganska enkelt: när du har mycket innehåll.
Som vi såg i det sista exemplet är centrerade justeringar ganska stackars för stora textblock. Bristen på en hård kant gör läsning svår och oregelbunden. Detsamma gäller att förlita sig på en centrerad layout för din sida som helhet, för det mesta är det helt enkelt inte den bästa idén. Webbplatsen trådramen nedan är ganska problematisk ur en layoutsynpunkt.
Läs nu inte det som rådgivning mot att centrera innehållet på sidan. Det finns en skillnad mellan att bygga en webbplats som använder en centrerad container och en webbplats som använder en centruminriktning. Du kan enkelt ha vänster eller rätt inriktad innehåll som fortfarande är centrerad i webbläsarfönstret med marginal: 0 auto. Det är en annan konversation helt.
Estetik
Förvirra inte detta som en fråga om estetik. Som sidan nedan visar kan du skapa vackra webbplatser som är starka beroende av centrerade anpassningar.
Det är väldigt viktigt i någon form för att analysera dina mål. Om en betydande grad av läsbarhet är en av dem, och det borde ofta vara, är estetisk överklagan ofta helt separat eller till och med direkt i strid med detta mål. Tricket är att hitta balansen mellan de två.
Slutresultatet blir nästan alltid helt subjektivt. Konstruktören ovan bestämde att denna bit av innehåll var tillräckligt liten för att vara centrerad. Jag kanske tror att det sätter gränsen lite, men det betyder inte att jag har rätt och han / hon är fel, det betyder bara att vi ritar linjen på olika ställen.
Så här använder du Centrerade Alignments
Nu, med allt det sagt, finns det ingen anledning att du ska överge med hjälp av centrerade justeringar helt och hållet. Att göra det skulle vara att ta bort ett nyckelelement från din layoutverktygslåda. Än en gång måste du bara veta hur man använder verktyget för att lyckas med det.
Det finns ett miljon olika sätt att framgångsrikt genomföra en centrerad layout så föreställ dig inte att följande exempel är uttömmande. Men de kan fungera som ett sätt för dig att börja få en känsla för en solid layout jämfört med en svag.
Mycket litet innehåll
En av de första platserna du kan börja tänka på implementerar en helt centrerad layout är när du har mycket lite innehåll. Kolla in exemplet nedan.
Detta gör perfekt mening om huvudproblemet med centrerade anpassningar är att de inte håller sig bra med mycket innehåll, så kommer de troligen att vara bra om du bara har några saker. I själva verket är de vanligtvis bättre under dessa omständigheter. Om du genomförde en vänsterjustering med ovanstående design, skulle sidan troligen se väldigt tom ut. Men med den nuvarande centrerade layouten ser den elegant ut och välutrustad.
Selektiv ansökan
Att undvika centrerade layouter för allt annat än de enklaste mönster låter som ett väldigt restriktivt sätt att designa, och det är. Nyckeln är att inte undvika dem alla tillsammans men istället att tillämpa dem selektivt inom en större design med starkare inriktning.
En nybörjars layoutklass kan lära dig att ta tag i en anpassning och hålla fast vid det, men när du förbättrar hittar du att blandningsinriktningar ofta är ett bra sätt att lägga till en mängd olika design. Som exempel, kolla in den underbara sidan nedan från Assistly.com.
Här ser vi att layouten i stort sett innehåller rättvisa vänstra och högra kanter. Det finns emellertid mycket specifika delar som återgår till en centrerad anpassning. Rubriken är den mest naturliga och mest populära platsen för att försöka detta. Stora, centrerade rubriker och underrubriker ser bra ut i motiverade layouter. Notera också de mindre områdena som de tre kolumnerna längst ner till vänster, en annan naturlig plats för en centrerad justering som ska genomföras. Återigen innehåller varje av dessa block en ganska liten mängd innehåll så resultatet blir inte överväldigande.
Snabbtips: Vik upp det
Ett av de enklaste och mest användbara tripplarna för att implementera centrerade textjusteringar inom en större layout visas i exemplet nedan.
Först titta på den här sidan som en serie block. Observera att alla har en ganska motiverad anpassning. Med undantag för den vänsterjusterade navigeringen finns det både en hård vänster och en hård höger kant som definierar innehållet. Nu, inom den ramen Jag har lite mer frihet att leka runt. Lägg märke till att? Box One? och? Box Two? innehåller faktiskt centrerad innehåll, men inneslutningsanordningarna gör att de ser perfekt ut i den övergripande layouten.
När som helst du har något centralt inriktat innehåll som bara inte känns som det fungerar, försök omsluta det i en låda som överensstämmer med den övergripande sidlayouten för att se om designen förbättras.
Slutsats
Sammanfattningsvis är centrerade anpassningar svaga men inte dåliga. Det är en mycket viktig skillnad där du verkligen måste förstå att vara en bra designer. ?Svag? innebär att de lätt kan tas för långt och är lätta att missbruka. Men du kan och borde använda centrerade justeringar i dina mönster.
Se till att om din hela layout är byggd på en centrerad justering, har du en mycket enkel design med bara några få saker. När du börjar lägga till stora block av text och massor av bilder börjar de inriktade inriktningarna se rosa ut. Försök också bygga en solid vänster, motiverad eller till och med rätt inriktning för din sida som helhet, och försök sedan med att selektivt släppa i centrerade justeringar i viktiga områden, t.ex. rubriker. Slutligen, som ett snabbt trick när du är i en sylt, försök omsluta centrumlinjerade portioner i en låda som går med flödet av resten av sidan.