The Golden Ratio-Web Design, matematik och snäckskal

till bredden, dela det med Phi (1,62 rundade är bra). 760 dividerat med 1,62 är 469,14 eller 469 (Webbläsare föredrar heltal). Det är bredden på min huvudsakliga kolumn. 3. Subtrahera huvudkolumnbredd från hela bredden. Detta kommer att ge dig den andra kolumnbredd. 760-469 = 291. Från denna beräkning, ska jag skapa en 2-kolonn webbplats som har en huvudkolonnen 469 pixlar bred och en sekundär kolumn 291 pixlar bred. Om jag gör det, jag har en webbplats som är estetiskt tilltalande, utan att behöva göra något annat.

Du kan göra samma beräkning med procentsatser för en flexibel bredd layout: 100% /1,62 = 62% för det breda kolonnen och 38% för det breda kolumnen. Obs: Många webbplatser rekommenderar att du använder förhållandet 3: 5 att få din gyllene snittet, men detta förhållande, medan nära, är inte precis det gyllene snittet. Om du skapar något snabbt eller om du har ett rutnät som du arbetar från, kan detta vara ett bra tumregel att komma nära de perfekta proportioner, och är bra om du verkligen hatar matte eller inte har en miniräknare .

Använd det gyllene snittet för mer än Sidlayout Om du tänker på hur element inom din sida är placerade, kan du använda det gyllene snittet inom dem för att skapa mini-gyllene rektanglar. Dessa kommer att vara lika estetiskt tilltalande. Använd den för bildtexter på bilder, text flyter bredvid och runt bilder, annonsutrymme och navigations. Om du skapar navigeringsknappar som har samma proportioner som den gyllene rektangeln, kommer var och en ser trevligt på sidan. Omdömen