Practical Skills for Graphics Design: Adobe Web
-
User flow – UI wireframing
The first thing that was created before the wire frame for the app was the user flow diagram, this was so the design would incorporate key things the user needs when navigating the…
-
Design and research
figjam board link: https://www.figma.com/file/qT52ya15nXwX1y0cGt9ZJd/Swift-App?type=whiteboard&node-id=0%3A1&t=RLDOUDyrTmiebwQQ-1 The initial ideas for the app was to create an app that would have all book and comic series in one place to read, such as ‘the folk of…
-
Adapting Your Design for Web Deployment
Figma link for tablets: https://www.figma.com/file/qLidTYU3QLTvwzEpdgNyP3/Swift-App—Tablet?type=design&node-id=0%3A1&mode=design&t=pnTvcXAeurkSlGZE-1 Figma link for web: https://www.figma.com/file/RfVjkQD745YwbsvwSCdLxH/Swift-App—Website?type=design&node-id=0%3A1&mode=design&t=rTk65OPefFIraM6b-1 For the app design to become suitable for a tablet, the size of the fonts ,icons and images were adjusted so all the…
-
UI prototyping for Mobile Application
Figma Link to app- https://www.figma.com/file/jVEuCckmpVO55R4UAqffv1/Swift-App?type=design&node-id=0%3A1&mode=design&t=0uj7LANT1tKEfPQ5-1 To create the app, the best application to use was Figma. Figma allows you to generate ideas with the ”FigJam” button and then create your product on a…
