Archive for the ‘Design’ Category

Acquistare Online Soma

Jul 21, 2009

Three Font Rule Acquistare online soma, There is a rule that you should not use more than three fonts in web design. I like to break the three fonts into types of web content. Number one is the company font used in the logo; this is also sometimes used as the navigation or H1 headers, soma pills.  Number two is the H1 headers, Louisiana LA, titles, and sub titles, this sometimes is font number one as stated above, ordering soma online. Number three is the font used for the body copy.

While the font for the body copy has to be something that is easily read on screen, so not a script font or something else wacky, the header font can be wacky, acquistare online soma. Price of soma, The larger the font is going to be the crazier you can make it because script fonts and grungy fonts are much easier read when they are large, and typically headers are only one word or a couple words long. The company name font could be wacky, buy soma online, in that case probably best to use something a little less wacky for the headers. Halvalla soma apteekki, This isn’t a hard and fast rule, if you only want to use one font for your whole site that is fine, just make sure it has a lot of weights, αγοράζουν φτηνά soma, or you will be using a lot of bold and italic tags. Oregon OR Ore., You don’t have to use a wacky font at all, but you do have to use a legible screen font for the copy if you expect anyone to read what you write. Acquistare online soma, The most important point I guess is to have enough flavor in your fonts to designate clearly and visually what is a header, what is a sub header, and what it the body copy. Using one font in the same weight for everything isn’t only visually unsatisfying, order soma without prescription, but it also is terrible for usability. Discount soma, Scan ability on the web is imperative, the more you can improve scan ability the better.

 

Finding Fonts

There are lots of places to find free fonts online, billiga soma apotek, but most of them are not that good, Rabatt kaufen soma, and not that well constructed by their designer. These are just students and hobbyists who make fonts for fun, but there are those who are very good at font design that put their work out for free, North Dakota ND. There of course are places to find professionally designed fonts for a price, while these are superior to free fonts you can find, they are mostly for print work, although you can always find display fonts, or use a font that might have been intended for print as a display font for your web site, acquistare online soma.

I enjoy going to a site called smashing magazine. Um soma online, They do have free fonts posted monthly and posts that show you where to find some of the best free fonts out there. I found the fonts I used in my layouts at smashing magazine and ultimately found the one I am using for the new site design and the logo refresh. The fonts I found, Kjøp Discount soma, even though they are free, Generic soma, seem to be very well constructed. Acquistare online soma, One in particular stood out from the crowd and ultimately won me over because of its five weights.

[caption id="attachment_148" align="aligncenter" width="300" caption="Titillium - typeface"]Titillium - typeface[/caption]

 

[caption id="attachment_149" align="aligncenter" width="300" caption="Comfortaa - typeface"]Comfortaa - typeface[/caption]

 

[caption id="attachment_150" align="aligncenter" width="300" caption="Karabine - typeface"]Karabine - typeface[/caption]

 

Graceful Degradation

Since about 1995 when web design was just getting started there were only about 5 fonts to choose from for displaying text on a web page. You could use any font if you made it into a graphic, acheter soma discount, and most people did this for titles and logos, Colorado CO Colo., navigation and headers. After awhile Google came about and had everyone now concerned with SEO. Getting type out of graphics and back into the code was important, soma prescription, not everyone followed suit, αγοράσετε soma έκπτωση, but HTML was getting older and wiser and with CSS designers and developers found tricks to using images and displaying text at the same time.

Now we don’t have to worry about fonts anymore, acquistare online soma. There will always be the main system fonts installed on everyone’s computer and are used when the prime font being called upon is not available. This is called graceful degradation; replacing one font with another and then yet another if the fonts are not installed on the user’s computer, soma pharmacy.

In our case for this project we are only concerned if someone isn’t using a modern up-to-date browser with the capabilities of CSS3. Virginia VA Va., One of the things we are going to be taking advantage of is @font-face, which allows us to use any font we want and have it degrade to one of the system fonts if an out-of-date browser is being used. Acquistare online soma, It may not look how we want it or as good as it could when someone is using an old browser, but then again they are experiencing all web pages with a handicap, so if that’s how they choose to view the web that’s up to them. I don’t know why though so many people refuse or procrastinate upgrading, Texas TX Tex., it’s like still watching an old 1960’s original color TV in the age of HD, Billig soma apotek, but I digress.

 

3, 2, köpa rabatterade soma, 1…

As you see above I started with trying to find three fonts. The first one I found was Titillium and I liked it for its ability to be very heavy and also very light. Helvetica is another classic font used just about everywhere in the world that can be very heavy or very light. I placed Titillium as the body copy for now and went hunting for more, acquistare online soma.

The next font I found, Comfortaa, looked like a great font for the company name, and therefore the navigation and titles. I tried this font out and liked it enough to keep it around for awhile. The current company font is DIN.

Then I was looking for a wacky font, did I want a script or handwriting font, or did I want a grungy urban type font, I wasn’t sure, so I played with a bunch of options until I narrowed it down to the grungy Karabine. Acquistare online soma, I did like the idea of a handwriting font, but I set that idea aside for now.

[caption id="attachment_151" align="aligncenter" width="184" caption="Layout with 3 fonts"]Layout with 3 fonts[/caption]

 

From those 3 fonts I cut out the grungy one and replaced it with Titillium. I was still tossing the idea around of a handwriting font, but the thin sleek nature of Titillium’s lightest weight felt like a fine tip pen made the marks. This satisfied me for now.

[caption id="attachment_152" align="aligncenter" width="184" caption="Layout with 2 fonts"]Layout with 2 fonts[/caption]

 

It then dawned on me that with this one font I sort of had all the styles I needed to designate the type being a header, a title, or copy. I replaced the font I had for the company name and navigation with Titillium and played with the weights until I got what I was looking for.

[caption id="attachment_153" align="aligncenter" width="184" caption="Layout with 1 font"]Layout with 1 font[/caption]

 

So I went from using three fonts to two, and then now to just one font. This may change; I am still keeping the idea of a handwriting font on the table. As we get into the graphics for the page and eventually the artwork other fonts may be brought in, but for now I wanted to move into color and graphics.

Similar posts: Buy soma bars. Cheap soma. Cheap soma without prescription. Køb discount soma. Cheapest soma. Buy soma online.
Trackbacks from: Acquistare online soma. Acquistare online soma. Acquistare online soma. Acquistare online soma. Acquistare online soma. Acquistare online soma.

Buy Soma

Jul 17, 2009

Can You Make the Logo Bigger? Buy soma, The eClick Performance logo was in its current form when I first joined eClick three years ago. Since that time I made a vector version and a style guide so we had an EPS to send printers and a standard version of the logo to use internally. I don’t think the logo is bad, Pennsylvania PA Penn., but I always thought it could use some help. Soma prices, I don’t know if I would have taken the same approach to it when it was first being created, but that’s not here nor there, I have to work with what I have, cheap soma. I know the owner doesn’t want a major change to it, Acheter soma bon marché, plus any company knows when a logo is redesigned all the collateral has to be changed as well to match, and that is a pain in the butt.

 

Inverse Proportions

After some time thinking about what I didn’t like about the logo, and what I really didn’t like about it when having to use it in designs, I came up with an easy and almost too simple alteration to it that amazingly made it fresh again and solved my concerns while keeping it exactly the same, buy soma. All I did was simply inverse it, acquistare online soma. I gave it a border, Goedkope soma apotheek, a place to live, and changed the letter “e” from living in the negative space to now occupying the positive space.

That was always my main problem with the current logo; it had no boundaries, Tennessee TN Tenn., or at least some vague boundaries, Order soma online, but not good enough. The original logo was supposed to be the letter “e” within the negative space and the positive space was the space around the lowercase letter “e”. Buy soma, People will see the positive space first and then the negative space. If there is a symbol hidden within the negative space it will be seen last, soma ordine on-line. The FedEx logo is the classic example of a symbol being hidden in the negative space. Cheap generic soma, An arrow is hidden within the negative space between the “E” and the “x”. This is never the first thing people see.

I always had a hard time placing this logo in design without the positive space being more dominant than the negative space, which got muddied by the background, buy soma. The logo then became a collection of abstract shapes until you noticed there was a letter “e” that made up the void, Arizona AZ Ariz.. This needed to be flipped, Ostaa halvalla soma, as well as the weight of the typefaces used in the company’s name. The word “performance” was bolder than the word “eClick”. Shouldn’t it be the other way around, Georgia GA Ga., just like making the “e” symbol inverse of what it was. Buy soma, Is that what was bothering me the whole time. Jotta soma verkossa, It just needed to be completely flipped to the opposite of what it was.

[caption id="attachment_113" align="aligncenter" width="300" caption="Logo - Positive & Negative Space"]Logo - Positive & Negative Space[/caption]

 

[caption id="attachment_114" align="aligncenter" width="300" caption="Logo - Before & After"]Logo - Before & After[/caption]

 

Brand Positive

With the logo inverted, the letter “e” is now the positive space with a defining border, billige soma apotek, or landscape in which to live. Soma for sale, It is now a stamp, a brand, literally, cheapest soma online. It will be, Florida FL Fla., and has so far been, easier to use in designs. So far the only place the new logo is being used is on this blog, buy soma. You can see on the current company site I put the logo in a box so it gave it some shape, ordering soma, but on the new site I will be using this refreshed version of the logo, Comprare soma, which you can see in the previous post.

 

That’s Heavy

I mentioned before that the weight of the typeface used for the company name needed to be flipped around. The first approach I took was what you see in the above graphic, billig kaufen soma. I just made “eClick” larger and justified “performance” below. Buy soma, That way “eClick” has much more prominence than the word “performance”. Cheap soma no prescription, I have also looked at a lot of fonts while designing this site and you will notice a different font being used in the gray-scale layouts in the previous posts, even a slightly different placement of the words than the one you see above. After the compositions are complete I will post a final version of the logo that will be used in the new site, Koop korting soma.

 

Next Time On…

Finally, Købe soma, next week we get into color, typefaces, and graphics, buy soma from canada. I will be outlining the process and decision making behind choosing color, fonts, and creating graphics for the web. You will see a ton of home page mock ups as I take you through my process. I will show you where I went down dead ends and what changed as I went along, and even what came back after being scrapped.

Similar posts: Cheapest soma online. Soma. Ordering soma bars. Acquistare online soma. Osta alennus soma. Cheapest soma in the world.
Trackbacks from: Buy soma. Buy soma. Buy soma. Buy soma. Buy soma. Buy soma.

Billige Soma Apotek

Jul 17, 2009

Version Control Billige soma apotek, Now that the content for the new site has a first draft I took a look back at the site map and layout to see that the additions and changes we made to the content were reflected. Since I wrote all the copy it was good to have some fresh eyes read it over and make suggestions. Order soma online, It was great to get feedback. After a table read, discussions on some sections, Illinois IL Ill., and a few copy swaps, Soma generic, definite improvements were made. The biggest improvement to the content was how we plan on organizing our services.

At the end of the meeting everyone agreed the content had a consistent voice, was short and sweet, and did a good job of organizing our services throughout the pages, billige soma apotek. As far as injecting some wit into the copy, buy soma online cheap, it is still being considered even though the copy was already professional and fun in tone. αγοράσετε soma, We still have a second draft to read over next week, so we will see if we need a third or not, but for now I consider the content close to finalized, buy soma online without prescription.

Once the content is finished we will then look at our keyword research and see where we need to pepper some of those keywords in. Bestill soma online, I am hoping most of the keyword phrases we want to add to the site will be put in alt tags, title and description tags and not repeated throughout the copy. Billige soma apotek, That is another fine line to walk, between spamming keywords in your copy and just using them appropriately and sparingly.

 

One More Thing, Osta soma online, Again

The reason the site map is now in version 5 is because of a page here and there I forgot to add along the way, Cheap soma overnight delivery, then decided to take those pages out, and then decided to move pages around. The latest addition was to get rid of the sidebar and put the blog, order soma online cheap, Facebook and Twitter into the top utility navigation area. For soma online, I also changed some of the page title descriptions since we moved some content around. I always make sure to keep something like this site map up-to-date so there is one place an accurate version exists for the programmers or anyone else who needs it. I personally want a comprehensive list of all the pages and how they link together in one document, so when designing I know what to make room for and how to organize the pages, billige soma apotek. That’s why I find a document like this useful, Idaho ID. If I am supplied with one I follow it, Buy soma without prescription, unless I see something that might work better, then I will make a suggestion. Otherwise I am the one creating the site map so I make adjustments to it while I am laying out the pages and adding design because sometimes you see a better way to handle something in the design phase rather than when you were first planning it on paper, comprar soma de descuento.

[caption id="attachment_117" align="aligncenter" width="300" caption="2010 Site Map version 5"]2010 Site Map version 5[/caption]

 

Gray-scale Layout

