[WIP] Basic - a new skin in the works for XBMC

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


TV Show - Guide


TV Show - Season Guide


TV Show - Episode Guide


Movie


Context Menu



More mockups at the bottom.

That looks awesome!

Looks nice and perfectly doable to me

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

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

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!

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.

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 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
I'm not a very experienced skinner, though...

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.

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.

Info


TV Show - Logo


OSD