![]() For this tutorial, we’ve used a green colour to signify that the option is selected. Select the rounded rectangle, and give this a fill colour of your choice. Align this circle to the right-hand side of the rounded rectangle.ġ3. Select the Ellipse Tool and hold Shift to create a circle that is the same height as the rounded rectangle created in Step 8. Adjust the width of the border to be between 1-4 pixels.ġ2. Give this shape a white fill, and select a border colour of your choice.ġ1. Alternatively, the shape corners can be adjusted by selected the shape, and then clicking and dragging the circle anchor points that appear just inside of the outside anchor points for the selected shape.ġ0. In the Appearance section of the Property Inspector, select the icon that displays a square with rounded corners, and enter a value in the box alongside this, so that either end of your rectangle become completely rounded at either end. Select the Rectangle Tool, and create a landscape-orientated rectangle that fits within the space between the lines.ĩ. Change the additional text objects to display the desired wording.Ĩ. Duplicate this text two times, by going to Edit > Duplicate, and position these two copies so that they are vertically centrally aligned between the lines below. For this tutorial, we’re going to be using a light grey colour.Ħ.Select the Text Tool and type the text for your first option, and adjust the font and size of this text as desired.ħ. The pink guides in Adobe XD will help ensure that the spacing between the lines is consistent.ĥ.Remove the top line (that is touching the top of the artboard), and give the remaining three lines a colour of your choice. Duplicate this line by going to Edit > Duplicate, and move this new line downwards approximately 80 pixels.Ĥ.Repeat Step 3 two more times. Create a new document by selecting iPhone 6 from the Start Screen.Ģ. Select the Line Tool and hold Shift to draw a horizontal line that spans the width of your document (375 pixels), and position this at the top of your artboard.ģ. #LEARN ADOBE XD HOW TO#Learn more about Adobe XD and view upcoming trainings and workshops: BU TechWeb Trainings.In this tutorial, we’re going to learn how to design an on/off switch UI, in Adobe Experience Design CC (Adobe XD).ġ. Adobe Faculty Catalyst Program Community.All of our communities of practice meet via Zoom or in-person and are supported by Digital Learning & Innovation, Educational Technology, and Center for Teaching & Learning staff. BU Educators: Connect with a Learning Communityĭigital Learning & Innovation is committed to building learning communities and creating gathering places for Boston University leadership, faculty, and staff technology users to share ideas, meet and connect with colleagues, and discuss platforms designed to improve students’ learning experiences. View other video tutorials via Boston University’s MyMedia Adobe Channel. Without any coding needed, Adobe XD allows you to create clickable presentations, application mockups, dynamic web designs, and more for all of your classroom needs.įor additional videos and tutorials, visit Adobe XD Learn & Support. If app and web design are of interest to you, the resources from Adobe Tutorials will help you learn about UI/UX design and how to build digital interfaces. With its prototyping features, Adobe XD allows users to create low to high-fidelity working prototypes to share with the BU community and beyond. This collaborative tool allows BU educators and students to work together or alone on UI/UX projects, building designs for apps, websites, and much more. What is Adobe XD?Īdobe XD is a desktop program made for designing user interfaces and wireframes for a variety of applications. For instructional pages on other Adobe products, please visit our main How-To index. The information on this page is intended to help members of the Boston University community utilize their Adobe Creative Cloud license, specifically the Adobe XD application. Fostering Technology-enabled Learning Transformation at Boston Universityĭiscover the Senior Project Manager for the Shipley Center for Digital Learning & Innovation Diana Marian's take on how the Shipley Center partners with….View testimonials, presentations, and Lighting Talks videos where BU leadership, faculty, and graduate student instructors share…ĭigital Learning & Innovation has been working with BU’s innovative schools, departments, and individuals since 2013 to incubate projects that break new ground in… Faculty are on the frontlines of digital transformation. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |