Category: Design.

This is a pretty great article from CS Jones at Hey Design about how to use graphic design for evil. Obviously these are cautionary tales, but you will recognize this type of trickery all over the place.

Don’t be one of the lying liars that use these tactics, and don’t ask me to. Enjoy the read!

How to Use Graphic Design for Evil

I wrote an overly long email to my sister who needs a website for her new business and at some point I thought it would make a good blog post. So here it is (or most of it anyway). I hope it’s not a tl;dr situation…

Hey Sis,
So the first thing to do when you’re planning a website is what you’ve already started doing — looking at other sites and figuring out what you like and what you’re gunna want your site to look like. So that’s good.

The second thing, at least with the way I’m doing sites now using premium themes in wordpress (more on that in a minute), is to start looking at themes and trying to pick one that will do what you want your site to do. The place that I go for good themes is ThemeForest.

I can help you search too, but what you’re going to want to search for are responsive wordpress themes, and you can narrow the search by categories. They make themes for specific uses, like portfolio sites for photographers or graphic designers, to blogs, to ecommerce web shops, and on and on. You don’t necessarily need a theme that is built specifically for your business, but you’ll find some types of themes have the kind of features you want and others are focused on things that won’t be important to you (like photo galleries).

You might want to add “one page” sites to your search criteria if the examples you’ve found that you like are that type. Or you might want each category to have it’s own page. There are arguments for each type. It kind of depends on your content and how extensive you want the site to be.

Now, the reason I’m doing sites exclusively in wordpress with premium themes is this — I used to be trying to figure out how to design sites from scratch and build them in html, but I’m not a coder, so it was always hard and really limiting. I was getting really disheartened. But then the responsive thing came along and became the standard and that changed everything for me.

In case you don’t know what responsive means — it’s a way of building a website so that depending on the screen size the entire site reformats itself to fit that screen. Before, as iPhones came along and it became possible to surf the web on your phone, but it was too small and fairly cumbersome to get through a site on that tiny screen people started designing a separate site that was formatted smaller to be be viewed on phones. There were ways for the site to tell if it was being viewed on a phone and show the web version instead, but these sites were often overly simple, and still cumbersome, plus that meant that the designer needed to design two sites, and the company needed to maintain two sites — so that method wasn’t sustainable. So when responsive came along it was quickly adopted as the standard and now Google actually penalizes sites in their search results that are not responsive because a growing number of users are viewing the web on mobile devices.

Oh and responsive means it’s work on any mobile device including tablets. It’ll keep resizing and reformatting as the screen gets smaller. You can test out a responsive design, like my site, by dragging your browser window smaller. When you get to about a tablet size window you’ll see what it will look like on an ipad, when you drag it smaller still you’ll see what it looks like on a phone. Pretty cool huh?

So why this changed everything for me is that I stopped trying to learn html and cram my round self into a square coder hole? (did you catch that little dig at coders? square. geek. get it? anyway…) I knew I wasn’t going to learn this whole new thing of responsive coding. I wasn’t an html wiz! much less javascript and php and now responsive and all this other crap that just looked like the matrix to me.

But there was WordPress, which was originally just a blogging platform, and all the themes looked like blogs, but then people started designing wordpress themes that looked like regular sites. And it kept going until WordPress could be anything for anybody. It has a fairly simple and straight forward interface (it can still be pretty complicated but it makes a lot more sense to me than the matrix like code of html) Plus it has millions of plugins that can help you do pretty much anything you can think of.

So as I was planning to redesign all the sites I had (my design site, the site for guitars, several blogs, the site for the movie, and a new site for the production company I am making for the movie) and seeing that I needed ecommerce functionality, blogging functionality, and regular web pages, at first I was daunted because I thought I was going to have to have 3 different sites for each thing — a site, a blog and a store — but then realized that wordpress could do all of that in one site with one theme!

So I started looking at the premium themes (which I previously viewed as basically cheating in regard to the design) and realized that they were way better than the free ones (there are free ones but they generally suck and really do just look like blogs) and they weren’t that expensive at all. Like $50 usually. And then you take the theme, put in all your content, pictures, change the color palette, style this, change that, and suddenly it is yours. It still takes as long to design as it did before, because there is a lot of work to do, but you’re not reinventing the wheel.

The way I was thinking and working before would be like every time you went to cook something you had to make up the whole thing from scratch without even looking at a recipe, and sometimes you’d even need to make your own pots before you could start cooking. That’d get old for three meals a day huh?

…So, short story long, but that is why I recommend premium responsive themes for wordpress these days. Actually I think I may have just written a blog post for amgleft.com 🙂

Back to the steps for you:

