Jump to content

Porfolio re-imaging: SITE PREVIEW IS UP WITH DOCK


Nadril

Recommended Posts

  • Replies 75
  • Created
  • Last Reply

Top Posters In This Topic

So you wanna get a job as a web designer?

 

Well, then you really have to try to patch in there an example of every coding language you can use.

 

Or you should just keep on one major code you can really good.

 

Right now, the web template seems a bit too small and boring, hell, I would need a magnifying glass to read the text and look at the snapshots of the images. Well, that is since I am using FF with zoom out, but anyways. It is small even with regular zoom. It doesn't attract too much attention.

t3aGt.png

 

So I've noticed this thread's regulars all follow similar trends.

 

RPG is constantly dealing with psycho exes.

Muggi reminds us of the joys of polygamy.

Saq is totally oblivious to how much chicks dig him.

I strike out every other week.

Kalphite wages a war against the friend zone.

Randox pretty much stays rational.

Etc, etc

 

Link to comment
Share on other sites

For now it would be nice.

 

 

 

What resolution are you running at? I can read the text fine @ 1680x1050, although I guess it wouldn't hurt to up the size by a pixel or two if others are having problems with it.

 

 

 

As far as attracting attention I understand what you're saying, and I'm trying to think of a good way to solve that while keeping the same minimalistic feel. I just feel like if I add all of these awesome images and stuff that it will detract from the professionalism of the site as a whole.

 

 

 

 

 

Now obviously it should be known that this is a WIP by all means, I'm still trying to think what to do with it. Do you have a problem with the base layout at all, because that is the first thing that needs to be set before I try and figure out what to do with the rest of it.

 

 

 

edit: If I added some interesting animation, perhaps?

Link to comment
Share on other sites

My resolution is 1024x768. Yes, laptop screens kinda suck.

 

 

 

And at Connors talk, I haven't seen too much Flash based sites either. Most are HTML, PHP, CSS.

 

 

 

And an animation could work well.

t3aGt.png

 

So I've noticed this thread's regulars all follow similar trends.

 

RPG is constantly dealing with psycho exes.

Muggi reminds us of the joys of polygamy.

Saq is totally oblivious to how much chicks dig him.

I strike out every other week.

Kalphite wages a war against the friend zone.

Randox pretty much stays rational.

Etc, etc

 

Link to comment
Share on other sites

You've got a point. I think the big thing is I want to show off my design skills more so than my coding skills, and flash seems like a good way to do that. That is also why I am thinking if I do a flash based portfolio page than my blog will be HTML/CSS. The best of both worlds, essentially.

 

 

 

My resolution is 1024x768. Yes, laptop screens kinda suck.

 

 

 

I see. Anyways if the text problem is a continuing issue I'll up the font size a px or two. :)

 

 

 

 

 

Right now I'm trying to think of what I can do to spice the site up.

Link to comment
Share on other sites

I don't really have any current knowledge of flash or javascript.

 

 

 

Now given what I want to do isn't very intensive either. I think I may try and come up with a few alternative layouts as well and try out some different things.

Link to comment
Share on other sites

Fluid flash sizing kthx.

 

 

 

Have your site fit any resoultion, shows professionalism.

 

 

 

Designers and freelancers etc tend to use Flash portfolios more often then businesses and clients, allows them to add a creative twist to your site.

Link to comment
Share on other sites

Fluid flash sizing kthx.

 

 

 

Have your site fit any resoultion, shows professionalism.

 

 

 

This actually sounds really nice, I'll have to look up how to do that.

Link to comment
Share on other sites

What if I just save that for my blog page Connorb? :)

 

 

 

You got an MSN,it's a basic bit of code that allows you to do that, so just send the MSN so its alot easier to talk

 

 

 

I don't really use MSN, could you just pm it to me or something? :P

 

 

 

 

 

edit: should I do the rounded buttons or square ones?

 

 

 

I'm still trying to decide what I can do to make this more visually appealing.

Link to comment
Share on other sites

I dont know the exact code, and I'm too lazy to open up flash :)

 

 

 

Anyway pretty much rough code (look up exact syntax)

 

 

 

