You will receive a basic example of a 3-screen wireframe and a sign-up process. This example wireframe is similar to what a User Experience (UX) Designer would create after researching the needs of the app's process and user. Your job is to act as the User Interface (UI) Designer and design the visual interface, including typography and color.
Open Finder
On the left side, scroll down to "Locations" and click "Google Drive" (NOT "My Drive")
Click "Shared drives" > "Graphic Design 2 Templates"
Double-Click "UI Design Intro_Wireframe.ai" to open.
Go to "File" > "Save As..."
Click "Save to Creative Cloud"
Click "Save"
You will need a logo to add to your app design. You can use a real company's logo or just find a random logo you like online (school appropriate).
Once you find a logo, right-click and click "Copy Image"
In Illustrator, right-click and click "Paste"
If you want to crop your image, go to the "Properties" tab on the right side and click "Crop Image"
In the first wireframe where it says "Logo" click and delete the box/text and move your logo into it's place.
In the "Layers" panel on the right, click the empty space next to your "Logo" layer to lock it.
Unlock the "Text" layer by clicking the lock icon.
Select all your text (click and drag to encompass all, let go)
Choose a font for all your text.
Create hierarchy within the text.
Change sizes of specific parts
Change the weight of the font (bold, light, etc.)
Adjust the size.
Choose a color for the text if you would like it to not be black.
In the "Layers" panel on the right, click the empty space next to your "Text" layer to lock it.
Unlock the "Lines" layer by clicking the lock icon.
Select all your lines (click and drag to encompass all, let go)
Choose a color for the lines. Either:
Double-click on the stroke color swatch to open the Color Picker
Open the "Properties" panel on the right side.
Lock and unlock the necessary layers.
Choose colors
You may want to go back and adjust other colors (such as text colors) as you go.
Because your file is saved on Creative Cloud, it will be a ".aic" file - this means Illustrator saves your file every 5 minutes.
If you see an asterisk (*), that means there are unsaved changes.
To save, in the top menu, click "File" > "Save"
If "Save" is grayed out, it means your file has already been automatically saved.
Go to "File" > "Save As..."
Click "Save on your computer"
Click the down arrow to the right of "Where"
Choose "My Drive" > "Graphic Design 2" > "4 - UI Design"
Change the Format to "Adobe PDF (pdf)"
Click "Save"
Click "Save PDF"
In Finder:
Right-click on "Graphic Design 2" and click "Copy link to clipboard"
Paste the link in Canvas.