So as you look at these themes (you can view a live demo on each one) you’ll be looking for functionality you want on your site. And if the demo doesn’t have it then the theme probably can’t do it. But if it has everything you want and it seems like there is a bunch of extra stuff you don’t need, don’t worry about that. That’s fine. You can always have a simpler site than they do. You just can’t make it more complicated than they do. Make sense?

So if you want a site that has a cool header and the menu stays at the top of the screen as you scroll down the site, but the theme you’re looking at doesn’t do that, then, well, that theme won’t work for you. The good news is that there are a bajillion themes and there will most likely be a few that you’re having a hard time deciding between because they are all so great.

Also keep in mind, your looking at functionality, not content. If you don’t like the images or the colors that doesn’t matter. You can change all that stuff. But if you don’t like the size of the header, or the way the menu is formatted, that stuff you probably can’t change. Or not all that much.

Don’t worry, I’ll help you choose.

Once you have a theme picked, then you can go through it and start planning your site. You can look at their example page for features with two columns and decide that is how you want to format your “about me” page, or whatever. And from that information, and your rough content outline, I can make a wire frame and sitemap, and then build a website from them, like this one I did last week for the Melanoma Coalition.

Okay, I think that is just about enough of that for right now. Sorry for the longest email ever :-/

Talk to you soon!

I would like to venture into the world of event and wedding photography to add to my repertoire of photography and video skills, and I came across a great service called Thumbtack. People post things they need and when you are registered with their site you get notifications of the jobs you are qualified for. You are then able to bid on the job (for a small flat fee)

I set up my profile and added portfolio pieces for graphic design, video editing and photography. Hopefully I will be able to add event videography and photography to my portfolio soon with the help of this great service.

wedding photography

50 Web Apps for Designers

In this post I just want to direct you to an article I found on WebAppStorm.net It’s a great resource of tools you could use as graphic designer from invoicing tools to time tracking, to project management. I thought it would be useful to you so I’m passing it along.

Dropbox, Mint, Twitter, Skype and Facebook are my favorites of the list, but there are tons of great apps there. Action Method looks really great, but as I mentioned in a previous post I use Things for my GTD system. Most of them are in groups such as “invoicing tools” and I can’t imagine you needing more than one, but this is a great starting place for you to make your choice. So check them out and see what fits your needs best. It’s good to stay plugged in and know what is out there, especially in today’s market. Who knows you might even win a job because you gained trust and established yourself as an expert because you are able to recommend one of these tools to a client or potential employer.

Adobe Kuler

There are certain brands that I find myself being loyal to – most often because they are consistently producing superior products, and second because they have successfully convinced me that they are good. Adobe is one of those brands I love because they keep putting out awesome products. True, I have a complaint here and there (I know memory is cheap but does Adobe CS really have to fill a dual layer DVD? come on) but on the whole I’m very happy when they come out with new stuff and it tends to inspire me. I’ve been a champion of InDesign since the beginning (mainly because I hate Quark Xpress and any designer who prefers it is clearly thinking WAY inside the box) and spearheaded the change over at every place I’ve worked over the past 10 years since it’s debut. Clearly I backed the right horse because who uses Quark anymore? Dinosaurs.

Anyway, I digress…
What I wanted to tell you about was a very cool new online tool from adobe called Kuler. It is a really great color palette and color scheme picking tool. You can download other peoples palettes that they have saved, or make your own. You can get every color value you could possibly need for print or web, then download your scheme and import it directly into Photoshop, InDesign or Illustrator to use in your design. It’s really fantastic. If you do anything that involves picking color I’d advise checking out Kuler.

oh, and did I mention that it’s free? Yeah, it is. Cool huh?

Here are a few things to consider beyond what you want to say on your blog – I could stand to pay attention to these things as well 🙂

1. Posting Regularly

It’s a good idea to post on a regular basis and even schedule your posts so they go up at the same time each day or each week. This will inspire loyalty amoung your readers because they will get used to seeing your posts and even look forward to them. Another plus to this is that Google will start to recognize that you post at a certain time and you will get indexed faster if you post regularly.

2. Post length

I’d say you’d be doing yourself a favor by being brief, but keeping to a minimum word count of around 250 would be a good target as well. That’s enough for you to get your point across but not so much that it’ll only get skimmed.

3. SEO

Try and think about your keywords and imbed them into your content. This is just good communication skill as well as good SEO – you want your posts to come up high on Google if someone searches for what you are talking about.

4. Promotion

It’s a good idea to promote your blog via facebook, twitter, social bookmarking sites etc etc. Don’t spam people, but it’s perfectly reasonable to post in your status on facebook every once in a while that you have a new blog post and provide a link.

I’ll talk more about promotion and building an audience in a future post, but that should give you something to think about for a few days. Thanks for reading!

Reblog this post [with Zemanta]

