Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn Visily- UI Design Tool For NonDesigners, Powered by AI
Rating: 4.6 out of 5(7 ratings)
1,343 students

Learn Visily- UI Design Tool For NonDesigners, Powered by AI

Learn how to design a beautiful and engaging mobile app with Visily.
Created byNnamdi Solomon
Last updated 11/2022
English

What you'll learn

  • How to begin working as a non-designer using Visily.
  • You will have a fully interactive design and prototype at the end of this course
  • How to design wireframes & iterate fast.
  • How to convert sketch into high-fidelity mockups.
  • Turn screenshots into customizable mockup designs.

Course content

2 sections • 18 lectures • 51m total length

  • Lesson 1_Introduction to Visily1:18

    Explore Veasley, a browser-based AI design tool, and learn to create, prototype, and collaborate on interfaces for non-designers using layouts, team workspace, and mockup conversion.

  • Lesson 2_What is Visily1:29

    Explore Vesely, an ai-powered wireframe tool with hundreds of components and templates, enabling non designers to collaborate, prototype, multi-user edit, and convert screenshots or sketches to design.

  • Lesson 3_Creating an account on Visily1:55

    Create a Visily account for free, sign up with email, Google, or Clickup, set your role and team size, and choose high-fidelity mockups as your use case.

  • Lesson 4_Visily Layout3:09

    Learn Vesely layout and how to set up a team workspace, manage members, create projects from templates or from scratch, and switch between grid and list views for organized collaboration.

  • Lesson 5_Team Workspace2:26

    Set up your team workspace by inviting members, assigning edit or view or admin access, managing members, sharing project links, and moving projects between team project and my project section.

  • Lesson 6_Theme setup & edit2:19

    Learn to set up and customize your Vesely team using the built-in style guide, generate teams from keywords, images, or websites, and edit color, font, spacing, shadow, and border radius.

  • Lesson 7_Add screen3:56

    Learn to add screens to a design board in Visily, switch between low-fi and high-fi modes, apply colors, and use templates, screenshots, or sketches to create editable screen templates.

  • Lesson 8_UI Library2:41

    Open the Vesely library to drag and drop hundreds of UI elements, from base elements like text, icon, and shape to smart components such as buttons and dialogs.

  • Lesson 9_Icon Library1:47

    Add icons from Vesely icon library by selecting the icon option or pressing X, search by name, and pick from field, outline, rounded, or sharp types; adjust color and size.

Requirements

  • No previous Visily skills are needed.
  • No previous design skills or experience required.
  • Internet access

Description

Visily is a UI design tool for non-designers that enables teams, regardless of size and skills, to brainstorm and create beautiful app wireframes. It is the most accessible UI design software on the market focused on supporting all team sizes, from solo entrepreneurs and founders right through to growth teams of multiple people. Any team member can create designs as designers or non-designers, allowing founders, entrepreneurs, product managers, and developers to design beautiful app wireframes through an intuitive user experience, rich template library, and advanced AI features. Visily is exciting as it saves early startups time and money but also opens up the potential to any founders as no technical background is required to get the most out of the tool.

This course will cover user interface designing using the powerful tools within Visily. In the first section, I'll cover the Visily interface, where you can find powerful tools like AI Sketch-to-Design and AI Screenshot-to-Design feature unique to Visily. You can turn screenshots into customizable mockup designs. This feature is ideal when you are researching your design and want to bring different inspiration sources. I'll also go over team collaboration and how you can use Visily to work closely with others in the same project.

Later on I will guide you through designing and prototyping a "Food Delivery" App which will include multiple artboards, custom icon on Visily library, and everything else you need to create a polished realistic design.

Please join me as a Non-Designer in design or as a UI/UX designer wanting to switch from other tools like Figma or Adobe XD

Who this course is for:

  • Non-Designers
  • This course is for beginners, newbies & amateurs in the field of UX design.

Report abuse