Share
Under de senaste åren har plattdesign blivit alltmer populär och fortsätter att dominera världen av webb och grafisk design.
Vad är plattdesign? I grunden är plattdesign inriktad på användbarhet och brist på skuggor, fasetter, gradienter och andra estetiska element som tar fokus bort från det som verkligen betyder: ditt innehåll. Det kännetecknas vanligtvis av stor och djärv typografi, linjeikoner och bakgrundsfärger med ljusa färger.
Plattdesign gjordes populärt först av Microsoft eftersom de omdefinierade hela användargränssnittet i Windows 8. Det antogs snabbt av Google och Apple och blev långsamt vanligt och används nu i många webbdesignmallar.
I den här handledningen lär du dig att skapa en platt webbdesign av din egen snabbt med ett stiligt WordPress-tema. Men först, några fantastiska exempel på platt webbdesign:
Innan vi dyker djupare i denna handledning, är det fem exempel på platta webbplatser för att inspirera dig till ditt nästa projekt:
Blocklevel är en digital designbyrå från Nederländerna. Deras webbplats har en platt webbdesign med en mörk bakgrund och dyker upp med levande färger över hela deras hemsida. Platsen har också gott om vitt utrymme runt elementen, vilket ger hela webbplatsen ett rent utseende. På grund av detta är webbplatsen lätt att navigera och besökare dras direkt till olika avsnitt på hemsidan.
Gjord av FibbGjord av Fibb är ett annat agentursexempel som använder platt design. Du märker omedelbart den ljusgula färgen, en navigeringsmeny som har skjutits åt sidan så att den inte rubbar upp resten av sidan och fet typografi som är lätt att läsa.
Lekplats Inc.Playground Inc. valde en ljus röd bakgrund ihop med vit typografi i sin rubrik och en vit bakgrund med en svart och fet skrift. Webbplatsen använder också platta webbdesign med animerade ikoner som är perfekta uppmärksamhetsgrabbers.
GeckoboardGeckoboards specialitet är att skapa anpassade instrumentpaneler, så företagare och lagledare kan spåra viktiga mätvärden. Deras webbplats använder en mörkgrå bakgrund med pops av levande grön och elegant typografi i en platt designstil.
TripIAgentResebyrå TriplAgent valde en platt stil design med lila färg och vacker fotografi för att illustrera olika guider som de har på sin webbplats. Huvudmenyn har skjutits till sidan och den vita typografien parat med spökningsknappar gör samtal till handling lätt att märka.
Om du vill skapa en modern webbplats för ditt företag, portfölj eller blogg väljer du ett platt tema ett bra val. I dagens inlägg visar vi dig hur du använder en av våra platta WordPress-webbplatskartor för att skapa en vacker webbplats som säkert kommer att locka besökarnas uppmärksamhet.
Jag använder Kirion-temat som är en mångsidig WordPress-webbplatskarta med en stilfull plattform. Tack vare sin mångsidighet kan den användas för affärswebbplatser och portföljplatser. Det erbjuder flera färdiga demoer, en användarvänlig sidabyggare och massor av anpassningsalternativ för att göra det verkligen din.
Kirion platt WordPress webbdesign mall.Innan du börjar bygga din platta webbdesign, är det nödvändigt att välja ett domännamn och köpa det, samt få en proffsplan som ska hysa alla dina webbfiler.
Det är också en bra idé att välja ett WordPress-tema och förbereda texten och bilderna som kommer att gå på din webbplats. Detta gör det enkelt att enkelt kopiera och klistra in innehållet istället för att skriva det från början när du bygger din webbplats.
Att välja rätt domännamn är verkligen inte lätt. Det finns dock några saker som du bör komma ihåg som hjälper dig att begränsa dina val.
Tänk på syftet med din webbplats. Är det en affärssida för ett redan etablerat företag? Skapar du en personlig portfölj? Kanske vill du starta din egen blogg?
För affärsplatser är det en bra idé att hålla fast vid ditt företagsnamn, medan personliga portföljägare vanligtvis kan gå med eget namn. Om du är en bloggare, överväga ämnena på din blogg och välj ett namn som är relaterat till vad du ska skriva om. Detta gör det lätt för läsarna att veta vad de kan förvänta sig när det gäller innehåll.
När det är möjligt, försök att gå med en .COM-förlängning och kom ihåg att hålla namnet enkelt att stava och enkelt att uttala.
Du måste välja ett webbhotell så att du kan installera WordPress på deras server och göra din webbplats tillgänglig för besökare. Det finns gott om webbhotell där ute och WordPress har även rekommendationer för välrenommerade värdar.
Nästa steg är att välja och köpa ett tema för din webbplats. Som tidigare nämnts finns det gott om platta WordPress-teman och det bästa med att välja ett premium WP-tema är det garanterade stödet från författaren. Du kan också vara säker på att temat uppdateras regelbundet så att du inte kommer att fastna med en föråldrad webbplats temat design.
Det sista förberedelsesteget är att skriva ut innehållet och samla alla bilder och visuella tillgångar som din logotyp, ditt favicon, några bakgrundsbilder eller mönster och få dem någonstans lättillgänglig.
Nu när du har ditt domännamn, en värdplan, ett pro-tema och allt ditt innehåll redo, är det dags att komma igång med att göra din webbdesign. Du måste installera WordPress, temat, obligatoriska plugins, konfigurera dina sidor och anpassa din webbplats. Låt oss börja!
När du köper dina värdplaner skickar värdleverantören dig ett välkomstbrev med information om ditt konto. Du behöver användarnamnet och lösenordet som de gav dig så att du kan logga in på din kontos instrumentpanel. När du är inloggad, bläddra till webbplatsen eller Skript och leta efter WordPress. Markera det och följ sedan stegen för att installera WordPress på din webbplats.
I de flesta fall måste du ange webbplatsens titel och beskrivning, ange önskat användarnamn och lösenord samt fylla i din e-postadress. När du har fyllt i all information klickar du på Installera knapp.
Installationsprocessen tar vanligtvis några minuter. Därefter ser du ett meddelande som WordPress har installerats. För att logga in på instrumentpanelen, gå till www.yoursitename.com/wp-admin och ange användarnamnet och lösenordet du skapade under installationen.
Nu när du har loggat in på instrumentpanelen måste du installera det platta WordPress-temat du köpte. Gå till Utseende> Teman> Lägg till nytt. Klicka sedan Ladda upp tema.
Därefter hitta den zippade mappen som innehåller WP-tematets filer och ladda upp den. När installationen är klar klickar du på Aktivera.
Om du använder Kirion-temat som i den här handledningen måste du installera huvudtemat, LayersWP som kan laddas ner gratis och du behöver inte aktivera det. Ladda bara upp LayersWP, ladda sedan upp Kirion WordPress-temat och aktivera det.
Ditt nästa steg är att installera alla nödvändiga plugins. Du kommer att märka en anmälan i din instrumentpanel som berättar vilka plugins som krävs, tillsammans med en länk som tar dig direkt till installationsskärmen.
Installera de nödvändiga WordPress-pluginsna.Välj alla plugins och välj Installera från rullgardinsmenyn. När plugins har installerats, gå till Plugins> All Plugins och välj Inaktiva plugins sedan Välj Aktivera från rullgardinsmenyn.
Nu när WordPress-temat designen och plugins har installerats och aktiverats kan du börja konfigurera dina webbsidor och anpassa färger, teckensnitt och mer. I de flesta fall är det bästa sättet att påskynda tematidstiden och göra det enkelt att redigera innehållet att importera demoinnehållet.
Om du vill använda demoinnehållet måste du gå till din instrumentpanel och hitta undermenyn som heter Verktyg> Importera. Där hittar du WordPress Importer, installera det och klicka sedan på Kör importör. Vanligtvis kommer din templatmapp att ha en undermapp som heter Demo Import eller Stickprov. Använd XML-filerna i en av de mapparna för att importera alla inlägg, sidor, layouter och bilder.
Alternativt, om du använder Kirion-temat, gå till Lager> Lägg till en ny sida. Som du kan se från skärmdumpen nedan innehåller Kirion flera sidmallar som du kan använda för att bygga din webbplats. Jag valde Kirion Home Layout One för hemsidan.
Ange sidnamnet och klicka sedan på fortsätt till Anpassar. Din sida kommer omedelbart att skapas och du kommer att omdirigeras till Customizer skärm.
När anpassaren laddas kan du se alla tillgängliga alternativ. Du kan redigera layouten genom att klicka på Redigera layout alternativ. Redaktören är ganska enkel och lätt att använda. Allt du behöver göra är att välja önskat element och ersätta innehållet med din egen. Du kan också redigera bakgrunden, ladda upp egna bilder, ersätta bilder, och mycket mer.
Redigeringslayout.För att skapa och redigera ytterligare sidor, gå till Lager> Lägg till en ny sida och välj den layout du vill arbeta med.
Lägga till nya webbsidor i Kirion.Om du vill redigera stilar väljer du Webbplatsinställningar. Här kan du redigera färger, teckensnitt, ladda upp din egen logotyp och mer.
Anpassa färgerna på din platta webbplats.Slutligen måste du skapa en meny för din webbplats. I Customizer, Klicka på Menyer> Huvudmeny. Välj först en plats för menyn. jag har valt rubrik meny. Klicka sedan på Lägg till objekt. Lägg till alla sidor du har skapat och spara sedan menyn.
Om du vill lära dig mer om plattdesign och tillämpa sina principer på din webbplats har vi samlat några tutorials och kurser för att hjälpa dig att komma igång:
Denna handledning innehåller de bästa tipsen om att skapa grafik som fungerar bra med alla platta webbplatser. Du lär dig lite om plandesignhistorik samt hur man skapar enkla men ändå effektfulla ikoner, hur man använder färger och mer.
Kursen är en djupgående rundtur i den platta estetiken, och hur man uppnår det i dina egna mönster. Du lär dig hur du konfigurerar din Photoshop-fil, skapar en layout för en platt webbplats och utformar alla element som ska användas, t.ex. ikoner, former, menyer och mer.
Om du gillar att arbeta med Affinity Designer, kommer du att älska den här kursen. Du kommer att lära dig allt om processen att skapa platta vektorikoner; användbara tips och tricks för att arbeta med grundläggande geometriska former, ändra dem och använda olika operationer för att kombinera formerna. Kursen täcker också hur man justerar och ordnar objekten och huvudfunktionerna i programmet.
Prova den här kursen om du planerar att skapa UI-designelement. Kursen täcker hur man skapar menyer, knappar, flikar, videospelare, datumplockare och andra användargränssnitt med hjälp av platt designstil.
Kursen omfattar både Adobe Photoshop och Adobe Illustrator. Två kraftfulla program betraktas som branschstandard när det gäller design. I kursen lär du dig att skapa platta ikondesigner, hur du exporterar dem och hur du kan tjäna pengar på dina kreativa insatser.
Att skapa en platt webbsida har aldrig varit enklare tack vare WordPress och vackra, premium, högkvalitativa platta teman. Börja arbeta på din platta hemsida idag genom att bläddra i vår samling av platta WordPress-teman.
Accentsconagua