My site has been progressing quite smoothly. The layouts from page to page aren’t changing much, and I’ve just begun the work on the bulk of the site: the actual portfolio. I’m going to use iframes, but can’t seem to get a firm grasp on the concept, so I plan on working on that part in class.
Other than the iframes, I feel very confident in this project.
My comps progressed smoothly. From a technical point of view, I sketched them on paper, designed them in Illustrator, tweaked them in Photoshop, and saved them as PDFs. Creatively, I followed the same basic pattern for all three home page designs. Using geometric patterns, I created one large picture box, and several smaller decorative ones. My backgrounds are all clean and simple, as are the navigation links. For the “about me” pages, I coordinated each one to its respective home page design. I kept the same basic framefork and covered the sample images with text. As far as color schemes, I stuck with neutral greens and oranges. I want the site design and colors to be rather simple and muted, to let the indiviual pieces stand out more. After all, that’s what should define a graphic designer’s portfolio site.
Site 1: http://newark1.com/portfolio/index.html
Upon browsing through their immense portfolio, the sites have a very interesting layout. They’re very busy, but simple enough to drive the point home. I think this is an excellent example of layout design mastery, and I would love to incorporate this sense of style into my own site.
Site 2: http://kottke.org/portfolio/portfolio.html
I’m not a big fan of horizontal scrolling, but this site is an awesome, simplistic solution using just that. The whole thing is presented horizontally, and is very effective. I could definitely see some applicable use for this in my own design.
Site 3: http://anexio.com/newmedia-portfolio-snow.html
The layout of this site immediately reminded my of my initial portfolio site, just a little more graphic. It has a warm, cozy feel, kind of like you’re walking into someone’s home studio, and all you have to do is browse through his desk. I think that’s the concept designers should use in portfolio sites, and I plan on making mine that inviting.
Site 4: http://www.entheosweb.com/design_portfolio.asp
This site’s pieces display a wide variety of clients, and they’re all presented in rather simple, elegant ways. There’s not too much going on, but enough to show the professionalism of the respective products/services.
Site 5: http://www.scrubbles.net/portfolio.html
I saved the best for last. This site is EXACTLY what I have in mind. This is a perfect example of, in my opinion, the ideal graphic artist’s portfolio site. The design is mind-numbingly simple: His artwork does all the work. His individual portfolio pieces make this an awesome site, which makes this an excellent, no “BS” display.
For my project, I plan on mixing the simplicity of site 5 with the innovative layouts of site 1, and the “browse through my studio” feel of site 3. I’m sure the influence from site 5 will be the heaviest, though.
I’m in graphic design, so I’ll stick with the identity site for my final project. The one I did for Intro to Scripting Languages was cool, but extremely basic and simple. I look forward to taking that same basic concept and redesigning the whole thing. For some reason, I got stuck on absolute positioning, and the result feels very rigid. Last week’s lecture gave me much more confidence in myself as far as floated layouts go, so I’m gonna try running with that.
I agree with Doug Bowman’s design process principles. The first aspect he mentions is research, which is crucial to understanding any design project. That was perhaps the first thing I learned here at the Art Institute in my design classes, and it’s what makes or breaks a composition. Competitive analysis falls into the research category too, and uncovering the competition can shed light on previously unexplored design concepts.
Research may be crucial to the concept, but thumbnails are inevitable for the actual layout and design. Bowman says that he does thumbnails once all the ideas are in his head, and he sketches them out quickly. I work the same way, and my thumbnails usually look like chicken-scratch. But that’s just the point! A thumbnail sketch shouldn’t take more than 30 seconds or so…just enough to get a visual idea of the layout. Whether it’s “the one” or not, the designer should still draw several more just to exercise all possible solutions. To me, this is an important stage of the design process that must be completed in order to move on.
Typography and imagery work hand in hand, and are more of the refining process of the design. In my work, I find the research and thumbnails to be the most exhausting parts of a project. I love typography and working with images, but they’re completely useless without a solid foundation. Building that foundation can be very taxing, but also very rewarding. I feel like once I’ve built that, even though the bulk of the time and effort has yet to be spent on the project, the hard part is over. At that point, I get to focus on the art. I thoroughly enjoy typography, and Bowman goes into detail about choosing font families to reflect the mood and message of the design. That’s the challenge of typography, and I embrace it. I also agree with his philosophy on imagery: that images are often not necessary if the design is strong enough. However, most of the time they add so much to the overall design, and must be used properly. Whether it’s background imagery/textures or foreground objects, they should be used sparingly and correctly. The individual project determines just how “spare” and “correct”.
Concerning composition, Bowman like to keep imagery confined to a certain area of the design. His reason? To avoid cluttering. This is a very mature way to approach design, and I like to think of myself as a mature designer as well. Once he has the layout, typography and imagery ironed out, it’s time to compose “digital sketches”. He drags objects from Illustrator and Photoshop and sees exactly how to put them together. I think this is a very exciting stage of the design process: the pieces are all made, it’s just time to put the puzzle together. To me, there’s nothing more rewarding to a designer than seeing a complete, successful project. It doesn’t matter how good the images and type are if they’re not assembled properly, and it takes a great designer to put it all together.
His last point is about execution and implementation, which pertain specifically to web design. This seems like the most frustrating aspect of designing for the web. What happens if there’s no way to position your headline exactly the way you want it because the browser won’t allow it? This is why I frankly prefer magazine layout and design, but also look forward to meeting the challenges of working with online browsers. Bowman says that being the HTML and CSS designer is the best way to go, so that last-minute decisions can be made on the spot, rather than having to wait and consult another designer. I agree, and hope that when I undertake jobs such as this that I am in charge of both HTML and CSS.
Overall, I agree with what Bowman has to say about the design process. Most of it mirrors what I already do, and so far it’s worked out OK for me.
