Hur man använder designelement när man skapar en webbsida

Trots den växande populariteten för Visual Media Elements är text fortfarande den mest använda typen för att leverera information på webben. Din webbplats bör ha det läsbara teckensnittet för att tillhandahålla innehållet. Välj ett textelement och ändra sedan dess teckensnitt i egenskapspanelen. Vi har försett dig med över 900 Google-teckensnitt och separerat de mest populära i en separat lista. Du kan också hitta de nyligen använda typsnitten i en annan lista. Det finns också ett alternativ att lägga till ett anpassat teckensnitt.

Du har tillgång till hundratals förinställda Google-teckensnitt som är både mycket tillgängliga och webbläsarvänliga. Nicepage begränsar dig inte till dessa typsnitt. Du kan också ladda ner eller köpa anpassade typsnitt från tredje part som ska användas för att skapa din unika design. Du kan ladda upp de anpassade teckensnitten i den öppnade teckensnittslistan i egenskapspanelen för ett valt element. Alla uppladdade anpassade teckensnitt stöds i tematypografi- och teckensnittsschemat på alla webbsidor.

Samma familjetypsnitt med olika teckensnittsvikter indikerar hierarkin, syftet och framhäver viktig information. Att använda rätt teckensnittsvikter på rätt ställen är en sorts konst. I Nicepage kan du använda det breda utbudet av teckensnittsviktsvärden som stöds av teckensnittsfamiljen för att dra full nytta av denna egenskap. Om det stöds kan du ha olika teckensnittsvikter för varje textstil och svarsläge - från tunn (100) till svart (900).

Att välja rätt teckenstorlek för textelementen är viktigt, så de är lätta att läsa och förstå. Du kan ställa in teckenstorleken genom att välja ett textelement och sedan välja eller ange teckenstorleksvärdet i egenskapspanelen. Du kan också ha olika teckenstorlekar för mindre skärmar, större eller mindre, beroende på textanpassning och läsbarhet. Om det behövs kan du också ställa in en annan typsnittsstorlek för en vald del av texten.

Det rekommenderas att använda olika stilar i text, rubriker, text, blockcitat, ordnade och oordnade listor etc. Det påverkar din SEO-rankning indirekt genom att göra ditt innehåll enklare och roligare att läsa för dina användare och besökare och tillhandahålla kontextdata om din innehåll byggt med nyckelord för sökmotorerna.

Om du har en långläst text för din webbplats och texten inte är särskilt bekväm att använda, så finns det Rich Text Element (RTE), som gör att du kan skapa artiklar med långt innehåll. Till skillnad från de vanliga rubrik-, text-, lista- och bildelementen kan du lägga till och ändra dessa element i Rich Text-elementet direkt, på samma sätt som att redigera text i en processor som MS Word.

I de flesta fall kräver texter att grundläggande operationer betonas. Den grundläggande formateringen innehåller fetstil, kursiv, understrykning, och vi har lagt till versaler. Du kan markera en text eller dess del och klicka på de grundläggande formateringsikonerna i egenskapspanelen. Observera, till skillnad från Rich Text för den vanliga texten, ändrar versaler hela elementet, inte bara den valda delen.

Färg är det första du föreställer dig när du tänker på webbdesign. Du kan välja vilken som helst av de genererade förinställda färgerna från paletten, som du kan ändra genom att klicka på länken Färger på temapanelen Snabbåtkomst. Om det behövs, använd dialogrutan Färgväljare för att lägga till ytterligare färg, som du kan hitta i dialogrutan Färg i egenskapspanelen för den valda texten. Du kan uppdatera stilen med färg för att tillämpa samma färg på alla instanser av textstilar som används på en webbplats.

Förutom att elementjusteringarna placerar textelementet i en grupp, rutnätscell eller block, kan du använda den grundläggande justeringen för att ordna innehållet inuti textelementet. För att implementera detta måste du välja textelementet och klicka på en av justeringsikonerna i egenskapspanelen. Det hjälper dig att ordna textelementet och dess inre innehåll annorlunda om det behövs.

Linjehöjden är en grundläggande textegenskap som definierar mängden utrymme över och under textrader. Du kan ändra värdet för linjehöjden genom att välja eller skriva i fältet i egenskapspanelen för vald rubrik, text eller andra element. Det rekommenderas vanligtvis att använda den mindre linjehöjden för de större teckensnittsstorlekarna.

Typografi är viktig för allt läsbart innehåll, inklusive webbplatser. Bokstavsavstånd är en del av det och definierar avståndet mellan inskrivna tecken i ord på en webbsida, vilket ändrar den visuella tätheten och gör texter optiskt konsekventa. Du kan ändra egenskapsvärdet för bokstavsavstånd i egenskapspanelen för vald text, hyperlänk, knapp, etc. Som standard är värdet för bokstavsavstånd inställt på 0.

Ikonen som läggs till i texten gör det lättare att läsa, förstå och hjälper till att förmedla humör enkelt och snabbt. Det brukar uppmana till handling och gör bara texten mer attraktiv. Å andra sidan hjälper texten bredvid ikonen till att göra ikonen lättare att förstå, vilket minskar tvetydigheten. För att förenkla användningen av ikon och text tillsammans, i Nicepage, kan du infoga ikonen i text från kontextverktygsfältet. Om det behövs kan du använda ikonsektionen i egenskapspanelen för texten för att ändra ikonen.

Textbredden är viktig eftersom den hjälper till att korrekt definiera placeringen av alla blockelement och anpassa hela layouten. Textbredden gör innehållet attraktivt och läsbart. I egenskapspanelen kan du definiera hur texten passar behållaren eller blocket. Om du väljer alternativet Autobredd tar texten automatiskt bredden på behållaren och antar ord, vilket gör det mycket lättare att anpassa designen för responsivt läge. Alternativet Fast bredd låter dig ställa in den exakta bredden för textelementet.

Genomstruken används för att betona att texten eller meningen måste uteslutas från påståendet. Den här stilen är tillgänglig från rullgardinsmenyn Font Style i egenskapspanelen.

Förvandla din bild till en bakgrund med ett klick. Och, om det behövs, komprimera valfri bildbakgrund till en bild med ett klick och placera den i din layout.

Beskär dina bilder för att fokusera tittarens syn på ett objekt i bilden. Du kan också zooma bilden medan du beskär för att få den perfekta passformen till din layout och framhäva din designidé.

En datormus är ett mycket kraftfullt urvalsverktyg. Dra och släpp är den enklaste och viktigaste färdigheten för alla användare. Du kan lägga till bilder i ditt bildbibliotek och skapa ett galleri direkt, direkt efter att du har dragit bilderna från skrivbordet. Det kommer att spara din tid att lämna för kreativitet och idéimplementering.

Du kan bygga webbplatser helt gratis med hjälp av Free Image Search-verktyget. Vi har integrerat en av de största gratis stockbilderna som du kan använda i dina webbplatsprojekt. Du kan använda gratisbilderna för både personligt och kommersiellt bruk.

Animation av bildelementet kan locka dina webbplatsbesökare och behålla dem längre på din webbplats. Du kan animera din webbplatsbild utan att använda ytterligare kod, JavaScript eller Flash! Använd förinställningarna och motsvarande avsnitt i egenskapspanelen.

No Follow-hyperlänken är en hyperlänk med taggen rel="nofollow" på den. När sökmotorer ser parametern rel="nofollow" ignorerar de hyperlänken. Därför passerar sådana hyperlänkar inte PageRank och har ingen inverkan på sökmotorernas ranking. Du kan välja det här alternativet för valfri hyperlänk eller knapp i dialogrutan Redigera länk.