Hjem Personlig finansiering Opret en flot udseende blog (når du ikke er designer)

Opret en flot udseende blog (når du ikke er designer)

Indholdsfortegnelse:

Video: Sådan spartler du den rå gipsvæg 2024

Video: Sådan spartler du den rå gipsvæg 2024
Anonim

Gode designere slår ikke et design sammen. De tænker kritisk på hvert element, der går ind i det komplette design, fra det overordnede layout ned til farverne.

Du behøver ikke at være en designekspert til at piske op en flot blog. Sikker på, du vil måske vide, hvordan du gør dette og det. Jo mere du lærer, desto mere kan du føje til dit blogdesign over tid, uanset om du forbedrer designet eller funktionaliteten.

Stræbe efter enkelhed

Hvad er det sikre tegn på amatørdesignere? Overkill. For mange farver, for mange skrifttyper, for mange forskellige størrelser tingamabobbers. Sikrede designere ved, at et blogdesign med minimal designelementer kan gøre en stor erklæring.

Når du arbejder gennem dit blogdesign, skal du foretage et par selvkontroller med jævne mellemrum for at sikre, at dit design ikke bliver for travlt.

Bloggen I Jennie's Kitchen er et perfekt eksempel på et simpelt, rent og effektivt blogdesign. Blog header bruger kun en varm, neutral farve med en lille blå linje under hendes blog navn. Den lille blog header størrelse tillader mere af billedet fra det seneste blogindlæg til at vise, og trækker din opmærksomhed ned i indholdet.

Kredit: © Jennie Perillo, i Jennies Køkken

Byg en blog, der er intuitiv

Når du drejer en dørknap, ved du instinktivt, at du vender den til højre. På grund af dette kan du være lidt forvirret, hvis du forsøgte at åbne en dør med en dørknap, der drejede til venstre. Intuitivt design betyder, at din blog fungerer på en måde, som de fleste mennesker forventer det til, ligesom den dørhåndtag.

For eksempel, hvis et stykke tekst inden for et blogindlæg er understreget, ville de fleste læsere forsøge at klikke på teksten og forventer, at det var et hyperlink, der fører dig til en anden side. En besøgende, der søger at søge efter indhold på en blog, søger et søgefelt, ikke et link eller en knap, der fører til en separat side for at starte en søgning - eller endnu værre, de finder slet ingen søgefelt.

Et intuitivt blogdesign virker, så besøgende ikke behøver en brugsanvisning til at komme rundt om bloggen og finde indhold, der interesserer dem. En del af at opnå dette betyder at designe med websidekonventioner i tankerne, som når man bruger understreget tekst, hvilket betyder et link.

Den anden del af at sikre et intuitivt design drejer sig om at sætte ting, som besøgende har brug for inden for rækkevidde, så de ikke skal grave for langt, som et søgefelt eller en rulleliste over dine kategorier.

Du kan selvfølgelig ikke sikre, at hver enkelt person aldrig har problemer med at navigere gennem din blog.Du kan dog finde ud af meget om dine specifikke blogbesøgere via din bloganalyse.

Hold design afbalanceret

Er din blog header virkelig "tung" med designelementer eller tekst på den ene side, men sparsomme på den anden? Balance hjælper med at knytte elementer sammen, så designet bliver mere jævnt vejet. De to typer af balance er symmetriske og asymmetriske:

  • Symmetrisk balance: Symmetri i design sker, når et design er næsten det samme på begge sider af et centralt punkt. For eksempel kan du have et design med en firkant på den ene side af en centerlinie og en cirkel på den anden side. Det er stadig symmetri. Symmetri i design kan give en følelse af stabilitet, harmoni og orden.

  • Asymmetrisk balance: Asymmetri betyder blot fraværet af symmetri. Et asymmetrisk design kan have tre designelementer på den ene side og en stor tekstblok på den anden side. Asymmetrisk design skaber interesse og giver kontrast. Men du vil ikke have et skævt design med flere designelementer på den ene side af din blog header og ingen på den anden side.

