Forum Resolution and Scale

Disco Scratch

♏ Sun - ♒ Moon - ♋ Rising
Donator
    Last edited:
  • #1
Forum Resolution and Scale

The forum looks different across multiple platforms and screen sizes or resolutions and I thought it would be a good idea to show the difference 'side by side' so everyone can see how the resolution changes scale. The reason I'm posting this is in response to signature scaling. Here we can share our thoughts and suggestions on what is considered reasonable dimensions for signatures and see if we can come to a consensus.

For reference I'm using my mom's laptop and my tablet.

Laptop - Resolution 1366x768 / Windows 8.1 / Firefox

Tablet - Resolution 1200x1920 / Android 6.0.1 / Google Chrome

Note - Tablet screen size 600x960 @ 1200x1920

Here is what the Shoutbox looks like to me on my tablet.

ToS%20Shoutbox%20%28Tablet%20Chrome%29.png


Here is the Shoutbox on the laptop.

ToS%20Shoutbox%20%28Laptop%20Firefox%29.png


Here's an example of a short response.

ToS%20EE%27s%20Post%20%28Tablet%20Chrome%29.png


Here it is again on a laptop.

ToS%20EE%27s%20Post%20%28Laptop%20Firefox%29.png


Here's a great example of how the scale is changed. The dragons look small to me.

ToS%20EE%27s%20Post2%20%28Tablet%20Chrome%29.png


I had no idea those dragons were THAT big. :shock:

ToS%20EE%27s%20Post2%20%28Laptop%20Firefox%29.png

Here's a longer post and it also shows what Eltu's signature looks like.

ToS%20Eltu%27s%20Post%20%28Tablet%20Chrome%29.png

Here it is again.

ToS%20Eltu%27s%20Post%20%28Laptop%20Firefox%29.png

I'll continue with another post showing some current scales.
 
i like some of the signature shapes, but my sig was made by the venerable Prowler and always represents my undying love for the Azure Angel. thanks always, Prowler :)
 
lol everyone elses sigs are so professional - then you got mine :xD: tbh i genuinely like everyones sigs on here, they give a little of the users personality - and you instantly recognise them simply by their sig :)
 

Disco Scratch

♏ Sun - ♒ Moon - ♋ Rising
Donator
Eltu's and SaphirJD's are pretty cool :D Going to make a new one when I find some time

I like those too. Dr. Na'vi has a good one as well.

Tbh 500x500 is very reasonable

500x500 seems big. I'd have to see it on a monitor. I'd go with 500px wide because it seems to be a good size and you can do a lot with that. I mean, 600px always seems too wide and 400px seems too narrow. I think the main issue is going to be the height since most of us have around the same width. Personally I haven't seen anyone with a signature image that I felt was overdone. If there was one leaning in that direction I'd say discounthobo is right on the limit. The problem I have with the signature area is when there's so much text added in with it that it almost takes up the same amount of space as an actual post. That can get a bit distracting and to be honest it was confusing for me when I first became a member here. :shoop:

i like some of the signature shapes, but my sig was made by the venerable Prowler and always represents my undying love for the Azure Angel. thanks always, Prowler :)

I think your signature is a great size. Staying large enough to be able to include readable text key. On my tablet I can't read where it says "James Cameron's" AVATAR in my own signature. That's right... where is Prowler anyway?

lol everyone elses sigs are so professional - then you got mine :xD:

My signature doesn't count because it's stolen from the official AVATAR Facebook page. :P

I'll have to make a new one after the forum update.

tbh i genuinely like everyones sigs on here, they give a little of the users personality - and you instantly recognise them simply by their sig :)

That's what they're for. :)

That's how I tell who is who when I'm quickly thumbing through the forum.
 
    Last edited:
  • #9
I like the current design (and really love the sneak peak of the redesign) of ToS because it goes along with my system and browser design, but I have a problem due to high resolution, specs are:

Resolution 2560x1440 / Win 10 / Firefox 49

with a browser wide default zoom of 150% everything is large enough, but all images including the signatures are blurry:

hnM8khO.png


I think this can be solved somehow, maybe by uploading my signature in a higher resolution to imgur (1600x600), but limiting the height it is displayed in to a fix ration like 5% of vertical screen space?

without zoom, images are perfectly sharp, but only 1/3 of the screen is actually used and text is way to small:

hWI4Qcv.png
 

Eltu

Administrator
Sorry it took so long to reply to this!

The current forum is not responsive - it's one of the drawbacks of vBulletin 3, it can look good around a certain resolution but as soon as you're on a low/high res, or on a tablet or phone, it often looks way too large or way too small.

The new version is fully responsive and is guaranteed to look great no matter your device. So all this will be completely resolved once the upgrade happens. :)

Through this, it'll also optimize signature sizes so they will always look reasonably large. The new version will have a signature size limit, though I haven't decided quite what it should be yet.

I agree signatures are great, but they can be just as identifiable and still be reasonably small. I think somewhere around 200px high is a fair limit, personally.
 

Disco Scratch

♏ Sun - ♒ Moon - ♋ Rising
Donator
    Last edited:
  • #15
@Eltu by the way, is it possible to change my login name to match my Signature please :)

3fast5u-Na'vi changed to Dr. Na'vi

You may try sending Eltu a PM.

I like the current design (and really love the sneak peak of the redesign) of ToS because it goes along with my system and browser design, but I have a problem due to high resolution, specs are:

Resolution 2560x1440 / Win 10 / Firefox 49

with a browser wide default zoom of 150% everything is large enough, but all images including the signatures are blurry:

hnM8khO.png


I think this can be solved somehow, maybe by uploading my signature in a higher resolution to imgur (1600x600), but limiting the height it is displayed in to a fix ration like 5% of vertical screen space?

without zoom, images are perfectly sharp, but only 1/3 of the screen is actually used and text is way to small:

hWI4Qcv.png

Oh wow, I had forgotten about browser zoom, but this all falls into the issue of making a signature that is of appropriate scale. That's what I was getting at. If a user makes a sig to look good on their computer or device it may be too big on another device. For example, 500x200 may not look big enough so you may be compelled to make a larger sig to compensate and to the rest of us it may look huge, but Eltu just explained how that will not be an issue with responsive web design. So this issue should go away completely.


Sorry it took so long to reply to this!

The current forum is not responsive - it's one of the drawbacks of vBulletin 3, it can look good around a certain resolution but as soon as you're on a low/high res, or on a tablet or phone, it often looks way too large or way too small.

The new version is fully responsive and is guaranteed to look great no matter your device. So all this will be completely resolved once the upgrade happens. :)

Through this, it'll also optimize signature sizes so they will always look reasonably large. The new version will have a signature size limit, though I haven't decided quite what it should be yet.

Awesome! That way it will look more consistent. I just looked up responsive web design. I was completely unaware of it. I thought there was just two modes... Regular (desktop) and mobile. On my tablet my bank's website looks very tiny on "desktop mode," but it doesn't work correctly on mobile mode so I have to use desktop mode and zoom in to see anything or to push any buttons.

The CHASE site has 4 different views on my tablet.

This isn't mobile or desktop so I'm guessing it's a responsive version?

Screenshot_20160924-132944%201.png

This is desktop mode...

Screenshot_20160924-133005.png

This of course is mobile...

Screenshot_20160924-133320.png

This is mobile in desktop mode... lol

Screenshot_20160924-133028.png

Is that what will happen to ToS?

Forgive my ignorance... I haven't done anything in web design for just over a decade and a lot has changed.


I agree signatures are great, but they can be just as identifiable and still be reasonably small. I think somewhere around 200px high is a fair limit, personally.

Agreed!

No one seems to have an issue towards signature dimension limits or the proposed height limit of 200px. Most of us are already just beneath 200px.

Anyone think 200px is too small?


Yeah,was not able to see his sig,imgur is not available in TR right now. Dr. Na'vi has a great one no doubt :D

CakkYPm.png
 

Eltu

Administrator
Yeah, responsive design is great! Basically, it means that a site looks the same independent of device (pc, mobile etc.) - what matters is the size of the window/screen, to which a site automatically changes its layout to take into account.

My personal website, for instance - www.ivarhill.com - changes its layout as you resize the browser window. As a phone is that small already, it just defaults to a smaller layout and ensures it always looks as good as it can. Responsive design is mostly embraced in web design at this point and definitely the way to go. :)

3fast5you-na'vi - changed your username. :)
 
Anyone think 200px is too small?

200px sounds reasonable to me as well

look at yodas face :xD::xD:
perfect timing haha :D
I really like the yoda gif, but as a signature, this size plus the movement is too distracting in my opinion

Yeah,was not able to see his sig,imgur is not available in TR right now :xD: Dr. Na'vi has a great one no doubt :D

Thanks :)
Has imgur been censored in Turkey recently because of the coup? Or has it always been that way? You could try DNS change, VPN or Tor (only if these don't get you in trouble for being "illegal" of course!)

3fast5you-na'vi - changed your username. :)

Thank you so much! :)
 
Thanks :)
Has imgur been censored in Turkey recently because of the coup? Or has it always been that way? You could try DNS change, VPN or Tor (only if these don't get you in trouble for being "illegal" of course!)
It was banned 2 years ago,because of pics disrespecting Atatürk (founder of Turkish Republic) and national values of turkey.Yep, Im using VPN already;I guess my vpn was not working properly so I was not able to see your sig.Yours is great btw :D
 
Top