I’ve been meaning to write down the steps I use to start a wordpress blog because I seem to be doing that a lot lately, and thought it might be useful to others as well as to myself. Then I came across a great article on the subject by Chris Coyier. He’s got a great method, but I’m going to go through my steps as well and we can see what’s different and maybe discuss why. So here goes…

1. User Management

The first thing I do after installing the latest version of wordpress is add a new user with my own naming convention and password. I usually leave the admin account even though it is default because some of the blogs I set up will have more than one user and I like the idea of having a universal admin.
If there are going to be other users I set up accounts and passwords for them right away if I know who they are. You can add more later as well.
Now all my blogs are self hosted (using dreamhost) and wordpress is installed with one click, but I also setup a new database with a new user on my host for each one. Then I setup email addresses that I want associated with the account.

2. Deleting Defaults

The next thing I do is delete the default category of “uncategorized” and the links category of “blogroll” from the Writing Settings. In order to delete these in both cases you have to make a new category and set that as the default – then you can delete the old ones. I do this because I don’t want any post to be “uncategorized” and I don’t like the way “blogroll” sounds. Plus I think “links” is clearer.

3. Settings

Then I go through each of the settings panels and adjust things to my liking. Most of this information is pretty clear and easy to understand in wordpress, but if you don’t know what something means or why you would want to change it I’d suggest doing a little research before making the change. Generally the defaults are fine, but some things I just prefer to have set up differently.
One example of something I change is the Permalinks – these determine what the url will be for your posts. You’ll want to make a decision about how you want these displayed and stick with it. I personally like to have the date and the post title in the permalinks but it is up to you.

4. Theme

Next I set the theme. There are a few installed automatically, but I have found a ton online and you can generally find a theme that will serve whatever your needs are. You can change your theme at any time, but you’ll need to be careful and make sure it supports the things you need like having enough sidebars or widget support. I also like having access to the image files and CSS so I can adjust the theme to the look of the brand the blog is for.

5. Plugins

Next I install the plugins I like to use and are relevant to the blog. There are also a million plugins online that you can sort through and there is generally a plugin that will do whatever it is you need to do. If you don’t know what you need just start blogging and you’ll find your needs popping up in the form of thoughts like “Boy I sure wish my blog could…” – the answer is probably yes it can…so off to the internet to track down the right plugin. In a future post I will go through a few of the Plugins I’ve found that I like and find useful which might help you with a starting point.
Once the plugins are installed then it is time to adjust their settings. Now this can start to get confusing because plugins can put their settings in different places, or sometime be unclear as to how to use them once they are installed. Usually there is a web page devoted to the plugin on the creators website and often they are very clear and informative. Sometimes though, they are not. If a plugin has really poor documentation or is really unclear what the settings do I’ll often go look for another plugin that treats it’s users better, and I usually find one.

6. Widgets

Next I set up my sidebars and widgets, if the theme supports them. This is another thing I try to think through and not really change too much once I’ve set them up because these will become part of the user experience and you want people to be able to find what they are looking for and they won’t be able to if you keep changing them. I only change them when I really find that it will be an improvement for the user.

Okay, I hope that is helpful. I’ll post more on the subject soon regarding widgets and plugins. If you have any questions feel free to post a comment. Thanks for reading!

I found this article today on a Linkedin group I joined called Communication Arts (posted by Jeff Couturier) about 10 very cool Firefox add-ons for web designers.

I was familiar, and used a few of them, but the new ones I found here will become hugely valued additions to my workflow. I can already say after just a few hours that I can hardly remember how I got along without ColorZilla!

I’m going to post the 10 tools below as a list of links, but you can go to the article and read more about them as well as going to the links and seeing what the developers have to say about them.

1. Firebug + Firecookie + Codeburner
2. Web Developer Toolbar
3. Measure It
4. Colorzilla
5. CSS Viewer
6. Screengrab
7. Gridfox
8. Firefox Accessibility Extension
9. User Agent Switcher
10. PageDiff

I found this article by Jacob Gube today on a Linkedin group I joined called Communication Arts (posted by Will Sherwood) about 12 great tools for deciding on a website domain name.

It is a very important step in developing your business or project and it is often one of the most difficult. Every time I try to find a domain name I feel like every pronounceable combination of letters must already be taken! These tools could really help you.

You can go to the article and read more about them as well as going to the links and seeing what the developers have to say about them.

I found this great article with links to more than 20 really great Photoshop plugins for editing photographs. If you are a photographer or just a hobbyist you’ll see that these actions will be a big help in making your images look great. At the very least you can have a lot of creative fun playing around with them and seeing the different results you can get.

If you’re not familiar with Photoshop actions and how they work, why don’t you make a comment about it and if enough people request it we’ll do a tutorial on how these actions are used.

here is the link: http://designm.ag/resources/photoshop-actions-photo-editing/