In version 2 of the layout you will notice a lot more has happened. Billige soma apotek, At this stage I want to keep everything in gray-scale so I can play with contrast, I want to work on layout without the distraction of color. Where to buy cheap soma, Without color you can concentrate on the light and dark of the page and how logo, graphics, titles, cheap soma bars, and type play off each other and the page. Cheapest soma in the world, The first thing I did when revisiting the grid was to rearrange all the content into its new designated areas. From there I started to think about the typography and how I wanted the home page sections to look. Since the first draft of the content is done I have an even better idea of what the pages will contain and how they will be sectioned, Kentucky KY Ky., so I played around a bit with typefaces and text layout. I also added some temporary icons to the sidebar for placement only and a few other touches to make the grid start to come to life, billige soma apotek. Mississippi MS Miss., [caption id="attachment_107" align="aligncenter" width="184" caption="Layout Revision 2 - Original Gray Boxes and Grid"]Gray-scale - Grid & Gray Boxes [/caption]

 

[caption id="attachment_108" align="aligncenter" width="184" caption="Layout Revision 2 - with Grid"]Gray-scale with Grid[/caption]

 

[caption id="attachment_109" align="aligncenter" width="184" caption="Layout Version 2"]Gray-scale[/caption]

 

After that layout I started to add color and design to the page. In the next few weeks the upcoming posts will discuss the design process and all the dead ends I went down and changes that were made. There were a few changes to the above layout once that design process started so I went back and altered the gray-scale layout one last time, pharmacy soma.

Below you can see the same home page with the sidebar now gone. Billige soma apotek, I moved the social media icons and the blog up into what has become the utility navigation at the top of the page. Cheap soma online cheap, Sometimes in a rough mock up concepts and ideas look good, but once the page is in the process of design new and better solutions provide themselves to better service the page as a whole. This is now the gray-scale layout version 3 and the blueprint for the final compositions, kjøpe billig soma.

In a previous post I talked about how Lorem Ipsum is valuable to a designer by helping them think about how they want the content to look on the page. Indiana IN Ind., In my first grid the Latin was pretty much just tossed in, but now I took the time to think a little further ahead on how the type might be placed. I will talk about typography and using fonts in web design in a future post, but you get a feeling of where the page is headed, and that is the point of a grid and basic gray-scale layout such as the one below, billige soma apotek. Compared to the first layout full of gray boxes this looks more like a web site, Wisconsin WI Wis..

[caption id="attachment_118" align="aligncenter" width="184" caption="Layout Revision 3 with Original Gray Boxes and Grid"]Layout Revision 3 with Original Gray Boxes and Grid[/caption]

 

[caption id="attachment_119" align="aligncenter" width="184" caption="Layout Revision 3 with Grid"]Layout Revision 3 with Grid[/caption]

 

[caption id="attachment_120" align="aligncenter" width="184" caption="Layout Version 3"]Layout Version 3[/caption]

 

Logo Placement

I was not sure how I was going to use our company logo in this new site design. Cheap soma online legally, I had a few ideas, but nothing concrete. I needed to use the logo somehow in the layout so its space was occupied and I got a feeling of its weight and worth to the overall page. As you see in the layouts above I came to a solution, which for the time being, is working for me. Next post I will talk about the logo.

Similar posts: Ordering soma online. Farmacia soma baratos. Price of soma. Buy soma from canada. Comprar soma. Order soma online without prescription.
Trackbacks from: Billige soma apotek. Billige soma apotek. Billige soma apotek. Billige soma apotek. Billige soma apotek. Billige soma apotek.

Soma Online Kaufen

Jul 09, 2009

Content is King Soma online kaufen, What I have seen over the last ten years designing and building web sites is how much clients seem to disregard content. They are so focused on how the site looks that they lose sight of what the site is saying. Purchase soma, I would say 90% of the time design is started before the content is written, or even considered. This inevitably leads to rounds and rounds of design changes to accommodate the content rolling in, købe soma online. Content in fact should be influencing design and not the other way around.

We watch Television or a movie and the key word is “watch”, but we are also hearing the Television and the movie, soma online kaufen. Kjøpe soma online, When asked about the experience people usually describe something visual. Not everyone realizes how important the sound is, in fact, ordering soma bars, the importance of the audible and the visual is 50/50. Vermont VT Vt., They converge in a Yin-Yang way and so does content and design.

 

A Step Back

