Final

This is a profile site design for complete design works designer. 

With a clear chart visual telling what design area the designer work on without words tell. The chart also hold a navigation function as well and the logo will change color to respond the selected menu.

The profile site condense info flow and show images as main focus. Website is design to have ability to cross device.

In the mobile layout, the chart bar has been remove and keep the main info only. But the chart will become a menu icon as it roll in the desktop view.

Interactive and Jquery

Respond the browser size

Desktop full size

Desktop small view / tablet

 Mobile view

 Small mobile view

Mobile visual design Final

At the end, I decide to remove visual data in the mobile, but bring the circle from the website as a menu icon in the mobile, more clean layout and focus on the information itself.

concept 2 mobile visual design few versions

Try few mobile layout to bring the visual data in, but it seen too much and not need.

concept 2 and more for mobile

Concept 1

color mean something

Color Psychology

Assignment 2 - respond site with interactive info graphic

Research

the line is really clean, fresh watery colors!

Stock data visualizations. This image shows historical stock price data plotted as 3D graphs. 

data could be combine, and became a visual object.

nice claim color tone below

doc info graphic have a freedom feeling, and enjoy the float, which can break the

grid system. 

the info graphic below is raise up, fully of happy feeling.

The below info graphic is really smooth,

shape corporate with round to break the boring. but the color

make the whole graphic consistent.

MORE CARTON, illustration corporate with texts. Enjoyable reading.

http://www.mastersinit.org/geeks-vs-nerds/

Is there any app can know what I have, and what I can make from what I have?

Yes, Patisserie at home is design for this moment!

By using this app, you can build up your digital data of your kitchen store, every time you search recipes, result show those you can make from your kitchen store, so search, find the one you love, then go baking!

Style:  

Reduce the information in per page became my main design work, the result is when use images view, then will not have text at this same time, by using portrait and landscape to change from images base view and text base view.

One more step in solid colour block -  from pure solid colour block to subtle gradience. This result nicely in give more breaking for flatten design.

larger, larger text and click area - this app will corporate with moving action (reading at home, finding ingredients, baking), it better to make text larger enough that can read by a gaze. Large click area speed up the interactive with human finger.

Recipe reading - a paper base design use in recipe reading, instead of pain white background. I found paper texture help human eye read comfortable, so decide to add this texture in this mainly flatting design. I believe combine the good thing in  "flat" and "texture" is a good way to go.

It's at home - During the design I always keep that this app is using at home, select color and icon redesign to fit more home instead too office.

Extra:

If this app had been developed, ideally it will  be a cloud base store app, this will keep the app size small, and login by cloud account which mean can check and research cross devices.

Visual design