Log in

No account? Create an account
Naïve Design [entries|friends|calendar]
Naïve Design

[ userinfo | livejournal userinfo ]
[ calendar | livejournal calendar ]

[05 May 2005|04:53pm]

Hello everyone. I was hoping one of you could help me. You see i'm in the process of making a website for my magazine that i will one day make. The thing is that i signed up for free acount with hostdepartment and even though they have this step by step thing i still have NO IDEA what i'm doing. Can anyone help me or give me advice? I really don't know anything about this stuff. Anything will help!!
4 comments|post comment

hello [17 Mar 2005|04:03pm]

hello my name is Indira, I was wondering if anyone had paint shop pro nine and if so can someone help me do graphics and such, or how to use it basically?

well thanks in advanced
1 comment|post comment

Adobe Vs Macromedia [22 Sep 2004|11:53am]

Okay so I've been thinking about what sort of products to get and I believe, currently, I would like a web graphics program, a vector/illustrations program and a html editor that connects the two previous programs together. So the two main companies that deal with complete publishing are Adobe and Macromedia.

I've never had Macromedia products before apart from in ICT at school when we had to use FreeHand for a graphics project. I just wanted some help as to what you think would be the best option for an amateur designer?
2 comments|post comment

x [14 Sep 2004|03:05pm]

Hey! Well, to get straight to the point...I am looking for some help. I am creating a website to help promote my new book coming out as well as my other writings. However, I am having a difficult time trying to figure out what should be there and how to make it look professional. The sites address is http://www.JessicaHM.com Please check it out and let me know what you think should be added. Thanks for your time and effort!! ♥
1 comment|post comment

The Importance of Using Proper Practice [10 Aug 2004|11:19pm]
[ mood | anxious ]

Let me clarify here what is poor practice: poor practice is using code that functions only in a particular browser and has not been universally defined as compulsary inclusive for all new browsers. Poor practice includes, but is not limited to, the following:

  • coloured scrollbars (illegal code)
  • text filters such as glow text, dropshadow text and alpha opacity (also illegal code)
  • image maps
  • iframes (!)
  • javascript

There is literally a heap of Internet Explorer-specific code that doesn't work in other commonly-used browsers like Netscape and Firefox. Some code just doesn't show up, but some causes horrible page errors like offset of positioning or makes the page unintelligable.

It's worth checking that what you want to do is legal code, or universally visable, and if not, what the effect will be on people using other browsers. If you want your site to be visable to as many people as possible, you need to cut back on the bad coding practice. It isn't fair just to say "well everyone should use Internet Explorer" because some people can't, or don't want to. You have to accomodate them.

It isn't hard to find out what is and isn't illegal. The site you found the code on will probably tell you itself, if not, try checking at http://calidator.w3c.org. If you can't find out then, ask a fellow webdesigner, and if you still don't know, just don't use it. There are legal ways of doing everything, bar javascript and text filters, that I've listed up there and any other things that might be necessary to the function of your page. If there isn't an alternative, the code isn't necessary. 99% of people shouldn't be using text filters, anyway, they almost always look terrible.

Iframes are a personal pet peeve of mine. Regular frames require little more effort and make the page function more cleanly in most browsers, yet most people use Iframes. Don't do it. I feel as passionately about this as about people who can't spell. They might even work in most browsers, I don't know, I just hate them anyway.

Using javascript is a design choice. There are benefits to using javascript because it enables you to do things you can't do with HTML or CSS. However, some people don't have it enabled in their browsers. You should provide an alternative to your page or at least a warning if it contains javascript for these people if you do decide to use it ever. I would suggest, though, that frequently the cons outweight the pros. Flash sites, again, are a design choice. You can do very impressive things with Flash, but it isn't accessible to everyone. While using javascript and Flash limits your accessibility and annoys me, it is excusable in the same way that coding sloppily is not since there is no HTML alternative. Using sloppy HTML is not a design choice, it is a choice to be lazy.

But Mary, you've used coloured scrollbars here!
Indeed I have. I made a design choice, knowing that coloured scrollbars just won't show up in most browsers but won't cause funky errors in most, either. It's just something that only I.E. can see, but, I'd like to emphasise, as divadrummer said to me: whether it can see coloured scrollbars or not is not good criteria for choosing a browser.

I hope somebody who actually needs to read any of this stuff joins.

- Mary (foetusinfetu)
post comment

About Phil [09 Aug 2004|10:17pm]

