Klar för att äntligen ta itu med det webbplatsprojekt du har lagt ner? Detta är året för att få den webbplatsen utformad och publicerad! Oavsett om det är en enkel blogg eller något mer komplext, är allt du behöver för att komma igång några bra verktyg.
Här har vi avrundat ett urval nya, innovativa resurser för att hjälpa dig att få inspiration, design och prototyp tillsammans med några element som hjälper dig att arbeta bättre i WordPress - den populäraste publiceringsplattformen. Vad väntar du på? Det här är den dag du börjar bygga en webbplats 2017!
Inspiration
Varje bra hemsida börjar med ett bra koncept? Vad vill du att din design ska se ut? Det börjar med att hitta bara de rätta bitarna av inspiration för att hoppa igång den kreativa processen.
1. Muzli
Muzli är en självbetecknad? Designers hemliga källa? för daglig inspiration. Nu när du känner hemligheten kan du bläddra bland alla de stora sidorna i galleriet.
Men den här resursen är mer än bara en webbplats för att leta efter idéer. Muzli är en Google Chrome-webbläsareutvidgning som ger snabb och enkel åtkomst till allt som är nytt, varmt eller bara fantastiskt i design och webbutveckling. Fliken förlängning blir din hemsida så att du hälsas med designinspiration varje gång du öppnar en webbläsare.
2. Typewolf
Typewolf är resurserna till allt som är nytt, trendigt och intressant i bokstäverna. Bloggformatet ger enkel läsning och visar några av de bästa bokstäverexemplen som du hittar.
Här är den bästa delen: Den här bloggen pekar alltid på vilka typsnitt som används. Koppla det med stilsorten rekommendationer och listor och du kan verkligen hitta något att använda för nästan alla designprojekt. Se till att kolla guiderna och resurserna om du är ny på typografi för verktyg som hjälper dig att lära dig att tänka på typ som ett proffs.
Design och prototyp
När du har en uppfattning om stilen du gillar och vad du vill göra med designen, är det dags att börja skissa ut det. Och det finns många bra verktyg för att hjälpa dig genom den processen också.
3. Figma
Figma är ett gränssnittsdesignverktyg som låter dig arbeta i realtid med andra medarbetare. Ladda upp designen och du kan synkronisera, se versioner och behålla tillgångar med lätthet när du skapar en webbplats eller app.
Användare kan arbeta samtidigt - och du kan se vad som händer och vem gör det. Dessutom innehåller verktyget ett presentationsläge för att visa idéer till laget eller klienterna och kommentera. Medan Figma är robust nog för avancerade lag, är det så enkelt att nybörjare också kan använda det med lätthet.
4. Underformulär
Subform är svaret på? Hur kan jag få min responsiva webbplats verkligen att fungera över enheter? Det CAD-inspirerade verktyget ger designers vad de behöver för att skapa konsekventa stilar för olika enhetsstorlekar i en desktop-baserad designmiljö.
Medan det här verktyget är byggt för mer erfarna designers kan det vara praktiskt för nybörjare också. Det hjälper dig att simulera olika miljöer som du arbetar. På så sätt behöver du inte föreställa dig hur en webbplats kommer att se ut på en telefon; du kan se den på skärmen.
Subform-paketet är ganska robust och lär dig att tänka mer intuitivt om att skapa en lyhörd design. Och den bästa delen är den inbyggda designmotorn anpassar layouter till nya storlekar så att du inte behöver duplicera tavlor eller redesign i varje miljö.
5. Förundras
Marvel är en gratis mobil och webb prototyping app. Du kan använda den för att designa skärmen och arbeta med andra för att förbättra designen. Det är en bra utgångspunkt för små appar och webbplatser utan många sidor.
Sedan låter appen länka designen och lägga till animeringar och gester så att det fungerar som du förväntar dig. På så sätt ser din prototyp ut och fungerar som en riktig app, vilket gör det enkelt att visa upp en design till en klient på ett sätt som de kan förstå.
6. Lingo
När du väl har en uppfattning om vad du vill göra kan det vara en mardröm att samla tillgångar eller följa upp färgpalettar och prickar, särskilt om flera användare är inblandade. Det är där Lingo kommer in. Mac-appen är ett virtuellt tillgångsbibliotek där du kan hålla allt för att hålla ett lag på spår och på stil.
Appen låter dig behålla alla dina tillgångar på ett ställe - bildfiler och färgstickor. Då kan du sortera och märka för att göra saker lättare att hitta och lägga till åtkomst för användare att visa eller redigera tillgångarna.
WordPress och Blogs
Visste du att företag med en blogg ser 126 procent mer blytillväxt än de som inte skapar blogginnehåll? Oavsett vilken typ av webbplats du har, skapa en blogg är en viktig del av din innehållsplan. För många webbplatsägare är WordPress platsen att börja.
WordPress är den mest kända och används i världen, och det finns gott om verktyg och resurser tillgängliga för att hjälpa dig skapa en webbplats och blogg som är exakt vad du behöver. Svett inte din WordPress-värd. Med så många konkurrenskraftiga alternativ som nu finns, är det enklare än någonsin att hitta den perfekta passformen.
7. Hitta en bra tema
En bra WordPress-webbplats börjar med ett bra tema. Ett solidt tema ger dig allt du behöver för att starta utan att behöva göra någon kodning från början (ett bra verktyg för nybörjare).
Teman varierar från gratis till premiumalternativ som är vanligtvis mindre än 100 dollar. Theme Junkie-galleriet är ett bra ställe att börja med teman grupp efter webbplatstyp för att hjälpa dig att hitta något som har alla alternativ du vill ha för din webbdesign.
Därefter kan du lägga till plugins för att hjälpa till med anpassade behov för din webbplats, till exempel sociala medier, verktygsverktyg, snippets eller dashboardhantering.
8. Anpassa ditt tema
Att lägga till ett tema på en WordPress-webbplats är inte tillräckligt för att du ska kunna starta. Utan anpassningar kommer din webbplats inte att sticka ut eller se speciell ut. Men det kan också vara ganska skrämmande.
Det är där som något som WPKraken kommer in. Detta experttag kommer att installera och skräddarsy ett tema för dig. Dessutom kan de hantera alla små problem som dyker upp under vägen.
9. Förbättra blogtypografi
Efter att du bläddrat igenom alla de stora typsnitt som finns tillgängliga från Typewolf har du förmodligen en uppfattning om vad du gör och tycker inte om. Enkel Google Fonts är WordPress plugin du behöver enkelt integrera dessa typsnitt i din design.
Med verktyget kan du förhandsgranska teckensnitt i realtid och skapa anpassade kontroller för hantering av teckensnitt. Och du kan göra allt utan kodning.
10. Förbättra Blog Caching
Blog caching hjälper din webbplats att ladda snabbt för användare. WP Super Cache är snabb och producerar statiska HTML-filer för användare för att säkerställa en sömlös webbplatsupplevelse.
Bli inte rädd för detta koncept. Även designers som är nya på webbsidan caching kan använda detta verktyg. Det kommer med omfattande dokumentation som tar dig igenom installationsprocessen steg för steg. (Det är svårare i din fantasi än vad det egentligen är.)
11. Förbättra säkerheten
Det sista steget för att säkerställa att du har en webbplats som är klar att gå är säkerhet. Du behöver ett verktyg som ska fungera som en brandvägg och blockera skadlig kod och tillhandahålla alternativ för säkra inloggningar med mera. Wordfence är den mest nedladdade WordPress-säkerhets plugin. Och med god anledning det är lätt att använda och det fungerar.
Den fria och open source-resursen ger dig realtidsresultat och visar om någon försöker hacka din webbplats. Det kommer också med varningar för användare som inte tittar på webbplatsens statistik 24/7.
Slutsats
Det är dags för dig att ta språnget 2017 och bygga en webbplats. Använd den här resursguiden för att komma igång. Gå igenom verktygen och hitta de som fungerar för dig.
Och var inte rädd om du inte har byggt en webbplats förut. Det är lättare än du kanske tror.