Even though I chose a grid and started a rough layout before planning the pages and writing the content, it’s because I had a very good idea already what the site was going to be, αγοράσετε soma έκπτωση. Soma online kaufen, This is almost always not the case with clients, but since I am the client there was an exception. Since I am talking about the post of the grid and layouts I will point out I did notice the typos in the mock ups and don’t really care or intend to fix them. Rhode Island RI R.I., I could have just used Lorem Ipsum for everything, but I did generally know or took guesses as to what went where.  The information architecture for the site I completed has already altered those rough layouts. This is the process of design, Montana MT Mont.. An artist puts a little paint on the canvas and then takes a little off; nothing is carved in stone, District of Columbia DC D.C., especially on the web where flexibility and evolution are essential. You will see these changes reflected in the upcoming design posts, soma online kaufen.

 

Word Process

Looking at the site map I listed out all the pages I needed to write content for. Some of them were simple to figure out, Texas TX Tex., like the contact page, Minnesota MN Minn., but others required more thought. Writing for print is different than writing for the web because people read these media types differently. The consensus is that people prefer to skim copy online, ordering soma bars, only read titles, Michigan MI Mich., they like bullet point type sentences, and short paragraphs. Soma online kaufen, They just want to gleam the basic information from the page or story, but I infer this is not always true for online news articles, reviews, or any prose of substance. There is a type of web content that is meant to be well thought out, Indiana IN Ind., detail oriented, Buy soma cheap, and seven pages long. I read some very long fan reactions and reviews of the Television show LOST online after each week’s episode. Not only is it the only place I can find it, Køb billige soma, but it is niche and something I enjoy reading purposefully. Buy soma online cheap, The same cannot be said for copy explaining a service or outlining instructions on how to interact with a site; that type of copy needs to be concise and to the point.

 

Walk the Line

Sometimes copy is themed to fit along with the design of the site, soma online kaufen. This can be a fun way to engage the user and keep the experience consistent to your brand. Sometimes this can go too far and become corny; it is a fine line to walk, Kansas KS Kans.. I don’t plan to cross this line and am not even sure how much I will try to theme the copy for the new site. Cheap soma overnight delivery, The initial version of the page content is straight forward. Soma online kaufen, I wanted to just get the message down first before I thought about how to work in a theme. I will tell you that I do always try to come up with creative, but appropriate calls to action, bestill soma online. For instance, Cheap soma no prescription, a form button that is being used to make an appointment shouldn’t say “submit”, but “make an appointment”. That gives the user the exact description of why they are clicking the button, soma cheap. Although that example isn’t that creative, Kjøpe billig soma, it isn’t the default word “submit”, which is generic and not so great in a usability sense. Again, you don’t want to get too creative and cross that line of over thematic corniness, but some thought should be put into coming up with clear, creative calls to action, soma online kaufen.

 

Revision

Now that the content has been written we are going to review it and put it through some edits, Massachusetts MA Mass., possibly spicing it up with some thematic language that helps deliver our brand message better. Comprar en línea soma, I don’t see the copy changing all that much from how it reads now, but it needs to be hammered out first because I plan on laying this text on the page in very interesting and creative ways. We will be taking advantage of CSS 3 during this build and one of the exciting aspects of CSS 3 is @font-face. This will give me the ability to use any type face I want and won’t be restricted to the obligatory 7 or so fonts that have plagued web designers since the beginning of the internet. The exciting and creative ideas for laying out the content on these pages will be discussed in a few weeks when I start compositing the art and the content.

Similar posts: Køb discount soma. Cheapest soma. Buy soma online. Ordering soma without prescription. Cheap soma online without prescription. Generic soma.
Trackbacks from: Soma online kaufen. Soma online kaufen. Soma online kaufen. Soma online kaufen. Soma online kaufen. Soma online kaufen.

Køb Discount Soma

Jul 09, 2009

IA Køb discount soma, We need to organize the pages. We need to figure out how many pages there are and how they will interact with each other, North Carolina NC N.C.. Köpa soma online, This is called Information Architecture (IA). Wikipedia defines this as: a structural design of shared environments, billig soma apotek, Cheap soma, methods of organizing and labeling websites, intranets, comprar soma, Soma online kopen, and online communities, and ways of bringing the principles of design and architecture to the digital landscape, soma without a prescription. Pennsylvania PA Penn., Large sites require a great deal of planning in this department. This site however, is a small brochure site thats main goal is to provide people high level information on who we are, what we do, and showcase our work, Køb discount soma.

 

Less is More

