Embossing/Debossing – Inspiration #14

Embossing and dembossing are similar processes that create a different result. Both processes involve making a metal plate and a counter. The plate is mounted on a press and the paper is stamped between the plate and counter. This force of pressure pushes the stock into the plate, creating the impression.

Embossing produces a raised impression on your paper stock, while debossingcreates a depressed impression.

Creativity shouldn’t be measured by the learning of new technical skills. Being creative implies being able to express your original idea even drawing on a serviette. It’s not only the old school way. Being a proficient and creative designer is not based on systems but on the capacity to express coherent ideas to a desired target. What goes in realworld graphics goes well in web graphics too. Best example is what Embossing. As we see a trend in web graphics there are websites and mobile apps using debossed graphics extensively, As a graphics designer it is important to consider what kind of adjustments to be made to take print graphics to web graphics.

Flat Design and Skeuomorphism – Inspiration #13

In simple terms, flat design is a more versatile and sophisticated form of minimalism. Though you can make flat design look great even under minimalist constraints, these designs can also be much more complex with a clarity and crispness that is only possible once the 3D effects have been removed. Generally speaking, flat design is useful for making user interfaces easier to navigate, ensuring websites are faster and more functional – it is also seen as a starting point for the streamlining of designs.

What makes Flat design attractive:

• Reduces Clutter: As we are constantly creating, evaluating and filtering content and since the public has an insatiable appetite for new information, we are in danger of being the victims of information overload. This problem is exacerbated by the decreasing size of the screens we use. Flat design helps to reduce the clutter on the user interface thus making information easier to digest.
• Simplicity: We are seeing an increase in the number of apps and services online that offer basic features in a reversal of the usual trend, which involves lots of choices for high prices. Now customers can enjoy simple interfaces, fewer apps and a lower price.
• Content Focus: When new devices arrive on the market, we initially want to see how they improve interactivity but the focus always returns to the quality of content. As most Internet users consume content via video, text or audio, they want the interface to move aside and flat design allows this.
• Responsive Design: The increase in connected devices of different dimensions means that user interfaces have needed to become more fluid and the responsive design movement has come up trumps. It seems as if using flat design in user interfaces provides the best responsive design results. Another bonus is the reduction in the size of pages and subsequent reduced loading time.

Source : http://en.wikipedia.org/wiki/Flat_UI_Design

Instruction design

This is the instruction design for how to laundry at RAC. Following are the initial and the improved version of instruction design.

instruction manual

comments – Too lengthy and use original images

Instructions manual – v1

comments – Steps needs labeling and need more organization of the flow.

– make each step easy to follow yet make it short instruction manual.

Instructions – final

 

KKHS Landing page

 

 

 

 

 

 

Initial layout sketch for KKHS landing page.

 

 

 

 

 

 

 

This is the First draft of the landing page for KKHS. It is a metro styled layout which makes easy for student to select what they want.

Comments – Lot of white space. Make use of the real estate.

– Align the tiles and the headings.

– Good use of color and grid. Tiles make it easy to select the  option.

 

 

 

 

 

 

 

 

 

This is the improved version of  KKHS landing page with icon sets designed in previous assignment. Files are uploaded to dropbox.

Power of design wire-frames – Inspiration #12

User centred design takes the main stage when it comes to creating responsive experiences, your users need to be able use your site with minimal extraneous thinking.  Responsive websites do away with frivolous design as your users goals become a priority. Mobile and tablet sites are touch driven, simple UX principles such as removing hover menus and increasing the size of buttons can make a site a lot easier to use.  This is a simplification of mobile design ideals but having a site that adapts to its environment is more than making it just stretch to a breaking point, it has to take into consideration the where, why and how it’s being used. Before a site construction even begins, its architecture and design should be planned out. Having a solid visual frame work that dictates all the different break points a site responds to can be useful. This can also be over kill and many designers prefer to outline a working style that can be adapted as the site is designed inside the browser