As you build in Vev, you will start to naturally understand the way in which projects are structured. Here is an overview of the structure and some tips to get started.
In this lesson:
Starting a Project
Anatomy of Project
To start in Vev and build your first project, you will need to understand how to set up your project and page.
Creating a Project
Selecting a Project Layout
Naming a Project and Front-page
There are two ways to create a project in Vev:
From the dashboard, click on the blue 'Create Project' button on the top-right
Click on the '+' plus icon next to Drafts on the left side of the dashboard
After, you'll be greeted with a screen to start from a Blank project or a Template. For this example, we will start from a blank canvas creation.
When starting from a blank canvas, you can choose the option that is best for your digital content. The most popular starting point for any digital creation is 'Desktop first'.
Name your project by clicking on the 'Untitled Project' field and typing a new name
Rename your first page, double-click the page with the Home icon on the right-side Page Panel
When building in Vev, it's best to stick to a strict hierachy or 'anatomy' for your designs. This hierachy is comprised of section, elements and addons.
From here, you can edit page settings, meta-data, hosting, and additional plug-ins.
Full-width sections that can be added to your canvas with varying pre-built functionality.
Containers or divs meant to group and organize elements.
Text, images, buttons and more.
Animations & Addons
Extend the functionality and interactivity of your content. Animate, link, call APIs, track events with your analytics tools and much more.
Sections are fundamental to your design, in fact, you can't build in Vev without it.
Put simply, sections are full-width components that can extend the entire browser window as opposed to frames and elements which are only contained within the safe zone.
Frames are meant to organize and contain elements in order to make responsive design easier. They can also function as a design tool to create more immersive and interactive behavior.
Elements are the building blocks of your canvas such as text, images, buttons, and more.
Breathe life into your design and content by adding animations and interactions.
Extend the functionality of your content using addons like scroll speed.