De Gulden Snede-Web Design, wiskunde en Seashells

van een resolutie van 800x600-scherm, dus mijn pagina niet meer dan 780 pixels breed. Ik zal mijn breedte 760px maken. 2. Verdeel door Phi. Als je eenmaal weet de breedte, deel dit door Phi (1,62 afgerond is prima). 760 gedeeld door 1,62 is 469,14 of 469 (webbrowsers voorkeur gehele getallen). Dat is de breedte van mijn hoofdkolom. 3. Trek de belangrijkste kolom de breedte van de gehele breedte. Dit geeft je de tweede kolom breedte geven. 760-469 = 291.

Uit deze berekening, zou ik een 2-kolom site die een van de belangrijkste kolom 469 pixels breed en een tweede kolom 291 pixels breed is te genereren. Als ik dit doe, zal ik een site die is esthetisch, zonder iets anders te doen hebben. U kunt deze dezelfde berekening met percentages te doen voor een flexibele lay-out breedte: 100% /1,62 = 62% voor de brede kolom en 38% voor de brede kolom. Opmerking: Veel sites raden het gebruik van de verhouding 3: 5 om uw gouden verhouding te krijgen, maar deze verhouding, terwijl in de buurt, is niet precies de gulden snede.

Als je het ontwerpen snel iets of heb je een raster dat je werkt vanuit, kan dit een grote vuistregel is om dicht bij de perfecte proporties te krijgen, en het is geweldig als je echt een hekel aan wiskunde of niet een rekenmachine niet . Gebruik de Gulden Snede voor meer dan de pagina-indeling Als je nadenkt over hoe elementen binnen uw pagina worden geplaatst, kunt u de gulden snede gebruikt in hen om mini-gouden rechthoeken te creëren. Deze zal net zo esthetisch. Gebruik het voor bijschriften op afbeeldingen, tekst stroomt naast en rond afbeeldingen, advertentieruimte, en uw navigatie.

Als u navigatieknoppen dat dezelfde verhoudingen als de gouden rechthoek te maken hebben, zullen elk een mooie kijk op de pagina.