OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Designing Webs - Without Images

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Designing Webs - Without Images
Page: [1]
 
 
Giomanach

 

Posts: 6190
Joined: 11/19/2003
From: England
Status: offline

 
Designing Webs - Without Images - 3/19/2009 13:57:23   
More a discussion than a question, just after opinions and ideals.

I have all the content for a web project ready, text based content that is. Now, I've sat in Photoshop for hours on end and just don't seem to be happy with anything I create for it. So, here's my questions that are open for discussion

1) What's the view on sites that are pure HTML/CSS based - no images 'cept the "Get Adobe Reader" button and the likes.

2) I would use a complicated design, not just a simple "block" design. Obviously I would be utlising Floats etc - what's the general mind frame for sites built like this without images? Would it be too bland or just simply not do-able?

3) I understand that this would seem to be "regressing" in the whole idea of designing a web, however, I'm fairly confident I could pull it off, and I understand that it wouldn't be a brand new thing on the web, but my main question here is, would it be seen as an asthetic, professional and physcially pleasing design?

View, Opinions, Suggestions, Banter please!

Gio

_____________________________



caz

 

Posts: 3776
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 14:23:42   
Who said that images are a necessity? IMO purely decorative images can be a distraction when the site is delivering information, visitors would be accessing it for the informative content I assume and not as a work of art. However without a url it's difficult to say whether it works as a professional and pleasing offering.

What do you mean by "complicated design"? Or "regressing"?

Who is the client and who is the intended audience should govern how you design rather than a vague notion of web design fashion. I would also say that the information architecture of the site should ensure that users can navigate to what they want to see easily and not get lost.


_____________________________

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to Giomanach)
treetopsranch

 

Posts: 1648
From: Cottage Grove, OR, USA
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 15:04:49   
My 2 cents here: If you are selling some type of item you absolutely need images of that item. And the best image you can create. Sharp, good color, etc. I have a client that sells jewelry on her site. Would you buy jewelry without seeing a photo of it first?



_____________________________

Don from TreeTops Ranch, Oregon

"I've got a taste for quality and luxury"


(in reply to caz)
Giomanach

 

Posts: 6190
Joined: 11/19/2003
From: England
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 18:32:41   
Caz - The client is me:)

By complicated design I would mean using floats to place everything, keeping it visually simple, yet not just blocks of text crunched into one place.

And by regressing - I know a fair few web designers would consider an "image-free" web a bit stone age in the modern world, just trying to cover all my bases before Joe Blogs steps in and gives me some stick :)

Audience = Anyone willing to learn XHTML and CSS - yes I know there's several sites out there already, but most are cluttered with ads, hard to navigate, and a general pain the the behind to understand.

Design I was thinking of using is viewable here: http://beta.giomanach.com

I may change the colours, but I think it looks best is shades of grey. I'll be using a SQL database to store things like Design Tips and Quotes from designers purely to make them random and a different one each time the page loads.

Don - No selling whatsoever, it's an informative site rather than a commercial site. The intention of it is to teach people XHTML and CSS in as simple a way as possible, provide a reference for the languages.

Comments etc are welcomed. I know the design is simple at the moment, haven't quite decided how to get it sorted so it doesn't look too cluttered, yet have a lot of info on one page.

_____________________________




(in reply to treetopsranch)
jaybee

 

Posts: 14417
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 19:15:42   
I don't see why you couldn't have a site with no images. It would be blisteringly fast to load. How about using blocks of colour. You come across any Mondrian designs? That would work.

http://tiny.cc/2IbEx

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Giomanach)
TexasWebDevelopers

 

Posts: 761
Joined: 2/22/2002
From: Dallas, TX
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 21:02:29   
We used this "negative space" design for a technical intranet and everyone loved it.
All ya'll use it to your heart's content - view and download here:
http://www.texaswebdevelopers.com/mockups/negspace/


_____________________________

:)

Follow us on TWITTER

(in reply to jaybee)
caz

 

Posts: 3776
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Designing Webs - Without Images - 3/19/2009 22:20:59   
As jaybee said it would load fast and that's what you need for information sites. I know that what you have at the moment is early days yet, but please use white space sensibly (it does look a bit cramped at the moment), watch your line length for readability and add some leading for legibility. TWD's negative space shows good line length and leading. I use the term leading from my print days, but you know that I mean line height in web speak.

I do think that a touch of colour would stop the page looking drab, although I wouldn't go so far as all out Mondrian, but you do have box panels that could be highlighted with colour - but nothing that interferes with legibility.

It's late so I'll leave it at that. :)

_____________________________

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to TexasWebDevelopers)
Tailslide

 

Posts: 6750
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Designing Webs - Without Images - 3/20/2009 2:47:32   
Again - as everyone has said - no reason that a no-image site shouldn't be great. BUT you'll have to spend a lot of thought on the typography.

There are quite a few sites that specialise in Typography which might be worth a wander through:

http://ilovetypography.com/2008/01/02/good-web-typography/
http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/
http://websitetips.com/typography/tutorials/

