Blog

Category Archive: Graphic Design

Web Design 101

June 28th, 2013 Alina Guzman Graphic Design, Web Development No comments

Have you ever found yourself stuck in the beginning of a website redesign? Maybe you’ve decided to finally launch that website you’ve been thinking of. Or maybe you are ready to take your existing site to the next level. Whatever it may be, it’s likely you’re a bit stumped if you haven’t done it before or don’t have a designer on hand. I’ve certainly found myself in that position before.

I’ll take you through the planning process and the basic design principles (as well as suggest resources you can use) since tomorrow morning the WDI students will have a design workshop for nondesigners! I originally wrote this guide for Esvee Group when I worked there.

There are a few elements you will want to map out before diving into building your website. You will want to plan out your layout, color palette, and typography.

Layout

The layout of your website will depend on the type of website you are building. The basic types of websites are e-commerce, blog based, portfolio based, or informational. To help you figure out layouts, ask yourself a few questions,

  • What is my website’s purpose?
  • What do I want my visitors to focus on?
  • What information do you want to share and how many pages will your site have?

Your website’s visual hierarchy depends on your layout. If you want to show a portfolio or products, you may want to work with a full-width layout. If you have a blog, a layout broken up with sidebars is preferable. If you want your visitors to focus on your photography or store-front image, a featured photo and vertical navigation is preferable.

Color palette

Picking a color palette for your website is one of the most important steps in the design process. Colors will influence your website and give off a message to your visitors. Some things to ask yourself before diving in are-

  • What feeling do I want to give off?
  • Do I want to keep the colors fun or professional?

Your colors will greatly depend on your brand. Color is linked with emotion making it easy to distinguish between a fun website or a professional one. Once you answer these basic questions, finding a palette doesn’t have to be very difficult. There are resources available that give you pleasant color combinations and shades. My personal favorite is Adobe’s Kuler. You can input a color and a wheel will match others to it.

Typography

A font can easily make or break your website. There are plenty of Typography Principles I can bore you with but it all comes down to common sense. When mixing fonts, don’t use very similar typefaces. Opt instead for a bold contrast like a sans serif with a serif. When sizing, make sure the font is visible. Sans serif typefaces generally read better on the web but if you size a serif correctly, it can work. And one last tip – never use Comic Sans!

Here is a great post on 40 Best Typeface Combinations used in web design by Smashing Magazine. Decide if you want to purchase a font or download a free one. Dafont is a great resource for finding free fonts, it even lets you test text when you search.

 

Once you tackle these important elements, you are on your way to implementing your website design! If you have questions about anything raised in this article, please leave a comment below.

Tags: , , , , ,

Typography | Posters

March 16th, 2013 Alina Guzman Graphic Design No comments

Sometimes you don’t need anything but words. I love designing posters sans graphics. I’ve always collected favorite lyrics and now I’ve found the perfect place to put them.

Tags: , , , ,

Adobe Photoshop Tutorials

June 26th, 2012 Alina Guzman Graphic Design, Tech No comments

I have recently began an extensive researching process to pick out the ultimate portable graphic design laptop. I’ve been debating Mac vs PC for quite some time. While I’ve always been a PC girl, I can definitely see Mac’s advantage for the design world. Whenever I ask anyone, Mac is the most obvious answer they give. But I know a PC computer can be just as great, you just have to find the right build! Or at least tweak it yourself.

I’m leaning towards the new 15″ Samsung Series 9 Ultrabook. It has strong specs and is ridiculously light (about 3 pounds). One of the main programs I’ll be running on it is, of course, Photoshop. Right now I’m using it on an ASUS EEE PC Netbook. Yes, its about as frustrating as you are imagining. It’s no wonder I’m going all out to ensure my next laptop will run all my Adobe Creative Suite programs smoothly.

In light of the enticement of a new laptop, I happily stumbled upon something awesome. I just discovered an amazing (and free) resource for Adobe Photoshop CS5: An Idiots Guide to Photoshop. This 4 part tutorial was written by Azamat “Bohed” E. from TrueKolor.net for the blog MakeUseOf.com. The tutorials range from the complete basics like how to create a document, to the more advanced effects like creating animations. You can download them in either PDF or E-Pub format (for nook, kindle, ipad). I got both versions for my laptop, tablet, and phone (you can never be too prepared).

Here are the links to the tutorials from Makeuseof.com [all of these have 2 versions but you have to take some steps to download them- you can quickly share them on Google+, Twitter, or Facebook and receive the link to download the Epubs]

Here are the links to the tutorials from TrueKolor.net [some of these are PDF only- you can download them by right clicking Save As]

 

Don’t hesitate to ask if you have any questions about the downloading process.

Tags: , , , , , , , , , ,

Find me on…

What I’m Tweetin’