After I assembled an idea of what direction I wanted to go in (using a Wix template as my outline), I did a quick sketch of the page layout to make sure the alignment looked okay as a whole. I wanted my homepage to be very minimal and flow well. I chose three colors that I felt were visually calming, inviting and also seem to compliment each other well.
 |
| rough sketch of outline |
light pink, blue and yellow.
I separated each section by the "sense" that is used while participating in it with links to the original sites.
- looking - images of work- link to design gusto class portfolio
- listening - song players- link to my Soundcloud page
- touching - correspondence- direct link to my email
- I used photoshops magnetic lasso tool to crop the picture of this book
 |
| vintage public domain photo of an open journal |
I watched a few tutorials on how to use photoshop as a tool for designing webpage templates for clients and learned only a small fraction of what there is to know. Here are a few...
Grid systems are very useful in outlining a homepage into sections that flow well (ex. guideguide extension for photoshop)
There are many websites that help make converting photoshop pages into css code a much smoother process.
http://www.piliapp.com/ Is a really awesome tool for measuring out the exact pixel dimension of a square or rectangle. This is especially useful when making grids in photoshop for borders, images, etc.
http://lemonade.im/ Is just one of several sites where you can download free grid template codes that help in the transition from photoshop to html.
I thoroughly enjoyed piecing together this project and am excited to finally have an online website/portfolio to show others the variety of my work.
This class has been a huge inspiration for me to pursue graphic and web design further and to maybe even make it into my full-time vocation one day. I still have so much to learn..but definitely look forward to the journey.
 |
| link to website |