Hi, I'm Phil. I'm 17 and reside in the north-west of England, although more originally come from Norfolk. I'm not actually wonderfully good at making weblayouts, although I can do most anything with a bit of html. I do like seeing nice layouts though =) I use Paint Shop Pro, which seems to be much rarer these days amongst webdesigners, who all use Photoshop. I do have Dreamweaver and Fireworks on my side though. I can animate anything ;) Oh, and I'm the king of alpha-transparency(layer opacity) and circular 'fade-out' gradient fills, the two layout tools most dear to my heart =D I suck with anything else though.

I'm a big anime fan, and I like to play various video games, contemplate infinities, and eat peanut butter. No friends, no life, one phat pipe (broadband connection for all you... 'normal' people). What more could one need?
post comment

Mary's Websites [09 Aug 2004|09:43pm]
[ mood | amused ]

Here is a list of websites I currently maintain:

  • My Collective
    This site contains some personal information, links to other websites, provides a central point for all of my sites to link back to and gives me a disassociate website to make layouts of basically whatever I want for.
  • Bewitching
    A shrine to Lulu of Final Fantasy X. Some of the content is a joke because I find making straight-up shrines to be pretty boring nowadays. I've been there, done that and been bored of all the generic content.
  • The Butterfly Effect
    A media tribute to Muse. This is something I can throw wallpapers and stuff at when I feel like making a wallpaper, but it isn't just random wallpapers so I know that the people who are visiting the site will be interested in the things I make because they relate to an interest of theirs.

Feel free to post links to your websites or digital art.

- Mary (foetusinfetu)
post comment

About Anika [09 Aug 2004|08:10pm]

[ mood | impressed ]

Hi, my name is Anika, I'm 16 and live in the UK. I've been interested in web design for about three years now and I must say that it is a very fun and fulfilling hobby. I've been through many phases of webdesign ranging from all the trends, swirl brushes, the occasional venture into 'grunge', the now infamous square period and the compulsory newbie designer complete with auto-play midis.

I'm interested in lots of things creative like art, writing and music. I love music and spend most of my income (or lack of) on CDs. I also watch a fair amount of television, play video games, shop and talk with my friends. I have a guinea pig called CoCo and she is so sweet, albeit, slightly anorexic (I'm indeed worried about her). I like the rain, love Winter and hate Summer and the heat it brings.

- Anika (sneekapeek)

5 comments|post comment

About Mary [09 Aug 2004|08:00pm]
[ mood | accomplished ]

I'm a sixteen year-old girl living in England with my parents and brother. I have no pets. I enjoy webdesign and have run several sites over the past six years, some of which are still online, others of which aren't. I went through a few really bad design phases, and I know how easy it is to fall into a trap of wanting to impress people without thinking about whether what you're doing is actually good design.

I also spend time learning the guitar and listening to music. I don't watch much television, but I enjoy films. I have a few close friends over a lot of casual acquaintances and my favourite colour is purple.

- Mary (foetusinfetu)

post comment

General Design Tips: The Three Commandments [09 Aug 2004|07:20pm]
[ mood | accomplished ]

The key to design is making your site look aesthetically pleasing, colours that don't clash, etc. and making it accessable and readable. All the impressive glow text filters and funky navigation stuff come secondary to the first aim. If it makes it hard to read your text or find your way around your site, then it has to go.

1. Make your text readable.

  • Dark text against a plain light background is the easiest to read. Failing this, make your text light against a dark background. Don't use patterns as backgrounds. Make sure there are at least four shades between the two colours, and don't choose colours that clash and cause screen glare.
  • Dropshadows and glow text filters often make your text hard to read. Even more often than that it just looks like you're trying too hard to impress people without thinking about the way it fits into your layout.
  • No one likes to read tiny, tiny fonts. They're really cute, they're really trendy, and they're really going to make people short-sighted. Font size should be at least 8pt unless you...
  • Take advantage of the fact that you can set a line height. Don't scrunch your text up. Make the line height around 1.5 times the size of the font and it will make reading it so much easier, especially if you're using a small font.
  • Don't use really horrible fonts like times new roman, especially if they're small. It looks nasty to most people, and even if you like it, it's hard to read. A rounded font like tahoma, verdana or arial is much easier to read and looks a lot nicer in most cases.
  • Don't use fonts that don't come with Windows. If people don't have your font then the text will show up in times new roman, or, even worse, gibberish. If you're using an obscure font, even a relatively common one like redensek, provide a download link, or make sure there's a backup in the CSS that defaults the font to tahoma or something if the original font is unavailable.

