http://www.facebook.com/events/200680923364130/

”Det här är ett bra samarbete eftersom Four PR och Xoda kompletterar varandra så bra. Vi har de grafiska och tekniska kunskaperna och Four PR bidrar med ett långsiktigt tänk och en strategisk nivå som gör att Facebook verkligen blir användbart som ett affärsdrivande verktyg” säger Sara Berlekom och Mattias Wirf på Xoda.

 Martin Ruist, som initierat samarbetet från Four PR:s håll, kommenterar Four PR:s roll:

 ”Vi på Four PR har länge sett oss som framstående i sociala medier och vi ser att det finns många företag vi kan hjälpa på Facebook. I och med samarbetet med Xoda kan vi på ett ännu bättre sätt erbjuda en helhetslösning för företag, med både en sida och utbildning i hur Facebook och sociala medier bör användas” säger Martin Ruist, partner på Four PR.

 Är du intresserad av en Facebook sida hör av dig till sara@xoda.se  mobil: 070-2430821

(en. golden ratio, latin. sectio aurea, symboliseras av grekiska bokstaven φ) är ett förhållande mellan former som anses vara en fullkomlig harmoni, “ett gudomligt förhållande”. Renässansens konstnärer använde gyllene snittet flitigt. Det upptäcktes av Pythagoras och teorierna har sedan dess varit många.

Gyllene snittet kan lätt appliceras på design. Grundformeln är enkel, multiplicera med 1,618 eller 0,618 för att få en större/mindre yta i förhållade till den du har. Den mest uppenbara användningen är kolumner men kan även appliceras på marginaler, bildförhållanden med mera.

Länkar:

• Photoshop Golden Crop project
• Nettuts
• Svensa Wikipedia
• Engelska Wikipedia
• World-Mysteries

Fibonaccital

Fibonacci-tal. Låter det avancerat? ;) Det är egentligen ett enkelt förhållande, som är släkt med gyllene snittet. Det är en rad tal. Varje tal är summan av de två tidigare talen. Så du behöver alltså bara kunna använda plus för att räkna ut dem. Men du behöver inte räkna ut dem, för du kan göra en stor skylt med talen och sätta upp på din vägg:

Hur använda dem i webbdesign? Det behöver inte följas slaviskt, har du ett avstånd som är 13px testa med 21px i nästa. Har du en stor rubrik? Använd avståndet 20px till innehållet den hör till och 50px till annat innehåll. Med rätt typsnitt kan 13 vara en bra storlek på brödtext, 21 och 34 rubriker och 34 och 55 marginal.

Prova dig fram. Design är trots allt lite känsla och inte bara regler.

Läs om Fibonacci-tal:

• Engelska WikiPedia
• Svenska WikiPedia
• Mathworld (om du är intresserad av matematiken)

Många har idéer om var man kan finna Fibanocci-tal och gyllene snittet, det är egentligen intressant för webbdesign om det stämmer eller ej, det viktiga är att de fungerar på en hemsida. Här hittar du en presentation med kritik om mystierie-tänkandet kring dessa ”magiska tal”:

• Zinn-X

Tredjedelsregeln

Tedjedelsregeln är en slags förenkling av gyllene snittet. En bild med motivet centrerat blir inte spiecellt spännande. Delar du upp kompositionen i tredjedelar och placerar huvuddelarna av motivet längs med dessa delar så får bilden mer spänning. Det känns som det händer mer i bilden. Kikar du genom en kamera med sökare brukar det finnas mönster, till exempel uppdelat i tredjedelar. Exempel saknas inte om du gör en Googling:

Läs mer om tredjedelsreglen

• Zenelements Visitkort
• Wikipedia ”Rule of thirds”

Rabatment of the rectangle

Jag är inte säker på översättningen av “rabatment”, men tekniken går ut på att du gör en kvadrat i rektangeln som är lika bred som kortsidan. Du välter alltså kortsidan och får ett nytt avstånd.

Mer läsning:

• Engelska WikiPedia
• Use in Compositions

Verktyg för en webbdesigner

Det finns färdiga verktyg för att använda regler när du skapar hemsidor. Flera utveckare har skapat rutnätsystem, mallar som du kan använd att bygga på. Här hittar du några (tips gärna i kommentarerna om du har fler):

• The Grid System
• 960.gs
• Gridder
• Grid Calculator

För att skapa en strategi (om så bara för husbehov) behöver du bra information. Verktygen i den här första artikeln hjälper dig samla informationen.

Tillägg för webbläsare:

• Hihlight NoFollow links 1.4
  Visar en diskret ram runt länkar som har rel=”nofollow”, dvs länkar som sökmotorer inte följer. Använd för att se vilka länkar både på andra hemsidor och på din egen, som är intressanta. Kan du få inllänkar till din hemsida som inte har rel=”nofollow” är det bra!
• SEO Quake
  Ett tillägg med ny verktygsrad för Firefox, Chrome och Safari. Visar dig Google Page Rank, Index, rankning hos Alexa.com, ålder och en rad annan information.

Verktyg online

Många Google-verktyg blir det, men några andra också ;)

• Google Insights för sökningar, kolla sökvolym och annan data om sökningar. Intressant hur många från Indien som söker på de flesta sökningar ;)
• Google Trends, kolla vad vad som är hett på Google för tillfället.
• Google Alerts är ett sätt att bevaka sökresultat, där du får meddelanden på mailen. Läs mer hos Fredrik
• Google AdWords. Även om du inte annonserar, kan du hitta sökord och trafik på sökord med verktyg i Google AdWords. Hur stor sökvolym och konkurrens finns det på de sökord du vill komma högt på? DU kan även hitta sökord genom att skriva in adressen till konkurrende hemsidor.
• Google Analytics – din statistik med massor information om dina besökare. Analytics visar inte i realtid – det dröjer någon dag innan du ser dagens resultat. Vill du ha grundläggande statistik med resultat direkt kan du prova statcounter.com
• Google Webmaster Tools. En “måste-ha-tjänst” där du kan hitta sökord för din hemsida, trasiga länkar och saker du bör rätta till. Du kan även använda det för att ta bort länkar ut Googles index.
• Hitta andra företag omkring dig och lägg till din företagsprofil i Google Places. Här kan du betygsätta andra också :)
• Yahoo Site Explorer. Kontrollera länkar och annat innehåll på sin hemsida.
• twingly.com/search. Hitta bra artiklar om specifika nyheter (som du kanske vill skriva om/hålla koll på).

Har du fler tips? Kommenera gärna eller hojta på Twitter @xodawebb. Där finns förresten en tagg för svensk SEO nu: #svSEO. Dessutom kan man hitta massor information på SEO-forum.se.

Här kommer ett porträtt på vår dotter: