Wiki styling :)

Re: Wiki styling :)

Postby svenskmand » 06 Mar 2010, 21:12

Is the "Overall Rank" our position in a order list of all projects on Sourceforge, where number 1 is the most popular? If so we have a score of 1120 which I think is pretty good :)
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby andrewbuck » 06 Mar 2010, 22:21

Yeah, I think that its pretty good (for comparison we were ~40,000 a couple weeks ago. However we should be rated higher because we are not getting credit for the logo hits that other projects are. The reason I am concerned with this is that high rankings on sourceforge are a great way to attract new people with skills and ideas that we as a group may not have.

-Buck
andrewbuck
OD Moderator
 
Posts: 563
Joined: 20 Dec 2009, 01:42

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 00:45

Where should this drop-down box be? Screenshots?
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 01:26

qubodup {l Wrote}:I think the paper needs to be darker for that. Using GIMP´s colors/levels tool might be of help. A good example (but with a bad license ;) ) is http://wingsofahero.deviantart.com/art/ ... -117552813 !

Not bad besides the lightness


Ok I have now generated the pergament texture, do you like it?
Attachments
P5.png
Pergament
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:10

Here is the new version of the rocks
Attachments
R6.png
Rocks
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby Bodsda » 07 Mar 2010, 02:14

svenskmand {l Wrote}:Here is the new version of the rocks


Wow - I love that - Really good work. Cant wait to see it implemented.

Bodsda
User avatar
Bodsda
OD Moderator
 
Posts: 195
Joined: 18 Feb 2010, 08:19

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:22

Here is the new Mock shot with the two textures. I think the pergament is too dark, so i will lighten it a bit up.
Attachments
Site2.png
Mock shot of the site
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:31

I have now added the edges to the pergament in the left side, looks much better now :)
Attachments
Site2.png
New Mock shot
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:39

Ok, now both have borders, so I only have to light up the pergament. What do you all think? Any suggestions to how to remove the annyoing lines the tiling makes?
Attachments
Mock.png
Almost finished mock shot :)
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:48

Here is the final mock up, with a lighter pergament :)
Attachments
Mock.png
Final mock shot :)
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 02:52

Here is a shot with text on it, maybe it should be just a tat lighter, to make the text more readable, what to you all say :)
Attachments
Mock.png
Final mock with text on it
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 03:06

Now a tat lighter, I think the text is more readable now :)

Here is the two source files for the two textures. I was not allowed to put the tgr files up, so i zipped them and added them. The svg where the stuff is put together, along with the borders on the pergament I will upload when I have figured out how to fix the annyoing tiling error :S
Attachments
Textures in NeoTextureEdit Format.zip
This is the NeoTextureEdit file for the pergament and the rock.
(1.76 KiB) Downloaded 195 times
Mock2.png
Lighter mock shot
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby Bodsda » 07 Mar 2010, 03:26

svenskmand {l Wrote}:Now a tat lighter, I think the text is more readable now :)

Here is the two source files for the two textures. I was not allowed to put the tgr files up, so i zipped them and added them. The svg where the stuff is put together, along with the borders on the pergament I will upload when I have figured out how to fix the annyoing tiling error :S

Great work svenskmand, these are very good, although I preferred the logo not having the paper background layer.

Bodsda
User avatar
Bodsda
OD Moderator
 
Posts: 195
Joined: 18 Feb 2010, 08:19

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 03:33

Bodsda {l Wrote}:...
Great work svenskmand, these are very good, although I preferred the logo not having the paper background layer.

Bodsda


Well it also looked dull if it was not there. You are welcome to give a better idea, as I will admit this one is not perfect :)
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby Bodsda » 07 Mar 2010, 03:34

svenskmand {l Wrote}:Well it also looked dull if it was not there. You are welcome to give a better idea, as I will admit this one is not perfect :)


Actually I think it just needs that background paper from the logo to be removed then it would be perfect.

Bodsda
User avatar
Bodsda
OD Moderator
 
Posts: 195
Joined: 18 Feb 2010, 08:19

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 03:47

Here it is with the paper behind the logo removed, but I still thinks that something is missing at the logo :S
Attachments
Mock2.png
Mock with no paper behind logo
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby Bodsda » 07 Mar 2010, 03:48

svenskmand {l Wrote}:Here it is with the paper behind the logo removed, but I still thinks that something is missing at the logo :S

heh, that one looks spot on to me.