Stage.scaleMode = StageScaleMode.NO_SCALE

 

// This will make sure that the SWF doesnt scale at all in the browser window.

 

 

 

 

 

In publish settings ensure that width and height are set to 100%

Link to comment
Share on other sites

Squared it is then. :thumbup:

 

 

 

 

I dont know the exact code, and I'm too lazy to open up flash :)

 

 

 

Anyway pretty much rough code (look up exact syntax)

 

 

 

Stage.scaleMode = StageScaleMode.NO_SCALE

 

// This will make sure that the SWF doesnt scale at all in the browser window.

 

 

 

 

 

In publish settings ensure that width and height are set to 100%

 

 

 

Now for it to scale properly does everything need to be a vector or how does it work? Like, do I just design for a large scale monitor and it will scale down properly or what?

Link to comment
Share on other sites

Have you considered having the images zoom slightly when your mouse is located over them? Like a dock?

 

 

 

Maybe a very firm gradient like #000000-#131313/151515, would look nice instead of plain black?

igsig.png
Link to comment
Share on other sites

Have you considered having the images zoom slightly when your mouse is located over them? Like a dock?

 

 

 

Maybe a very firm gradient like #000000-#131313/151515, would look nice instead of plain black?

 

 

 

I actually did consider the dock, i think it sounds like an awesome idea. As far as the background goes I don't know if a gradient covering it would look good or not, I tried it with my last site and it didn't look very nice. However I think if I could figure out some cool vector things or something to do with the background that could really spice up the site a lot. :thumbup:

Link to comment
Share on other sites

If I had to choose out of the two, I would say scanlines. They give you something to look at, but I personally believe you need more there. Even if it's Black side borders, with the grey backing up the actual text, just so you're not stretching the attention across the whole screen. Not sure if I'm explaining it well, but I think that would be best.

Link to comment
Share on other sites

I've never liked scanlines because when I scroll up/down on the page, they create an extremely distracting "wave" effect. Maybe it's just my monitor, I dunno.

 

Looking great so far. :thumbup:

Salamoniesunsetsig5.png

8,325th to 99 Firemaking 3/9/08 | 44,811th to 99 Cooking 7/16/08

4,968th to 99 Farming 10/9/09 | Runescaper August 2005-March 2010

Tip.it Mod Feb. 2008-Sep. 2008 | Tip.it Crew Sep. 2008-Nov. 2009

Link to comment
Share on other sites

If I had to choose out of the two, I would say scanlines. They give you something to look at, but I personally believe you need more there. Even if it's Black side borders, with the grey backing up the actual text, just so you're not stretching the attention across the whole screen. Not sure if I'm explaining it well, but I think that would be best.

 

 

 

I see what you're saying. I def am trying to get it so that the attention is focused on the center more.

 

 

 

Heh seems like people are 50/50 about the scanlines, like I was. :wall:

Link to comment
Share on other sites

I'm all for no scanlines, IMO they're distracting (in a bad way) and just don't look very good. Same as Kaphias, too.

 

 

 

I definitely agree with the dock idea though, would work very well.

 

 

Chances are I will still use a lightbox-esque type of function for the thumbnails, I'm not sure how I'll go about that currently though. I will probably end up having a user click on the thumbnail to show a slightly larger version of it to the side (or something) and then click on that for a full view.

 

Or you could just make the slightly larger version of the image as well as some more information appear when you hover your mouse over one of the thumbnails, seems a bit more user friendly and allows for some cool animations to be added. :P

penguin.gif

pixel avvy by me deviantART

Link to comment
Share on other sites

Make the scan lines follow the gradient in opacity. Problem solved!

 

 

 

I'll see what that looks like.

 

 

 

 

 

Or you could just make the slightly larger version of the image as well as some more information appear when you hover your mouse over one of the thumbnails, seems a bit more user friendly and allows for some cool animations to be added

 

 

 

Interesting. Are you saying just pop it up in like a little message bubble above the "dock" with some info on it, or somewhere else?

 

 

 

The big thing is to make it friendly enough that you can check out the full version if you want.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.