Introductie
De Blocs interface bestaat uit vier hoofdgroepen. Op de linker werkbalk hebben we de Layer Tree en Paginanavigator, in het midden hebben we het Design Canvas, in de rechter werkbalk hebben we de Inspector en bovenaan hebben we de hoofdwerkbalk.
De lagenboom
De lagenboom geeft u een overzicht van de volledige structuur van de momenteel geselecteerde pagina. Hier kunt u de kenmerken van elke laag bekijken, bijvoorbeeld of deze is vergrendeld, en kunt u uw document ordenen door lagen te hernoemen en opnieuw te ordenen. U kunt meer lezen over de lagenboom hier.
De paginanavigator
De Page Navigator geeft je een doorzoekbaar overzicht van je hele project, wat betekent dat je binnen enkele seconden toegang hebt tot elke pagina door simpelweg naar de naam te zoeken. U kunt meer lezen over de Page Navigator hier.
Het Design Canvas
Het Design Canvas toont de visuele output van de sites die zijn gemaakt met Blocs Het stelt u in staat om in realtime met de pagina te communiceren, zodat u elementen kunt selecteren, verplaatsen en hun inhoud kunt bewerken. Het ontwerpcanvas bevindt zich in het midden van het hoofdvenster van het programma, ingeklemd tussen de linker en rechter werkbalken. U kunt meer lezen over het Design Canvas hier.
De inspecteur
Het infovenster bevat alle stijlregelaars voor het momenteel geselecteerde element, van hieruit kunt u visuele stijlkenmerken toepassen met aangepaste klassen, Voegen aangepaste gegevensattributen en zelfs animatie toepassen Onderaan de rechter werkbalk vind je ook het snelstartbedieningen voor de Class-, Asset-, Swatch- en Menu Managers.
De belangrijkste werkbalk
De hoofdwerkbalk bevindt zich bovenaan het hoofdvenster van het programma. Vanaf hier heeft u snel toegang tot het project instellingen, verander de actief breekpunt, stel de zoomniveau, ga naar binnen voorbeeldmodus en ook snel navigeer naar een pagina met behulp van het vervolgkeuzemenu voor de pagina.