(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

Det går för övrigt bra framåt med vår hemsida designbilder.se, det känns som namnet ger rätt sorts trafik och då har vi till exempel inte fått någon pagerank ännu (ser fram emot nästa uppdatering hos Google).

Artiklarna är till för den som har en egen installation av WordPress (alltså inte gratis onlinetjänster som WordPress.com) och vill skapa sin egen layout. Ta kontroll över din WordPress-layout kanske man kan kalla det :)

Del 1 visar hur du skapar nya temamappar där du kan jobba med layouten.

Via Bengt

Dreamweaver bygger mycket på uppdelningen i webbplatser/siter. Har du ställt in alla delar för att föra över filer (FTP t.ex.) kan du också se till att filerna på servern och din dator är synkade. Högerklicka på mappen eller filerna du vill synka i fillistan.

Välj att synka de filer du vill

Nästa steg är att välja vilken sort synkronisering du vill göra. Jag väljer att föra över nya filer till servern eftersom jag utvecklar webbplatsen med nytt material.

Välj synkroniseringsmetod

Dreamweaver kontakter servern och söker av vilka filer som är nya.

Du får nu granska ändringarna Dreamweaver tänker göra.

Granska ändringarna

När du godkänt dem är det vara vänta så fixar sig allt ;)