Bodsda
User avatar
Bodsda
OD Moderator
 
Posts: 195
Joined: 18 Feb 2010, 08:19

Re: Wiki styling :)

Postby andrewbuck » 07 Mar 2010, 05:03

I think the logo is easier to see with the paper background, however I do think the oval area you've added looks a bit funny. I would suggest extending the parchment you have on the left side (where the main page, downloads, etc is) up so that it covers the area behind the logo as well.

-Buck
andrewbuck
OD Moderator
 
Posts: 563
Joined: 20 Dec 2009, 01:42

Re: Wiki styling :)

Postby qubodup » 07 Mar 2010, 09:41

Wow svenskmand! Nice work! :D :D

It *might* be able to be tweaked regarding readability of the font on that background, but I'd say: let's test it first.

PS: regarding that background of the logo, it looks cool, but perhaps a fire effect around the logo (or giving some texture to the logo?) would be even better. Now the logo looks 'simple' while the rest of the page is nice and dungeon-like.
User avatar
qubodup
Global Moderator
 
Posts: 1671
Joined: 08 Nov 2009, 22:52
Location: Berlin, Germany

Re: Wiki styling :)

Postby xapantu » 07 Mar 2010, 11:48

(Don't forget to post the .svg !)
For the elements lists I am going to do it soon !
For the mockup, I think is too dark to read, maybe the background texture could be a bit lighter ?
Otherwise, it is great !

to andrewbuck : thanks, I received the passwords !
xapantu
 
Posts: 283
Joined: 07 Dec 2009, 17:30

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 12:23

Nice feedback, I am glad you like it :), I will make a mock shot with the left pergament extended up behind the logo. Regarding the svg's then I can post them but we need to fix the tiling problem, and I have no idea how to do that :(, but maybe some of you can with the svg's so I will post it today. (I am currently not on the computer where I made the things)

To try to fix the tiling problem I have upgraded from 0.46.xx to 0.47.3 of Inkscape, but with no luck - I open the old file and the problem persists, I have not tried to make a new Inkscape file and do the tiling again, as that might help. I will try that later today, but I suspect that it would also not help :S Any ideas is very welcome.
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: Wiki styling :)

Postby qubodup » 07 Mar 2010, 13:51

svenskmand {l Wrote}:Any ideas is very welcome.

I don't think it matters. After all the tile will be used for the website. :?

PS: unless you mean for the borders? In that case: post an archive of the svg and the images you use in it) and I can try to fix it. Also, it might be related to the render/export DPI resolution (90 is default).
User avatar
qubodup
Global Moderator
 
Posts: 1671
Joined: 08 Nov 2009, 22:52
Location: Berlin, Germany

Re: Wiki styling :)

Postby Skorpio » 07 Mar 2010, 16:46

Looks already pretty good, but I think there's too much detail in your parchment texture. You can see too many repeating patterns, and it could still be a bit brighter. And on the background texture I would reduce the saturation of the brown parts a little bit. I attached the modified parchment texture. Readability is more important than fancy graphics on the wiki, so the details and contrasts should be very subtle. Actually I liked the look of your second screenshot.

Kachel6F.png
Kachel6F.png (134.62 KiB) Viewed 12357 times
User avatar
Skorpio
OD Moderator
 
Posts: 775
Joined: 05 Dec 2009, 18:28

Re: Wiki styling :)

Postby xapantu » 07 Mar 2010, 17:08

List of missing elements :
- bottom/footer of the page
- all form elements (checkbox, button, select...)
- edit, talk...
- First heading title, second, third, fourth ... sixth
- links design
- links hover design
- paragraph: if you want text-indent or not
- summary
xapantu
 
Posts: 283
Joined: 07 Dec 2009, 17:30

Re: Wiki styling :)

Postby svenskmand » 07 Mar 2010, 17:11

Skorpio {l Wrote}:Looks already pretty good, but I think there's too much detail in your parchment texture. You can see too many repeating patterns, and it could still be a bit brighter. And on the background texture I would reduce the saturation of the brown parts a little bit. I attached the modified parchment texture. Readability is more important than fancy graphics on the wiki, so the details and contrasts should be very subtle. Actually I liked the look of your second screenshot.
...


Yeah it is a bit too dark I just tried qubodup's suggestion for a darker pergament, but it hurts readability a lot, I will make it lighter.
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Who is online

Users browsing this forum: No registered users and 0 guests