Spring 2022
︎
SUNY Purchase College︎ (DES3800) Design for Web & Screens
Project:adobe xd recital
Project:adobe xd recital
Background & Objectives
This project is to make sure that everyone understands Adobe XD in the case that you aren’t including it in your final project. It is also so that you can think about conventions of web design in terms of type size, composition, structure etc. What you’ll do is pick a basic template and then create a series of pages around that.Final Submission
-
Links to your prototype flows (see below)
-
A screen recording of your prototype (you can record this in XD)
Requirements
- Pick one of the following templates:
- A web shop (desktop & mobile app flows) which includes:
- A landing/home page
-
A page showing one type of product
-
A page showing another type of product
-
A single product page
- A cart with several items
- A social media website (desktop & mobile app flows) which includes:
- A landing page for users who are not logged in
-
A home page showing the feed of a logged in user
-
A single post
-
A user’s profile page
-
A post as created by a user
- Must include both desktop and mobile app flows (links separate for each)
-
All pages must flow as smoothly as possible into each other (ie not fading into one another)
- Must have several examples of animated components or auto-animated transition, this could include but is not limited to:
- A retracting overlay menu
-
A switch for a setting on a profile page
-
An animated like/love or other reaction button
-
A horizontal menu of products
Considerations
-
Don’t waste time on fake company name ︎︎︎ Use this site to make up a website name.
-
Photography ︎︎︎ Use unsplash, pexels and the like for simulated product photos
- Adobe Dimension ︎︎︎ if you want to get “high-tech” with your simulated products you can take some time to make them in Adobe Dimension, here’s a video of me making a chip bag in Dimension.
- Other XD Features ︎︎︎ Use the audio features in XD for example
Rubric
-
40% ︎︎︎Overall Design
(Quality of general design principles like consistency of spacing, type sizing, type pairing, color choices, etc.) -
60% ︎︎︎ Use of Adobe XD or similar software
(Clarity of design choices, use of overlays, components, auto-animations and other transitions)
Relevant Dates
04/18/2022 ︎︎︎ Progress Check-in & Booklet Workshop (for Review Writing
04/25/2022 ︎︎︎ Final Recital
05/02/2022 ︎︎︎ Review Writing
︎Back to Design for Web & Screens