Du ser asymmetriske blogdesigner oftere end symmetriske, men begge arbejder, når de gøres godt. Disse to header layouter viser, hvordan balance kan fungere i design. Layoutet på toppen skaber balance med et symmetrisk design. På bunden skifter layoutet diamanten til venstre, men giver balance med en stor tekstblok ved siden af ​​diamanten.

Hold dig væk fra rod> Tænk på den del af dit hus, hvor papirer, regninger og andre ting hælder op. Ville det ikke være nemmere at finde den vandregning, hvis du kun havde 4 ting der og ikke 20?

Et mål med god blogdesign er at henlede opmærksomheden på vigtige dele af din blog, om du vil have, at læsere skal opdage en e-mail-registreringsboks eller bare dit aktuelle blogindlæg. Tænk på rod som opmærksomhedens archemesis. For meget rod snyder din læsers opmærksomhed overalt.

Når du tilpasser dit blogdesign, kan du finde dig selv at tilføje "ting" - især til disse sidebjælker. En affilieret bannerannonce der, en cool widget der nede, et link til dit mest populære indlæg derovre og så videre. Næste ting du ved, dit sidebar er fyldt med, godt, ting.

Sidebjælker er de vigtigste lovovertrædere, men rod kan være overalt - i din blog header, din sidefod eller hvor som helst du måske vil tilføje elementer. Denne form for rod kommer i form af at samle sammen for mange designelementer. For eksempel kan de enkelte designelementer, der udgør en blog header, være godt designet, men sammen viser de ikke noget klart fokus for at gøre disse elementer til at fungere sammen.

Løsningen? Vær hensynsløs for at begrænse hvad du skal føje til dit blogdesign. Gode ​​designere ved, at hvert element har brug for et formål. Du har brug for et filter til hvad du skal medtage og hvad du skal fjerne. For at hjælpe dig med at filtrere, spørg dig selv disse spørgsmål, før du tilføjer nye ting til dit blogdesign:

Løses dette designelement et problem, f.eks. Tilføj balance til dit design?

  • Tilføjer du et designelement bare for at fylde plads?

  • Vedligeholder dit overordnede design et fokuspunkt, når du tilføjer et nyt designelement?

  • Hvis du overvejer at tilføje et funktionelt element til dit blogdesign, såsom en særlig knap eller gruppering af links, skal du overveje disse spørgsmål:

Hvordan passer dette element ind i formålet med din blog?

  • Støtter dette element et af dine blogmål?

  • Er der et mere effektivt sted til dette?

  • Når du bliver bevidst om dit design, ser du, at ikke alt fortjener et sted i dit blogdesign. Dit design bliver stærkere for det!

Opret en flot udseende blog (når du ikke er designer)

Valg af editor

Forstå Password Security i Acrobat CS5 - dummies

Forstå Password Security i Acrobat CS5 - dummies

Adobe Acrobat Creative Suite 5 sikkerhedsfunktioner giver dig mulighed for at begrænse hvem kan se, redigere eller udskrive de PDF-dokumenter, du distribuerer. Ved at kræve, at brugerne indtaster et kodeord for at åbne og se dine PDF-filer, begrænser du adgangen til disse filer, så kun bestemte brugere kan se dem. Du kan ...

12 Almindelige værktøjer i Adobe Creative Cloud - dummies

12 Almindelige værktøjer i Adobe Creative Cloud - dummies

Adobe Creative Cloud er fyldt med værktøjer, mest identificerede med lidt ikoner, der antyder deres funktioner. Brug for eksempel værktøjet, der ligner en børste, hvis du vil oprette børstemærker. (Smart, huh?) Læs denne tabel, der viser de mest almindelige Adobe CC-værktøjer, og hvad hver enkelt gør. Værktøj, hvad du ...

13 Tastaturgenveje til Adobe Creative Cloud Tools - dummies

13 Tastaturgenveje til Adobe Creative Cloud Tools - dummies