2. Keep your site navigable.

  • Name the links to pages after the pages they're going to, or make it clear which pages they link to. No one wants to see a linkslist that says "Night Blossom, Day Blossom, Moon Child" and find that it leads to your Mum's page about dogs, your friend's page about chronic diarrhoea and your blog. If you have to name your links weird things, make sure you have a TITLE tag or a byline that states their destination.
  • Make sure the navigation is in an easy place to find. Tiny squares in the upper-left corner of the screen that are dark blue against a black background aren't doing anybody any favours. You want people to read your content, people want to read your content. Let's give everybody what they want.
  • Don't have any broken links. They're frustrating and they really make your site look unprofessional. Make sure all your links within a site lead to an actual page.
  • Link everything to the homepage, or the page with the navigation on it. People need to be able to find the navigation to be able to navigate: this should be obvious, but some people seem to like to test their visitors' navigation skills by scattering their links across several pages.

3. Don't blind your visitors.

  • Colour scheme is of the utmost importance. Maintain a healthy contrast between text colour and background but try to keep overall contrast to a minimum.
  • Opposites look good together, but certain shades can clash and cause horrible screen glare.
  • Very bright layouts really hurt people's eyes. Think about the way you are using bright yellows and oranges and try to minimise the glare produced.

- Mary (foetusinfetu)
post comment

Resources [09 Aug 2004|06:51pm]
[ mood | accomplished ]

Here is a list of links to helpful online resources pertaining to webdesign.

  • Lissa Explains
    Anyone who's just beginning webdesign should visit Lissa Explains. This is a relatively easy-to-use site that's aimed at helping children learn HTML, but is useful for anyone. All the basics are here, as well as some handy CSS-related tips and tricks which can help with design once you have all the components for making a webpage.
  • Webmonkey: The Web Developer's Resource
    This is a comprehensive website which deals with all levels of skill, there's more than just HTML here. The pages are helpfully sorted into Beginners, Builders and Masters depending on difficulty, but nothing here should be particularly hard. Things are explained step-by-step with not only how to do things, but also how they work. There's also a useful Quick Reference library.
  • The Javascript Source
    For anybody interested in encorporating javascript into a page, this is a handy first-stop. There are thousands of scripts that do all sorts of weird and wonderful things on this website, some are more useful than others. However, javascript is not enabled in all browsers and can cause some nasty errors, so if you want your site to be accessable to as many people as possible, it's worth weighing up pros and cons.
  • Cascading Style Sheets
    A good reference for Cascading Style Sheets, or CSS. This website includes a guide to CSS as well as a lot of information on how CSS works and how to use it properly.
  • Good-Tutorials.com
    A good resource for useful and interesting tutorials for those of you using Adobe Photoshop to design with. There are thousands of tutorials on how to vector using Photoshop and create various effects.
  • The Web Machine
    This is a website with various tutorials for a whole range of graphics programs, including Adobe Photoshop and Illustrator. Worth checking out.
  • Online Colour Schemer
    I really can't stress to you the importance of using colours that don't clash in a layout. There is funky, and then there's aesthetic molestation. This is a handy resource for choosing colours that fit well together, and can be used as an RGB to Hex converter, if you need the hex code for a particular colour.

As suggested by divadrummer:

  • http://alistapart.com will teach you how to do things with CSS that you only thought were possible with javascript and tables and stuff. If there's a way to substitute your nasty code nightmares with CSS, alistapart has it listed.
  • http://www.w3schools.com/ has great, plain-english tutorials on how to do advanced code-y stuff. HTML/CSS/XHTML/XSL/etc.
  • http://www.w3.org/People/Raggett/tidy/ cleans up your code for you and closes your unclosed tags, adds all the little stuff that we always forget to put in.
  • http://validator.w3.org/ checks the code of your page to see if you put anything weird in, left out quotes, closed things in the wrong order, etc.

I recommend adding this entry to your memories, since it's likely to be updated with more resources as time goes by.

- Mary (microcosma)
post comment

Welcome to Naïve Design [09 Aug 2004|06:43pm]
[ mood | accomplished ]

Welcome, everybody, to a new webdesign community co-founded by microcosma and sneekapeek, we hope you find your time here to be enjoyable. We set up this community to help people who are less experienced at webdesign than ourselves, but also, hopefully to be helped by people who are more experienced than us, too.

This isn't just a community for dry learning, though. Any "learning" is through application, learning about particular techniques and having your work critiqued and suggestions made on improvement or for future reference. As well as that, it's about expressing opinions on current design trends, talking about design in general and having fun with design. Feel free to attempt to befriend any and all members, although harassment is really not encouraged.

The most important thing is to relax and enjoy yourselves.

- Mary (foetusinfetu)

post comment

[ viewing | most recent entries ]