Thursday, March 26, 2015

Typography assignment

   The process of the artwork 
The first sketch was focused on geometric art



In this sketch I created my own design which is like a maze

Finally, I chose this design




The process of the artwork on the illustration board

















 The final results 


The meaning of this artwork is about loss. Loss is the feeling of grief when we lose someone or something that we love. The raven a symbol of sadness and death. It is also believed to be the mediator animal between life and death.


Shoe design (complimentary colour)



                             Complimentary colour (green and red with other harmony colours)






   Final results


Monday, March 23, 2015

Site Map

Before I started to create a web design, I sketched a site map first to have a clearer idea of  my web design.


Sunday, March 15, 2015

Class exercise

Week 7
  • What is the interface design principles?
The structure principle
The interface design should be well -organized and functional based on clear models that are visible to users. The design should be methodically displayed like putting things that are related together and separating things that are not related.

The simplicity principle
The simple design makes the common tasks easy for users and communication also becomes clearer. 

The visibility principle
The options and materials for a specific task should be clearly visible to users without any interruption of unnecessary information.

The feedback principle
Any actions, changes of state and errors that are related should be informed to users by giving precise and clear language accustomed to users.

The tolerance principle
The design should be adaptable thus decreasing the cost of faults and misuse. It also avoids any  errors by allowing mixed inputs and sequences and by interpreting all reasonable actions.

The reuse principle
Internal and external components in the design should be reused to to maintain stability with purpose instead of arbitrary consistency. This lessens the need for users to retrace and remember.

  • What is the elements of the interface design?
Windows
Windows is a section on the screen where information are displayed and its contents being showed independently from the rest of the screen. It is easy to use a window because it is adjustable. For example, it can be shown and hidden by clicking on an icon, and it can be shifted to any section by dragging it. Furthermore, it can be placed in front or behind another window and its size can be changed. This makes it convenient in a multitasking environment.

Menus
Menus help users to preform commands by choosing from a list of choices. A mouse can be used to choose options and a keyboard may be used. Menus are able to display what commands are available within the software.   

Icons
Icon is a small picture that stand for objects such as a file, program, web page, or command. Icons are handy because they are a fast way to execute commands, open documents and run programs. Other than that, it provides convenience when searching for an object in a browser list.

Controls
Controls are software components that a computer user interacts with through direct manipulation to read or change about an application. Every widget provides help with a specific user- computer interaction. 

Tabs
Tabs are typically a rectangular small box which has a text label with a view pane. Group of  tabs helps users to change quickly between different widgets when the view pane is activated. This provides many web pages open at once in one window and rapidly navigate between them by clicking on the tabs that are related to the pages. Most applications have tabs in the settings panes . 


Class exercise

Review on the existing website on Mc Donald. List out the pro & cons of the interface design layout, the navigation buttons and is the information clear enough for the user to understand to navigate the page?

Pros
The interface design layout looks more interesting and outstanding compared to other websites. The navigation buttons are convenient and is clearly displayed by users.

Cons
The interface design layout seems quite complicated and confusing. This makes it less user friendly. 

Review
The navigation buttons has been neatly and methodically arranged for the convenience of the users. It directly shows the users to the page that they want. Overall, the information is clear and understandable for users to navigate through the page.



Introduction about Digital Interface Design

Week 1

  • What is Interface Design?
The definition of user interface design is by which the process of developing a procedure for two or more modules which are able to apply to hardware, software or the interface between a user and a machine.
  • What is Navigation Button?
A navigation button is a button which is used to navigate through a webpage. In other words, it serves as a control point to link the user to sections on a Web site.

  • What is Mobile Apps? Why we need it?
Mobile apps are software programs which can be directly downloaded and accessed by users using their mobile device. Examples of devices are like a tablet, music player, smartphones and other mobile devices.  The reason why we need it is because most users now browse the Internet using mobile phones or tablets. The other main reason is that it is a well-made app which can provide advanced user experience.





Thursday, March 12, 2015

Triad, Split-complementary, Tetrad, Square colours


The process of painting 







   Final results


Triad colour : red, blue, yellow
Split complimentary colour : red, orange, blue-green
Tetrad colour : yellow, red, purple, green
Square colour : orange, blue, red-purple, yellow-green

Saturday, March 7, 2015

Sunday, March 1, 2015

Navigation button

Week 6

Research on Navigation Button.
"How" they display the navigation button?
  • The navigation buttons should appear along the left-side of pages. Other than that, display of the navigation button is placing it horizontally along the top of the pages.


"Why" they need the navigation button? 

  • The navigation button is to help the users find their way around or navigate through a site to find what they want.
"When" they need navigation button?
  •  The navigation button is needed when users use it for directly linking to a page or website rather than typing it in the address bar.


2.  Can navigation button to be complicated or simple design?

The design of navigation buttons should be simple because simplicity is a good thing. Navigation is one of the most important aspects of a web design but it doesn't mean it needs to be complicated or overly designed. Simplicity helps to better website readability and  make navigation faster and easier. It can be confusing for users when the navigation button are too complicated. Furthermore, it is also more user friendly and convenient.




Analogous colour


   The process of painting analogous colour







The final results


Tone and shade colour


The process of painting the tone and shade colour










                                       
    Final results