Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

:flirty:
 
:iconfaithful-jewel:

~Faithful-Jewel

May contain nutter-behaviour
ProfileGalleryPrintsFavesJournal
Blind to Pageviews

Website designs

Sat Jun 6, 2009, 2:34 PM
  • Mood: It's Hot
  • Listening to: Chronicles of Narnia Soundtracks
  • Reading: Sourcery - Terry Pratchett
  • Watching: NCIS: Season 3
  • Playing: Mirror's Edge
  • Eating: Chinese Take Away
  • Drinking: Innocent Fruit Smoothie
I'm one who prefers to design their own website...

But I'm looking at some of the web designs around here thinking "How the hell would you make that?". I wonder if some of those who actually do the web designs here (using Photoshop on its own, most of the time; so just concept work in actuality) ever sit there and try to make them work. One page in Photoshop is not a website. It's an idea, that can perhaps be developed and moulded into a website.

Unless you have drop dead excellent website designers (I nod my hat to some people on my watch list) it's practically impossible to replicate a Photoshop design into an actual website. Some things won't be possible. Others will have to be tweaked until they work, which may not suit the original designer's idea.

Also, where are the annotations? I enjoy looking at websites, I love looking at how they work (I was doing research on Soft Play centres at work, clicked the link on who made the website for them, had a look at their portfolio and one of their sites triggered an idea for my portfolio site... a while ago, admittedly) and trying to replicate the effect so I can use it in future. But without annotations, notes on what a button does when you roll over it, if there will be dynamic menus or static and other rubbish that makes me sound intelligent in front of my boss, it's just a pretty picture you did to make yourself feel you can make a website.

I am not a good website designer, so I'm not inserting my status as that. I just do what I do from both the designer point of view and the person who has to make it. What you see is what you get programmes can mostly (note the mostly) do what you design on Photoshop, but not always. And in the end they end up quite image heavy (I speak from experience in that one).

So, why don't people start from the basics of what they can do, then fill in the frills and snazzy images later? Do a basic bones of a website, with blocks for where text will go, a big red cross for images and something that explains that when you hover over it with your cursor it turns into a Dancing Lemming. Yes, put in a pretty background, it's not hard to replicate that in a website at least. Include a logo that'll be on the page somewhere, give it a couple of page titles.

I doubt I will ever wholly be on the end of developer of websites; I'm a designer at heart and a developer out of sitting there going "Damn, I need someone to do this for me... ah, stuff it, I'll do it myself". And because of that I make things easy for myself in terms of writing the website stuff out. I only know CSS and HTML; I borrow Javascript from internet resources, along with the occasional snazzy CSS piece. This means my websites are basic. Basic as a piece of bread on a stick. But with a few bits of code combined, often borrowed mixed with my own, that piece of bread can become a piece of toast. Then some interesting image elements, nothing massive, a couple of kB in PNG format is the jam, or butter, your preference.

And in the end, simplistic, quick to load, easy to navigate websites (when pulled off well) are most people's favourite. You don't want to sit there for 5 minutes waiting for a website to load, just to get lost immediately in the atrocious menu structure. I am looking at you, designer of the Battle Storm original website.

I advocate looking at website designs done on Photoshop without the designer knowing at least a little bit about make the website itself.

I need a drink...

(EDIT: The basis for this is I have no idea what to do about my portfolio. I want a name change and a design change, but I've hit a brick wall. Help is needed, hint hint!)

Devious Comments

love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconlostprophetpunk:
I would be able to help you out with the design. I can also help out with the coding as well.

I learnt how to code websites before I had got into designing proper websites. I have been coding websites for about 3 years, and designing them for about 2 years.

[link] This is one of my earliest designs I had done. It was made in Photoshop and then coded.

But the point you make about the whole simple design thing for now...I like to do new and creative designs in Photoshop...so I can replicate it in an actual working form.

[link] This is a design I am currently working on coding.

But if you were to put annotations on the design, it would ruin the design. I mean, fair play to all those (including me) who code their designs and show them off etc, but for those who just design (as in for a company), it is fine for them to not put annotations on it...as it draws the audience into the design more.

Also, if you are looking for inspiration for a design...

[link] Abduzeedo
[link] Design You Trust

Hope this has helped a little.

--
Why must we be pressured into a stereotypical world when all we want is individuality?
:iconfaithful-jewel:
There's an annotation tool in Photoshop. :P It saves me a lot of time at work cause I can make notes on things on how web designs work, along with how I did things in terms of my production work (nothing is worse than making an effect on an advertising flyer, then being asked to do it again next quarter and having completely forgotten what exactly you did... then spending a week trying to replicate it)

And ditto to coding websites for ages; I'm not quite sure where I made the jump between actually doing proper web designs instead of just using HTML tables... (*shudders*). But every single pointer I pick up is useful, so those links'll be checked out when I have more time (11pm on a Sunday = not good).

What browsers do you design for mostly? Cause I have a problem in that my boss wants websites to only function in IE and I try and get them to work in Mozilla/Safari first, then IE second... >.< An elitist computer user for you... :P

--
Faith: Avoid if allergic to nutters.
:iconlostprophetpunk:
I mostly do designs for firefox, but I can get them to work in IE if you wish to. I have IE, Firefox and Safari on my windows pc...lol.

Just email me some more info about the design on lostprophetpunk [at] hotmail [dot] com

--
Why must we be pressured into a stereotypical world when all we want is individuality?
:iconfaithful-jewel:
I check in about 5 browsers, then on an iPhone if I can be bothered to nick the one at work for a minute.

And I dunno if you use these, but they're very useful in making sure there's nothing broken with your code; saved me skin before when I forget to close a tag and can't find the problem :P

[link] HTML Validator
[link] CSS Validator

--
Faith: Avoid if allergic to nutters.
:iconlostprophetpunk:
I use them all the time to check if the code is valid.

You can use Notepad++ for coding, as it gives a variety of formats.

Can I get a link to the site at all?

--
Why must we be pressured into a stereotypical world when all we want is individuality?
:iconfaithful-jewel:
Which one?

And I use something called Komodo Edit; has stuff in there like spelling checks for code and such. Also has a sort of auto complete function which is useful when I forgot how to do stuff... which is often... my memory is rubbish >.<

--
Faith: Avoid if allergic to nutters.
:iconlostprophetpunk:
The link of the site you said you were having trouble with.

I'm a proper hardcore coder...no dreamweaver for me. The only thing I do copy from my other coding parts is the doctype...as it's well hard to remember.

--
Why must we be pressured into a stereotypical world when all we want is individuality?
:iconfaithful-jewel:
It doesn't matter; I have another 2 years to sort something out.

I've never used Dreamweaver. I used frontpage when I was at primary school and hand coded from there. My ICT project at secondary level needed a webpage in it so I wrote it by hand in half the time of most of the rest of the class; still had to check it in frontpage according to my teacher though.

I have a couple of CSS reference sheets in my favourites; it tends to be that that confuses me, as some things are different in HTML and such.

--
Faith: Avoid if allergic to nutters.
:iconlostprophetpunk:
I would be glad to help out...as we are probably on the same level of coding and whatnot.

--
Why must we be pressured into a stereotypical world when all we want is individuality?

Journal History

Site Map