Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design tips - Nav + hero #13

Open
Naddybs opened this issue May 26, 2024 · 0 comments
Open

Design tips - Nav + hero #13

Naddybs opened this issue May 26, 2024 · 0 comments

Comments

@Naddybs
Copy link

Naddybs commented May 26, 2024

Nav bar:

Schermafbeelding 2024-05-25 om 01 02 46

Problemen:

  • Het logo is te klein en niet gecentreerd.

  • De eerste drie nav items staan in het midden, wat de de vormgeving verstoort.

Verbeteringen:

  • Centreer het logo en maak het groter: een groter, gecentreerd logo trekt de aandacht en zorgt voor een betere visuele hiërarchie. Dit helpt gebruikers om direct te zien op welke website ze zich bevinden.

  • Plaats de eerste drie nav items naast het logo: door de nav items dichter bij het logo te plaatsen, creëer je een meer gebalanceerde en intuïtieve layout. Centreer de tekst in de lijstitems en maak deze groter voor betere leesbaarheid. Kijk naar hoe Funda dit doet.

Schermafbeelding 2024-05-25 om 01 12 24

Hero section:

Problemen:

  • De tekst is gecentreerd en staat onder elkaar, wat moeilijker leest.

  • De tekst is te klein, waardoor de ruimte niet goed wordt gebruikt.

Verbeteringen:

  • Links uitgelijnde tekst leest prettiger omdat gebruikers gewend zijn van links naar rechts te lezen. Dit maakt de inhoud toegankelijker.

  • Grotere tekst verbetert de leesbaarheid en vult de ruimte beter op, ik heb gemerkt dat de ruimte niet wordt opgevuld.

  • Een lichte achtergrondkleur kan de Hero section visueel aantrekkelijker maken en helpt om de sectie beter te definiëren binnen de pagina. Dit zorgt voor een samenhangend geheel.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Todo
Development

No branches or pull requests

1 participant