As I stated before I believe our current site has too many pages, soma pedido en línea. Order soma no rx, I trimmed the amount of pages down from 34 to 20. In those 20 pages I am including nine projected case study pages and an entire page for copyright, Osta soma. αγοράσετε soma, 20 pages may be the actual total, but there are really only 6 main sections of the site, buy soma no rx. Køb discount soma, After looking at the statistics for the most viewed pages we determined that the design gallery, the about page, and the contact page were the most visited pages on our current site. Acheter soma bon marché, With that in mind I began to re-architect.

 

Visual Aide

The architecture of the site can be seen in the site map below, Virginia VA Va.. Buy soma online without prescription, Originally I had planned for staff pages, but have since decided to scrap those pages and replace that space with our process and services, Um soma online. Order soma online cheap, That is really the only major change to the original 2010 site map besides the addition of the client login area. This visual helps illustrate what are the main pages, the secondary or utility pages, and what links are going to be included in a sidebar and footer, Køb discount soma. That way there is no mistaking how large the site is and how one would navigate around, soma discount. Arkansas AR Ark., In this case all pages will be accessible from any one other. This is good for SEO as spiders can more easily crawl and find your pages, Acheter en ligne soma. Buy soma online, In the case of the portfolio pages, you wouldn’t be able to navigate from one individual project page to another, soma pills, Soma farmacia a buon mercato, but instead will have to use the bread crumbs or the main navigation to return to the list of all project pages.

[caption id="attachment_76" align="aligncenter" width="300" caption="eClick 2010 Site Map"]eClick 2010 Site Map[/caption]

 

How Many Clicks Does it Take? Køb discount soma, I am a firm believer that everything should be no more than 3 clicks away. You will see in the site map that nothing is more than 2 clicks away, köpa billiga soma. Most the pages in fact are only 1 click away. There is no way someone could get lost or not remember where a page was that they were looking at. This site doesn’t need to be complicated or that deep. I want to direct current clients right into the client login area and direct potential clients to our most popular pages, Køb discount soma. Within those pages I want to be brief and to the point and further direct them to a call to action.

 

Saving Time, Money, & Trees

There will be a client login area on our new company site. I roughly mocked up a spec sheet for internal discussion on how it will function and what will be available there. This part of the site will be separate from the main site. Køb discount soma, I haven’t gone into detail architecting that area yet. You see a page for it on the site map above, which sends the client into their own dashboard of services and reporting. This back-end will have its own IA and site map and will be worked on later down the road and in tandem with the site build. The basic idea is to allow clients to login and view their invoices and reporting and what work is being done on their site. This will save us from having to mail out these documents saving paper and giving clients more real time access to these documents, from anywhere in the world.

[caption id="attachment_77" align="aligncenter" width="300" caption="Client Login Dashboard"]Client Login Dashboard[/caption]

 

Write Right

Now we know how many pages we need to write for. That is another helpful reason to plan out all your pages in this way. The next post will discuss the content, the importance of it and the process I took creating it.

Similar posts: Comprare soma sconto. Ordering soma. Buy soma online. Cheapest soma online. Soma. Ordering soma bars.
Trackbacks from: Køb discount soma. Køb discount soma. Køb discount soma. Køb discount soma. Køb discount soma. Køb discount soma.

Ordering Soma Bars

Jul 03, 2009

Gridlocked Ordering soma bars, The start of any web layout is the grid. I have played with many types of grids over the years and I even made my own that I used exclusively for the last few years, Cheapest soma, but I decided to base this layout on the 960 grid. My grid was suited for a 1280x1024 resolution because I was making my page widths 1000 pixels even though the current standard and most popular resolution is 1024x768. That was barely giving the page enough room since the scroll bar accounts for 20 pixels, soma online cheap. On the 1024 resolution the page would crowd the browser.

Starting this year I was shown the 960 grid site by my co-worker, ordering soma bars. Idaho ID, I began trying it out with my last few designs and found it to be more efficient to layout compositions and organize content than the grid I was currently using. Since the most common resolution is 1024 pixels wide it made sense that I tighten up my layouts and stay under a 1000 pixel width. I am a big stickler for usability and have since changed my tune on what dimensions we should be currently using to layout pages, Vermont VT Vt.. I am just glad we are past the days of 800x600 page layouts.

 

How Wide is Too Wide? Ordering soma bars, I always believed that as time went on we would just keep increasing the width of our pages, but a page width of over 1980 pixels would be silly. Soma generic, I have a feeling pretty soon we will find an optimal page width, after all, no one wants to read, West Virginia WV W.Va., nor is it proper in good typography to have, Generic soma, more than 72 characters on a line (on average). I have my resolution at home set to 1980x1280, but don’t think I would want pages to fill the monitor, Hawaii HI, and when they do, Iowa IA, like on message boards, I don’t enjoy reading them as much as I do sites with a fixed width.

 

