Application Design - Project 2

-

Ataka Lukman Hamzah / 0350012 

BDCM / Application Design 
Project 2



For project 2 we are expected to create UI documentation. The document includes the new concept of the UI design, and a mood board or style guide which contains the:

- the concept of UI design
- specific implementation guidelines, visual references
- design principles for creating the UI design

We are given templates to create the documentation, however, there should be changes in accordance with our style and UI concept. For this task, I used a template in Adobe XD. I did minor changes to it such as the color palette, buttons, the color of elements, etc.

UI DOCUMENT

Colors

Typography

Elements

Icon and Reference

Elements


Comments

Post a Comment

Popular posts from this blog

Design Principles - Task 3

-
Image
  27/08/2021 - 25/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Design Principles Task 3   LECTURE HARMONY Harmony involves the selection of element that share a common trait. Variety is important to avoid harmony becoming monotonous. Harmony is the sense that all of elements f your design fit together. They may fit the same theme, aesthetic style or mood. Variety is about a change or slight difference in elements and objects in composition, to avoid a boring composition. Variety can also involve varying angles, exposure, composition, etc. UNITY Unity refers to the repetition of particular elements throughout your design whether they're colors, shapes or materials to pull the look together. Unity occurs when these elements are c...
Read more

Typography - Task 2

-
Image
 27/08/2021 - 25/09/2021 (Week 5 - Week 7)  Ataka Lukman Hamzah / 0350012  BDCM /  Typography Task 2   LECTURE WEEK 6 In this lecture Mr Vinod, showed a demo on how to create a 2-page editorial spread. Also, things that needs to be done in the process of making it. Other than that, the requirement such as the size of the page and how to save the 2 page editorial spread for submission. Step-by-step Layout Making: 1. To research, to understand the text that we are using 2. Thumbnail sketch (exploring possible ideas)          - Headline          - Text 3. Patches (to look for white areas, black areas, balance)      Page Size (200 x 200 mm) Side-by-side Spread Page Select All Pages > Right Click > Uncheck Allow Spread to Shuffle > Drag the Page Side by Side INSTRUCTIONS For task 2, we are expected to...
Read more