TomDeeterink1
commented
1 day ago Nu dat wij een nieuwe way of working hebben omarmt, wil ik graag voor de rebuild van het mobile menu bepalen welke stukken atomen moleculen en organismen zijn. Hier ga ik eerst een analyse voor uitvoeren.
Tab menu
Het tab menu heeft links en buttons, dit zijn atomen. Het volledige tab menu is een molecule.
Slide in menu
Het slide in menu heeft links en buttons, dit zijn atomen. Het volledige slide in menu is een molecule.
Mobile menu
Deze organismen worden samen gezet in een component, dit is dan het organisme.
Nu ga ik naar de bouw fase, de ontwerp fase heb ik hierboven al uitgewerkt.
Chart voor menu
Ik maak een chart om verschillende ideeën uit te werken. Hierdoor kan het component om verschillende manieren verwerkt worden.
Uitkomsten
De uitkomsten van de verschillende opties heb ik verwerkt in minimalistische designs.
Inverted pyramid
Door deze pyramide te gebruiken kan ik bepalen welke informatie belangrijker is, en welke informatie uit het menu kan verdwijnen.
Breakdowns
Ik heb mijn designs verder uitgewerkt. Hier heb ik een nieuwe breakdown van gemaakt. Dit heb ik gedaan om te bepalen welke html elementen ik moet gebruiken.
Variaties op verschillende menu's en uitklap menu's
Op basis van de breakdowns, en de inverted pyramide heb ik verschillende desings uitgewerkt van het menu. Het gaat hier vooral om de UI van de menu's