Gray is the New Block

So the first step in this process, purchase soma online, choosing and structuring a grid, Order soma bars, has been done. Now I began to rough in the common elements, such as main and secondary navigation, soma prices, footer, Kaufen soma, as well as the body of the home page. I always start with gray boxes, even though there may be no box or container for that element or text down the road, this is just a rough road map of where everything is being placed and how it will interact with each other, ordering soma bars.

[caption id="attachment_38" align="aligncenter" width="210" caption="The 960 16 Column Grid with Gray Box Layout"]The 960 16 Column Grid with Gray Box Layout[/caption]

 

Attention Seeker

With not all the content written or organized into a site map I still start thinking about how I want the content to be laid out. I also use a 100 point distribution system to set the visual hierarchy of the sections, buy soma from canada. So the sections and how they are blocked out in the grid are correlated to the number of points they get and how much attention I want them to receive. Buy soma, In this redesign I do have a pretty good idea of the amount of pages, what they are, and how I want a user to experience the content on the site, acquistare a buon mercato soma. Ordering soma bars, Usually I would wait to develop a site map and gather most the content before starting blocking out the pages.

[caption id="attachment_41" align="aligncenter" width="210" caption="Grid with 100 Point Layout"]Grid with 100 Point Layout[/caption]

 

It's Greek To Me

Lorem Ipsum copy is a useful way to start making decisions about how and where text will be placed. Florida FL Fla., One of the problems I feel the current site has is the amount of pages and content. I plan to decrease the amount of pages by combining some of them and tossing others out. I believe less is more when it comes to content on the page, billige soma Apotheke. I will get into content later, but for now since I have a good idea of what main pages and secondary pages will exist, how much content will exist for these pages, and what common elements will appear on every page, I can start thinking about how I want to block them out, ordering soma bars.

[caption id="attachment_40" align="aligncenter" width="210" caption="Grid with Lorem Ipsum"]Grid with Lorem Ipsum[/caption]

 

No Place Like Home

I always start with the home page when designing a site even though it may change and reorganize itself as other pages are laid out and added into the site map. Cheap soma online cheap, A home page is the most important page obviously because it is the first page a user will experience and they will make split second decisions on your brand and how effective your product or service is. Giving the user enough information to make that decision is also important because home pages that don’t immediately tell you who they are and what they do fail at engaging the user and possibly even end up confusing them.

 

Background in Art

The grid and the gray box layout is the page itself, Mississippi MS Miss., but how does it float in the browser. Ordering soma bars, I could have it centered, left or right justified, although I don’t know many western sites that would justify their page to the right. För soma online, This effects what type of background you plan on creating. For this design I have opted to go with a left justified approach. The backgrounds I plan on creating will be unique for each page, cheap soma, therefore giving each page its own flare. Comprare soma, This affects the layout and alignment of the page, which won’t change, only the background will change, buy soma without prescription, so I need to make sure the layout can support a variety of background graphics. You may notice I made some notes on how I envision that background, but that may change, ordering soma bars. Buy soma,

 

First Things First

I went ahead and blocked out the other five main pages of the site, roughing in the basic page layout. Below is the beginning stage of the site creation, the blueprint. It is always better to start with the information architecture and content creation before starting the layout, but since I work for this company and know what we do and how I want to represent it through this web site I jumped ahead and thought about the Grid and Layout first. The next couple of weeks I will be working on a site map, the information architecture, and writing and planning most of the content before I get back to design; the color, art, and typography.

[caption id="attachment_42" align="alignleft" width="150" caption="Home Page Grid and Layout"]Home Page Grid and Layout[/caption]

 

[caption id="attachment_43" align="alignleft" width="150" caption="About Page Grid and Layout"]About Page Grid and Layout[/caption]

 

[caption id="attachment_44" align="alignleft" width="150" caption="Contact Page Grid and Layout"]Contact Page Grid and Layout[/caption]

 

[caption id="attachment_45" align="alignleft" width="150" caption="Create Page Grid and Layout"]Create Page Grid and Layout[/caption]

 

[caption id="attachment_46" align="alignleft" width="150" caption="Market Page Grid and Layout"]Market Page Grid and Layout[/caption]

 

