XBMC Community Forum
[WIP] Basic - a new skin in the works for XBMC - Printable Version

+- XBMC Community Forum (http://forum.xbmc.org)
+-- Forum: Development (/forumdisplay.php?fid=32)
+--- Forum: Skin Development (/forumdisplay.php?fid=12)
+---- Forum: WIP Skins (/forumdisplay.php?fid=160)
+---- Thread: [WIP] Basic - a new skin in the works for XBMC (/showthread.php?tid=83084)

Pages: 1 2 3 4 5 6 7 8 9 10


[WIP] Basic - a new skin in the works for XBMC - Griffith86 - 2010-10-13 08:10

Griffith86 Wrote:Well, I planned on continuing working on the skin with psike but I guess he got busy and I haven't seen him since we last talked about moving forward with it. Though even if we had continued working on it I would have had to stop since I've been working on a lot of projects as of late.

At any rate, I'm releasing what we had done so far. It's still pretty rough but a lot of the core stuff is done. You are welcome to continue it here or do whatever you want with it, if you'd also like me to upload the PSD (which has stuff designed that hasn't been added to it yet), I can upload that as well.

You can download it here: http://www.megaupload.com/?d=9XEUSU3E

Sorry I couldn't get it finished, real life has just taken priority over it.

Home
[Image: skin-home.jpg]

TV Show - Guide
[Image: skin-tvguide.jpg]

TV Show - Season Guide
[Image: skin-tvseasons.jpg]

TV Show - Episode Guide
[Image: skin-tvepisode.jpg]

Movie
[Image: skin-movie.jpg]

Context Menu
[Image: skin-contextmenu.jpg]


More mockups at the bottom.


- MERKiN - 2010-10-13 08:42

That looks awesome!


- Jezz_X - 2010-10-13 09:26

Looks nice and perfectly doable to me


lOOKS GREAT - ZombieRobot - 2010-10-13 09:46

I have too much on at the moment to help right now but i would if i could good luck looks niceNod


- krish_2k4 - 2010-10-13 12:45

thats looks really pro, kinda looks like the old EPG for sky tv!


- filigran - 2010-10-13 12:45

Agree, perfectly doable.

I've created the same thing myself just now, Movies section with a few different views (only use one, but fun to learn), TVShows section (also with a few different views just for fun), Seasons and Episodes sections (same here), a home screen with recently added stuff and then the Video OSD (including the paused OSD, info OSD and buttons display ('m')) for Movies/TVShows.

Been at it for a month or so (not effective time though, that'd be like 15 hours or thereabouts). Like you I know HTML/CSS since before, and a little XML. Been playing around with other skins for a while, cut'n'paste mostly to see how things are done, but then tried to create my own. I used Confluence as a base, just to have all windows coded from the start (I tried with the empty skin but it's not dharma compatible). Nice to have settings coded if you need something changed for example. So, start hacking! Smile

The wiki is great to find InfoLabels and conditionals, this forum is also a good source of information (not everything is on the wiki) - I search the forum using google though (site:forum.xbmc.org <query>) 'cause the built-in search function sucks. And look at other skins. Usually what you want has been done before. Smile

Design wise it looks really nice, too! Looks like you're confident in PS. That's one of my big holdups - graphical design. Takes me five mins to whip up the code for something, and 30 mins to create any graphics I might need. Smile


- freaktm - 2010-10-13 12:50

I was actually trying to make something similar to this last week, but got frustrated with my huge lack of graphics skill.
I really like the simplicity and focus on what's needed in a skin.. Plus it might be light enough to run more smoothly than eg. Xperience on my media center Big Grin
I'm not a very experienced skinner, though...


- Hitcher - 2010-10-13 15:32

Looks nice.

Coding wise, we had to start somewhere and at least you know XML (I knew nothing just over a year ago). And we're always here to help.


- Griffith86 - 2010-10-13 18:01

Thanks for all of the nice comments and kind words guys.

I still have a couple more things to mock up then it's code time.

filigran Wrote:Design wise it looks really nice, too! Looks like you're confident in PS. That's one of my big holdups - graphical design. Takes me five mins to whip up the code for something, and 30 mins to create any graphics I might need.

I'm actually a graphic/web designer so I have a lot of experience in photoshop/coding. I just hardly ever work with XML.


- Griffith86 - 2010-10-13 20:12

Info
[Image: skin-info.jpg]

TV Show - Logo
[Image: skin-tvlogo.jpg]

OSD
[Image: skin-osd.jpg]


- krish_2k4 - 2010-10-13 20:20

see your a fan of stoner films!

nice mockups.


- Stranger - 2010-10-14 02:26

I'm surprised how much I like this, its probably how clean your design work it is. I am only sceptical on a personal level because I think its to very hard to maintain consistency with fanart, and it appears your design relies on fanart. Although, on different levels so does mediastream, confluence, aeon and other skins.


- TerranQ - 2010-10-14 03:57

I like the layout, but I'm not a fan of the blue/gold colour scheme. To me, htpc skins should be dark, as you usually watch movies/tv in dim lighting conditions/evening, and a bright theme is hard on the eyes.

Just my opinion though, looks nice


- MERKiN - 2010-10-14 04:55

I'd hit it.


- Griffith86 - 2010-10-14 05:22

TerranQ Wrote:I like the layout, but I'm not a fan of the blue/gold colour scheme. To me, htpc skins should be dark, as you usually watch movies/tv in dim lighting conditions/evening, and a bright theme is hard on the eyes.

Just my opinion though, looks nice

I was actually in the process of changing the color scheme to a black/gold theme to make the text easier to read which will be reflected shortly when I upload the new images.