Ligesom de fleste andre applikationer tilbyder Adobe Creative Cloud-værktøjer tastaturgenveje, så du hurtigt og nemt kan få adgang til funktioner ved at trykke på en tast eller to. Udforsk de Adobe CC-genveje, der bruges mest af både Windows og Mac-brugere. Command Windows Genvej Mac Genvej Nyt Ctrl + N Kommando + N Åben Ctrl + O Kommando + O ...

Valg af editor

PSAT / NMSQT Sætningskompletter: Få oplysninger fra tegnsætning - dummies

PSAT / NMSQT Sætningskompletter: Få oplysninger fra tegnsætning - dummies

Tegnsætning er din ven, når du forsøger at knække en sætning afslutning, fordi tegnsætning tilføjer mening til skriftligt udtryk. På PSAT / NMSQT får du mest kilometertal ud af tre tegnsætningstegn: semikolon, tyktarm og citatmærker. At være opmærksom på tegnsætning udbetales, når du også rammer de passagerbaserede spørgsmål. Et semikolon (a ...

PSAT / NMSQT Sætningskompletter: Håndtering af vanskelige ordforråd - dummier

PSAT / NMSQT Sætningskompletter: Håndtering af vanskelige ordforråd - dummier

Hvis ordene på PSAT / NMSQT var baseballspillere, et stort antal af dem ville være i de store ligaer, og nogle ville være alle stjerner. Din bedste indsats er at samle (samle) og kende definitionerne af en stor fond af PSAT / NMSQT favoritter. Ligegyldigt hvor mange ord du ved, men chancerne er du ...

Hastighed, tid og afstandsproblemer på PSAT / NMSQT - dummies

Hastighed, tid og afstandsproblemer på PSAT / NMSQT - dummies

Dig vil sandsynligvis få nogle rate, tid og afstandsproblemer på PSAT / NMSQT. Har du ikke hader spørgsmål, hvor en fyr kører øst på 40 miles i timen, og en ven bevæger sig mod vest og gør 65? Du skal finde ud af, hvor de mødes og ignorere det faktum, at de i virkeligheden kan ...

Valg af editor

Sådan får du adgang til adressebogen til iOS Apps - dummies

Sådan får du adgang til adressebogen til iOS Apps - dummies

IOS-rammen giver funktioner Det gør det muligt for din app at arbejde med databaserne, der følger med iOS-enheder. En sådan database er adressebogen, som omfatter personer og deres kontaktoplysninger. IOS-enheder giver også en kontaktperson-app, der giver brugerne mulighed for at administrere denne database ved at tilføje nye kontakter, ajourføre dem, slette dem, ...

Håndtering af fjernbetjeningsbegivenheder i Samsung SmartTV Application Development - dummies

Håndtering af fjernbetjeningsbegivenheder i Samsung SmartTV Application Development - dummies

Fjernbetjeningskoder er kortlagt i JavaScript-koder, der skifter fokus mellem elementer ved at tildele en passende proces til hver af de registrerede nøglebegivenheder. Se følgende liste over registrerede nøgleværdier for et fuldskærmsprogram: KEY_VOL_UP KEY_VOL_DOWN KEY_MUTE KEY_TOOLS KEY_INFO KEY_EMODE KEY_DMA KEY_MENU KEY_SOURCE KEY_PRECH KEY_FAVCH KEY_CHLIST KEY_DMA KEY_TTX_MIX KEY_GUIDE KEY_SUBTITLE KEY_ASPECT ...

Sådan tilføjes Outlets til en Modal View Controller i din iPad App - dummies

Sådan tilføjes Outlets til en Modal View Controller i din iPad App - dummies

Før du bruger grænsefladebygger til at oprette elementerne til Modal-visning af din iPad-app, skal du først sætte afsæt i din apps kode, der forbinder dine metoder med Interface Builder-grænsefladeobjekter. Du skal gøre tre ting i din kode for at få kompilatoren til at skabe accessorer til dig: Erklære en ...