De webbrowser is vaak de meest gebruikte applicatie op elke willekeurige computer. We besteden zoveel tijd aan het gebruik van deze applicatie dat meer utilitaire functies voorrang hebben boven ontwerp. Alle drie de belangrijkste webbrowsers (Chrome, Internet Explorer en Firefox) bieden echter de mogelijkheid om uw browser aan te passen met unieke thema's. Voor het bedrijf, het merk of de website die een thema goed kan ontwerpen, zullen ze in feite ontdekken dat er veel voordelen te behalen zijn als fans en volgers een andere weg van betrokkenheid bieden. Het grootste voordeel is (gemiddeld) een grote piek in maandelijkse sitebezoeken van degenen die hun thema installeren. Dus als u geïnteresseerd bent om uw merk online een boost te geven, zijn hier enkele dingen die u misschien zou willen overwegen bij het ontwerpen van een aangepast Firefox-thema voor uw fans en volgers.

Ontwerp Overwegingen

Het ontwerpen van een browserthema kan een hele uitdaging zijn. Dit komt vooral omdat een browser wordt geleverd met een lijst met ontwerpbeperkingen die net zo uniek zijn als het gebruik van de toepassing. Naast de normale dingen zoals lettertypen, logo's, bestandstypen / -formaten, wettelijke beschikbaarheid van afbeeldingen en kleurselectie ... moet u zich zorgen maken over een zeer beperkt canvas, lastige afmetingen en een aantal andere unieke items. Maar maak je geen zorgen, deze taak is verre van onmogelijk. Hopelijk helpt deze kleine gids je op weg.

Opmerking : voor het doel van deze post concentreren we ons alleen op advies voor Firefox-browserthema's, omdat deze de meeste 'ontwerp-vastgoed' van de drie bovenste browsers bieden. Dit zal u helpen uw merkinspanningen te maximaliseren. Bovendien, wanneer uw ontwerp is geoptimaliseerd voor Firefox, zal het eenvoudig zijn om elementen af ​​te trekken en te vereenvoudigen voor andere browsers met minder opties.

1. Neem deel aan de verschillende versies van Firefox

Bijvoorbeeld: Firefox 4 toont een deel van de afbeeldingen in de titelbalk, terwijl Firefox 3.6 en lager dat niet doen.

2. Houd je afmetingen in gedachten ??

Verticaal heeft u ongeveer 200 pixels hoogte beschikbaar voor uw ontwerp - waarvan alleen de top 85 zichtbaar zal zijn. Dit komt omdat u hulpprogramma's, add-ons, zoekvakken en bladwijzers in de weg zitten. Dit betekent dat ontwerpen die afhankelijk zijn van de kijker om de hele afbeelding te zien, mogelijk niet werken. Je moet op zijn minst goed letten op hoe al deze obstakels van invloed zijn op hoe de kijker je ontwerp ziet. Of, zoals we hierna in meer detail zullen bespreken, de beste ontwerpkeuze kan zijn om meerdere afbeeldingen te gebruiken (verankerd aan beide zijden met een effen kleur ertussen) of herhalende patronen / kleuren geassocieerd met uw merk waarmee u een werk kunt doen -omloop voor dit probleem van "functie-rommel" en beperkt ontwerpvastgoed.

3. Grote bestandsgroottes kunnen gelijk zijn aan trage prestaties ??

Een methode die je zou kunnen kiezen als een manier om de bovengenoemde uitdagingen te overwinnen, is door een grote afbeelding te nemen en deze eenvoudig over de hele achtergrond te plaatsen. Dit zal werken. Deze oplossing heeft echter één grote valkuil. Grote afbeeldingen / bestanden kunnen leiden tot een traag presterend browserthema dat in de loop van het gebruik hinderlijker kan worden dan prettig voor de gebruiker.

4. Focus op plaatsing en kleur van logo's

'Waarschijnlijk de gemakkelijkste en misschien wel de meest sierlijke ontwerpoplossing is om te focussen op het prominent in de linkerbovenhoek houden (dit kan gemakkelijk worden gekoppeld aan de site van uw merk voor snelle toegang door gebruikers) terwijl de rest van de ruimte wordt gevuld met herhalende patronen of kleinere afbeeldingen verankerd aan het midden of een van de zijkanten. Deze kleinere bestanden zorgen voor een snellere uitvoering van het browserthema, terwijl u zich geen zorgen hoeft te maken over het vervagen van functies of het aanpassen van vensters, omdat de kleuren of patronen niet volledig hoeven te worden bekeken om het ontwerp te laten werken.

5. Kies uw bestandstypen zoals u zou doen voor elk ander webontwerp

Wanneer u een browser ontwerpt, wilt u dezelfde bestandstypen gebruiken als voor andere webprojecten. Zoals .gif of .png-indelingen. Of als transparantie geen probleem is, kunt u ook de JPG-indeling gebruiken.

6. Animatie

Animatie kan een leuke manier zijn om een ​​beetje leven toe te voegen aan het thema van uw browser, zoals een bewegend hoogtepunt op een glanzend logo. Het is echter gemakkelijk om dit overmatig te doen en uw gebruiker te ergeren met overdreven flitsende animaties. Dus beperk dit tot een minimum.

Opmerking : Firefox biedt zowel geanimeerde GIF's als Png's.

7. Keep It Simple

Een belangrijke overweging is dat de gebruiker hoogstwaarschijnlijk uren naar uw ontwerp zal staren. Daarom is het belangrijk om uw ontwerp eenvoudig te houden en om kleuren of elementen te vermijden die hun ogen vermoeien.