mirror of https://github.com/01-edu/UX-UI.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.5 KiB
1.5 KiB
UI II - Ex 1 - Browsing
Context:
Welcome to the 2nd quest of UI!
This series of exercises is a great occasion for you to discover how libraries are made in UI, thanks to Atomic Design.
Instructions:
Among these 4 websites, make snapshots of these elements:
- 1 template
- 1 organism
- 1 molecule
- 1 atom
Websites:
- Alibaba
- Booking.com
- Easyjet App
- Interrail
Deliverables:
- A Figma file of 4 pages
- On each page, a screenshot of a template, an organism, a molecule and an atom
- Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the file.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
Resources:
- Atomic Design Methodology
- Video tutorial on Figma
- Beginning graphic design
- Gareth graphic studio
- Example here
Quote:
- User Interface Design is a hybrid role and can bring together concepts from interaction design, visual design, information architecture and even Front End Development