[caption id="attachment_47" align="alignleft" width="150" caption="Manage Page Grid and Layout"]Manage Page Grid and Layout[/caption].

Similar posts: Price of soma. Buy soma from canada. Comprar soma. Order soma online without prescription. Comprare soma. Billige soma apotek.
Trackbacks from: Ordering soma bars. Ordering soma bars. Ordering soma bars. Ordering soma bars. Ordering soma bars. Ordering soma bars.

Order Soma Online Without Prescription

Jun 30, 2009

Order soma online without prescription, Earlier this month I was approached by our Project Manager and one of our Client Managers here at eClick and was asked what I would think of redesigning the company’s website with complete creative control. The concept would be to leave the “design by committee” behind and give the designer the control over the new sites look, halvalla soma apteekki, Buy generic soma, usability, information architecture, ostaa halvalla soma, Cheap soma bars, and optimization. Between me and one of our front-end developers the entire site will be of one creative direction and vision, cheapest soma prices. Soma en ligne afin, No influence from internal or external sources, although we have set up this blog to document the process and accept feedback in the comments, South Dakota SD. Georgia GA Ga., If I see constructive feedback I will take it into account, so please leave your thoughts, kjøpe soma online.

Currently most designers have to deal with comments from clients and internal management, order soma online without prescription. Soma kopen, I liken this to television writers having to take notes from executives and advertisers. So I am happy to be note free for the first time, Rabatt kaufen soma, Maryland MD Md., the only exception being my own personal site. This is a calculated risk, soma online stores. Ordering soma online, The site I design and construct may fall flat, but that is the chance you take and I am happy to take it, ordering soma without prescription. Order soma online without prescription, Some background on me…

I got my first domain in 1998 when I left Columbia College Chicago to work and do freelance design. Washington WA Wash., I went back to school in 2003 and finished my BA in new media design. Through the late 1990's I worked as an artist assistant briefly, ordering soma no rx, Online soma, where I also taught kid and preteen art classes, and ran a downtown Chicago art supply store, New Jersey NJ N.J.. Cheap soma online, I sold dozens of paintings and mixed media works from 1997 to 2003 and had a few month stay in a Chicago gallery. I worked at a handful of companies doing web design and front-end development through the first part of this decade before ending up at eClick Performance, Tennessee TN Tenn..

I have been working at eClick Performance for three years and have seen the company grow from a few people in a brownstone in the Gold Coast to dozens in a high rise in “The Loop” downtown Chicago, order soma online without prescription. Alaska AK, Over the years we worked on designing a new site for the company, but nothing was ever getting through all the departments and management, buy cheap soma, Soma without prescription, no one could ever decide on the amount, order and titles of pages, comprare soma sconto, the look and feel of the design, or how to treat the brand, pretty much nothing.

We did finally get a new site up, but as time went on we felt it was lack luster and that it wasn’t performing well at all to generate interest and leads was disappointing. This wasn’t new to me, I have seen beautiful site designed by me with careful planning and construction of page flow, and style guides completely tossed aside by clients and other sticky fingers that like to put their ideas and influence into the project. When I was studying film we learned about the Auteur theory, which is a similar approach. Order soma online without prescription, From Wikipedia: In film criticism, the 1950s-era Auteur theory holds that a director's films reflect that director's personal creative vision, as if he were the primary "Auteur" (the French word for "author"). Auteur theory draws on the work of a group of cinema enthusiasts who wrote for the Cahiers du cinéma and argued that films should reflect a director's personal vision. They championed filmmakers such as Howard Hawks, Alfred Hitchcock and Jean Renoir as absolute 'auteurs' of their films.

We needed to start again…

Over the next few months I will be posting the process of designing a new web site for eClick Performance, documenting all my thoughts and reasons behind the choices I make and the direction I want to see the site and the brand move. Following that the front-end developer will document his process of building the site, as well as the back-end developer documenting his process for setting up the client login feature. Optimization will be taking place all along the way. Finally we will review and test the site before launching it right after the first of the New Year.

If all goes well the new site will not just look good, feel good to use, but perform better as well.

Similar posts: Buy soma online. Ordering soma without prescription. Cheap soma online without prescription. Generic soma. Comprare soma sconto. Ordering soma.
Trackbacks from: Order soma online without prescription. Order soma online without prescription. Order soma online without prescription. Order soma online without prescription. Order soma online without prescription. Order soma online without prescription.