................................. fletrik design

free charity and non profit org web designer

Home     Web Design     Photography & Graphics     Links     Blog      
05 July

Graphics - get your site looking like the professionals
How do they do that?
 
Just when you thought you had a good layout you stumble on one of those 'ultra trendy' sites that just seems to "work". You look at it and wonder how their site has such a balanced feel to it and why can't I do that too...!
 
Lucky for us "non graphic designers" there are a few techniques that you can use to give the feeling of 'balance' to your graphics and text. One of these techniques revolves around a mathematical ratio called the fibonnaci sequence - actually it was know to mathematicians from India first but I'm not going to quibble. Smile
 
The first part of the sequence is 1,1,2,3,5,8 etc etc (this is like taking a number eg 1+1 = 2 then 2+1 = 3 then 3+2 = 5 and so on). This sequence can be applied to how you layout graphics and text. You can do it all in Powerpoint or you favourite graphics program.
 
Draw a square 8 by 8 (could be inches or cm) - it is the ratio that is important. Now put a 5 by 5 square next to it. Follow that up with a 3 by 3 , a 2 by 2 and a further two 1 by 1 squares - see the layout below. Once you have your template you can use it to position your photos / illustrations and text in a mathematically balanced way. When selecting your photos make sure you "crop" them to a near perfect square (it doesnt matter what size the crop actually is ... you can re-size the crop to suit your ratio later). Place you text segments (headlines and body text) into using the template as indicated.
 
What about the web? 
As this is a mathematical ratio you can use the same concept on the web - just substitute the numbers for '000's of pixels - eg 8 by 8 becomes 800 by 800 pixels, 5 by 5 becomes 500 by 500 pixels. Simple eh?
 
I picked some clipart from the microsoft office site and have padded the text with the lorem ipsum text.
 
The possibilities are quite varied and could make a difference to how your customer's percieve you and your Office Live Small Business site.
 
Have a go and see if it makes a difference!
 
 
 
It works for landscape too!
 
 
 
 


05:27 GMT  |  Read comments(0)

09 February

You Tube and OLSB
My wife had taken some short video clips of a dancing event that she attended and asked if I could get it up on the web so that other members of the group could see what had been going on. I've never uploaded to YouTube in my life, although had been an consumer of some of the millions of videos posted there. Getting it into a format suitable for YouTube was a different story. My original files (4 different clips) ranged from 120 to nearly 900 Mb and my assumption was that they were just going to take forever to load and that no one would ever have the time to see them on anything other than a hyperfast optical broadband connection (eg 20 Mb per sec or more). I rummaged through some old Windows XP magazines (I have in my filing cabinet of useful computer geek stuff) and came across Windows Movie Maker. Wow I had so forgotten about that package. After a quick couple of very small trials and figuring out optimum delivery sizes for the web I knocked up a quick set of the 4 clips and posted them on my YouYube account. An e-mail came back within a couple of hours from one of the organisers thanking us for our marketing efforts!
  
I took the option to customize the video player for my own blog colours - hence the purple borders - take down the video size to 50% of the original and drop it into my blog space using the embed video feature. So easy - I can see more opportunities comming up already...Wink
 
So here goes - "Scottish Country Dancing"  (in England)  - Viewers looking at this blog in OLSB ( may not see the video ) need to click this link click here
 
       
 
 
 
 


12:26 GMT  |  Read comments(0)

21 January

Color co-ordinate your site for maximum impact

It’s true… color works in OLSB too.

 

Proper use of color (colour) can have a huge impact on your customers and how they perceive your site in terms of emotional empathy, professionalism etc. etc. The selection of color is just one aspect of creating your “brand” – the thing that defines you from all the other competitors out there – and getting the right color for your brand can be the difference between being mediocre and outstanding. All of us have our ‘favourite’ colour and it often influences how we associate memories, moods and general well being. Unfortunately having just your one favourite color on your OLSB site doesn’t quite work – especially when your favourite color – like mine – is bright yellow!

There so many color related sites out there – all with their own take on how to use it wisely, badly and creatively. Go have a look!

 

References:

Color Theory

Color on wikipedia

Color Matters

Colour Lovers

Colour Therapy



00:41 GMT  |  Read comments(0)

06 January

Snowed in at home
This has got to be the most snow we have had in the UK for years.. but it makes things look lovely. Smile
 


07:26 GMT  |  Read comments(0)

23 December

Looking forward to 2010

From a web design viewpoint the new year will probably bring even more exciting technologies to learn and hopefully enhance the customer / end user experience. Perhaps there might even be a ‘standards compliant browser’ for 2010 – assuming the standards themselves get agreed! I try to get ideas from as many different sources as possible. Some of those ideas will never be used, due to personal preference, while others may stick and become part of what you do.

So here are just a few ideas:

Trends for 2010

Colour:

http://www.fashiontrendsetter.com/content/color_trends/2009/Pantone-Fashion-Color-Report-Summer-2010.html

http://www.fashiontrendsetter.com/content/fashion_events/ciff/CIFF-Spring-Summer-2010.html

http://www.cosmoworlds.com/trends/heimtextil-interior_design_textiles_trends_2010_2011-11272009.htm

http://www.businesswire.com/portal/site/rohmhaas/?ndmViewId=news_view&newsId=20090930006473&newsLang=en

578Design:

2010 is a bit of a mixed bag of trends… some opt for clean / user friendly while others are into mixed media and lots of colour and graphics. One of the themes that does appear to be consistent is bringing some of the layout ideas from the print media into the web and using “grid” systems. Take your pick

http://www.littleboxofideas.com/blog/features/designers-predict-design-trends-for-2010-part-i

http://webdesignledger.com/tips/web-design-trends-for-2010

http://designtutorials4u.com/top-10-web-designtrends-for-2010/

http://www.slideshare.net/tijs/web-design-trends-for-2010

http://www.themeflash.com/current-web-design-trends-for-2009-2010/

 


03:57 GMT  |  Read comments(0)

Add your content here