I'm personally quite a big fan of large serif fonts for headings whilst ususally sticking to sans-serif for main text - sometimes serif text works well too if it's not too small.

I'd also suggest sticking to a really simple float layout - lots and lots of whitespace - more than you've currently got. Use larger fonts for headings - you want the typography to almost take the place of images. Be careful about the greys you use as whilst they can provide "the glue" that holds it together - they can also flatten the design.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to caz)
jaybee

 

Posts: 14417
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Designing Webs - Without Images - 3/20/2009 6:29:57   
quote:

sometimes serif text works well too if it's not too small.


Would you mind telling that to the GD I'm working with? :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
TexasWebDevelopers

 

Posts: 761
Joined: 2/22/2002
From: Dallas, TX
Status: offline

 
RE: Designing Webs - Without Images - 3/20/2009 8:51:39   
quote:

There are quite a few sites that specialise in Typography which might be worth a wander through:

That is a great listing of sites!
We just posted a bit on the differences between using the @Font-Tag, sIFR (flash) and Cufon for adding fonts to a web site.
http://www.texaswebdevelopers.com/blog/template_permalink.asp?id=111

_____________________________

:)

Follow us on TWITTER

(in reply to Tailslide)
Giomanach

 

Posts: 6190
Joined: 11/19/2003
From: England
Status: offline

 
RE: Designing Webs - Without Images - 3/20/2009 12:19:16   
JB - Have seen Mondrian before, but not really that keen on it - I won't design anything I wouldn't wanna look at myself. If it's a client then yep, I'll do as they ask (even if it makes me cringe so much I pass out), but in this case, it's me. I want a design I'm happy with before I think about adding the content I have and publishing it on the web for full time display.

Caz/TWD/Tail - My first design ideas are never perfect, I realised I would need a bit more white "real-estate" on the pages. I just wanted to give a general idea of the layout I would use. The colours aren't final, I would mix other colours in, but not too many, don't want it looking like a rainbow, but more an infusion of colours to make the important items on the page stand out.

Have always thought that greys/light blues go together well, am open to other schemes, I would use no more than 3 colours on a page.

Oh, and Tail, I have already started looking at Typography, just deciding which route to take on it.....the stlylistic approach, or the sophisticated approach, leaning towards the stylistic approach at the mo ;)

(And before anyone asks, yes I would enure the side is valid coding before publishing :))

_____________________________




(in reply to TexasWebDevelopers)
Tailslide

 

Posts: 6750
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Designing Webs - Without Images - 3/20/2009 12:42:53   
I think it's a great idea - a real challenge. Can't wait to see it!

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to Giomanach)
jaybee

 

Posts: 14417
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Designing Webs - Without Images - 3/21/2009 19:05:15   
I'm not saying use Mondrian as a site just as an idea for doing something of your own. Blocks with colour. Mondrian is far too bright for a site. Yeek!

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
michaelea

 

Posts: 143
Joined: 11/9/2007
From: Cannon Beach, US West
Status: offline

 
RE: Designing Webs - Without Images - 4/26/2009 4:25:09   
I think it's a great idea too.

As Tail says and shared, there are some really really good looking sites out there with predominantly text. Some I've seen have just blown me away and made me read more about fonts and their histories and stuff...

I think your ideas about the colors are right on too and, by the time you finish with the right white space, embellishments, fonts, subtle color and borders, it's gonna look so darn hot that no-one'll even notice the "Click Here for Adobe Reader" button - even if it is red!!

I like the way Verdana looks in text... clean, spacey, easy to read. Bright and airy even at small pixels, ems, points and %ages!

<-- My 2 bits...

p.s. and just as an aside of interest, do you know who has been at the top of the search engines forever for the search phrase "Click Here" - without even paying a penny for it and without even their name or product on the link. No? Try it!

_____________________________

I wish I could design websites....
http://www.cannonbeachcomputers.com

(in reply to jaybee)
Mango Himself

 

Posts: 2266
Joined: 11/28/2005
Status: offline

 
RE: Designing Webs - Without Images - 4/26/2009 14:22:23   
quote:

I know a fair few web designers would consider an "image-free" web a bit stone age


I disagree. If anything, it will look more modern if it is done right. Minimalism is totally "in". Obviously it depends on what you offer on the site. And don't overdo the text.

_____________________________

Associate Smutter
_____________________
Some people think luxury is the opposite of poverty. It is not. It is the opposite of vulgarity.

(in reply to Giomanach)
michaelea

 

Posts: 143
Joined: 11/9/2007
From: Cannon Beach, US West
Status: offline

 
RE: Designing Webs - Without Images - 4/26/2009 15:33:53   
quote:

ORIGINAL: Gio

quote:

....the stlylistic approach, or the sophisticated approach, leaning towards the stylistic approach at the mo ;)



Can anyone please share with this (me) wannabe site designer about the difference between stylistic and sophisticated.

A short sentence maybe or a link or something that'll help Pls..

Thank You.

_____________________________

I wish I could design websites....
http://www.cannonbeachcomputers.com

(in reply to Mango Himself)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Designing Webs - Without Images
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts