[WIP] Linear

  Thread Rating:
  • 13 Votes - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Piers Offline
Senior Member
Posts: 234
Joined: Jan 2011
Reputation: 4
Location: Surrey, UK
Question  [WIP] Linear Post: #1
[Image: t7x9p.png]

I have designed this skin to be easy to navigate, read and use. The orange colour would work with any other colour (maybe the new colour-picker plugin for Eden would be good?).

Note: All mockups are 1920*1080. I have tested them on both a 32" and 42" screen from around three metres away and they look fine to me, if you open them up on your TV you will see what I mean, however everyone views things a bit differently so let me know if you don't agree.

If you have any ideas please do say so and I will try and make a separate mockup for them.
Home - TV

[Image: 57vp4.png]

Home TV - Gray Version - http://anony.ws/i/iRrNT.png

Home - Movies

[Image: P9c5R.png]

Alternative Home - Movies

[Image: UparZ.png]

Alternative Home (No dim on fanart) - Movies

[Image: L1uUK.png]

View - Thumbnail View

[Image: bNHqA.png]
(This post was last modified: 2012-02-02 19:04 by Piers.)
find quote
Piers Offline
Senior Member
Posts: 234
Joined: Jan 2011
Reputation: 4
Location: Surrey, UK
Post: #2
View - Thumbnail View - Options

[Image: hFQAY.png]

View - Poster

[Image: TrCgZ.png]

View - Poster - Side Options

[Image: Cxzh.png]

View - Banner

[Image: QSiPd.png]

View - File List

[Image: RvaBQ.png]

Playing - Info Screen

[Image: NZn8i.png]

HTPC A: Lenovo Q180 | Atom D2550 | 512MB AMD 6450 | 4GB DDR3 | 500GB SATA | Frodo
- Sony STRDH520 | Pioneer S-HS100 | 42" 1080p 100Hz Hitachi
HTPC B: Intel i5 2500K | 1GB AMD 6770 | 8GB DDR3 | 1TBGB SATA | Frodo
- Creative Crap 5.1 | 32" 1080p Cheap
HTPC C: Intel i5 3570K | 2GB AMD 6970 | 16GB DDR3 | 14TB SATA/USB3 | Frodo
- Logitech Z-5500 5.1 | 3 x 24" 1080p AOC Eyefinity

(This post was last modified: 2012-02-02 19:01 by Piers.)
find quote
Piers Offline
Senior Member
Posts: 234
Joined: Jan 2011
Reputation: 4
Location: Surrey, UK
Post: #3
Playing - Pause Screen

[Image: DwAOJ.png]

Playing - Video Options

[Image: mCz6.png]

System - Main

[Image: wdBr2.png]

System - Appearance - File Lists

[Image: jWmYG.png]

HTPC A: Lenovo Q180 | Atom D2550 | 512MB AMD 6450 | 4GB DDR3 | 500GB SATA | Frodo
- Sony STRDH520 | Pioneer S-HS100 | 42" 1080p 100Hz Hitachi
HTPC B: Intel i5 2500K | 1GB AMD 6770 | 8GB DDR3 | 1TBGB SATA | Frodo
- Creative Crap 5.1 | 32" 1080p Cheap
HTPC C: Intel i5 3570K | 2GB AMD 6970 | 16GB DDR3 | 14TB SATA/USB3 | Frodo
- Logitech Z-5500 5.1 | 3 x 24" 1080p AOC Eyefinity

(This post was last modified: 2012-02-02 19:02 by Piers.)
find quote
Maxoo Offline
Fan
Posts: 329
Joined: Mar 2010
Reputation: 11
Location: Paris, France
Post: #4
Try getting rid of the shadow on the text on the upper bar. Also try to add some arrow on the left of 'recently added' and right of 'Custom'.

Other than that, pretty awesome Big Grin

Admin @ Passion-XBMC
(official french community)
find quote
Piers Offline
Senior Member
Posts: 234
Joined: Jan 2011
Reputation: 4
Location: Surrey, UK
Post: #5
Reserved

HTPC A: Lenovo Q180 | Atom D2550 | 512MB AMD 6450 | 4GB DDR3 | 500GB SATA | Frodo
- Sony STRDH520 | Pioneer S-HS100 | 42" 1080p 100Hz Hitachi
HTPC B: Intel i5 2500K | 1GB AMD 6770 | 8GB DDR3 | 1TBGB SATA | Frodo
- Creative Crap 5.1 | 32" 1080p Cheap
HTPC C: Intel i5 3570K | 2GB AMD 6970 | 16GB DDR3 | 14TB SATA/USB3 | Frodo
- Logitech Z-5500 5.1 | 3 x 24" 1080p AOC Eyefinity

(This post was last modified: 2012-02-01 17:08 by Piers.)
find quote
Montellese Offline
Team-XBMC Developer
Posts: 2,829
Joined: Jan 2009
Reputation: 20
Location: Switzerland
Post: #6
I agree that the shadows make the text at the very top much more difficult to read. But I don't necessarily see a reason for those arrows. Just go with what you like best yourself. Everyone likes things in a different way so if you go and try to incorporate any "advice" you get here you probably won't like the result yourself Wink

Always read the XBMC online-manual, FAQ and search the forum before posting.
Do not e-mail XBMC-Team members directly asking for support. Read/follow the forum rules.
For troubleshooting and bug reporting please make sure you read this first.

[Image: badge.gif]
find quote
Piers Offline
Senior Member
Posts: 234
Joined: Jan 2011
Reputation: 4
Location: Surrey, UK
Post: #7
Montellese Wrote:I agree that the shadows make the text at the very top much more difficult to read. But I don't necessarily see a reason for those arrows. Just go with what you like best yourself. Everyone likes things in a different way so if you go and try to incorporate any "advice" you get here you probably won't like the result yourself Wink

Cheers for the advice, I have removed the arrows and removed the inner shadow from all mockup screens. Smile

HTPC A: Lenovo Q180 | Atom D2550 | 512MB AMD 6450 | 4GB DDR3 | 500GB SATA | Frodo
- Sony STRDH520 | Pioneer S-HS100 | 42" 1080p 100Hz Hitachi
HTPC B: Intel i5 2500K | 1GB AMD 6770 | 8GB DDR3 | 1TBGB SATA | Frodo
- Creative Crap 5.1 | 32" 1080p Cheap
HTPC C: Intel i5 3570K | 2GB AMD 6970 | 16GB DDR3 | 14TB SATA/USB3 | Frodo
- Logitech Z-5500 5.1 | 3 x 24" 1080p AOC Eyefinity

(This post was last modified: 2012-02-01 10:50 by Piers.)
find quote
DukeOfTheWicked Offline
Member
Posts: 82
Joined: Oct 2010
Reputation: 0
Location: USA
Post: #8
It looks like you could use the old vertical layout home.xml from confluence for a good base. I would help but my coding is mediocre at best and my free time is never.

My XBMC/Gaming rig:
Cougar Evolution - AMD Phenom II 1100T @ 4ghz w/ custom Noctua 3-fan Cooler - 16gb DDR3 1866 - ASUS Sabertooth 990FX - Nvidia GTX570 superclocked -
SeaSonic Platinum 860W PSU - OCZ Agility 3 240GB SSD - 8TB storage
Mouse- Cyborg R.A.T. 5 Keyboard- Mad Catz V.7
find quote
Japaja Offline
Fan
Posts: 508
Joined: May 2010
Reputation: 2
Location: Croatia
Post: #9
Looking good.

[Image: all-thin-fanart@2x.jpg]
find quote
liquidskin76 Offline
Skilled Skinner
Posts: 1,288
Joined: Aug 2009
Reputation: 16
Location: UK
Post: #10
Hi Piers,

I like this. Clean indeed!

A few tips...

Be wary of font sizes! In practise some of the fonts may be too small for some users (like movie synopsis). I've had the same problem in Welo!

Also, i'm not sure the arrows on the home screen works. People will know to go up or down on the menu!

Regarding other mockups, try and do some for the non-sexy screens!! Big Grin Like settings and context menus.

Hope this helps.

Cheers Wink

[Edit] Also, the design would work well with optional colour themes! Well done!

Welo... a skin for XBMC

HTPC: Streacom FC1 Evo Case | Asus P8H77-I ITX | Intel Core i3 3220T | Kingston HyperX SSD | Kingston DDR3 RAM
Home AV: Sony KDL-40HX723 | Sky+HD | Sony BDP-S480 BD Player | Sony STR-DH820 AV Receiver | Sony Speaker System | Sony PS3 Slim | Logitech Harmony Touch
(This post was last modified: 2012-02-01 12:24 by liquidskin76.)
find quote
Post Reply