[WIP] Linear

  Thread Rating:
  • 14 Votes - 3.14 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Piers Offline
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
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
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
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]

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
(This post was last modified: 2012-02-02 19:01 by Piers.)
find quote
Piers Offline
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
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]

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
(This post was last modified: 2012-02-02 19:02 by Piers.)
find quote
Maxoo Offline
Fan
Posts: 376
Joined: Mar 2010
Reputation: 12
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
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
Post: #5
Reserved

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
(This post was last modified: 2012-02-01 17:08 by Piers.)
find quote
Montellese Online
Team-XBMC Developer
Posts: 3,700
Joined: Jan 2009
Reputation: 34
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
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
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

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
(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: 516
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,366
Joined: Aug 2009
Reputation: 17
Location: Arkham, Gotham City
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!

HTPC: Streacom F1C | Asus H87I-Plus ITX | Intel Core i5-4670T | Kingston HyperX SSD | Kingston DDR3 RAM
Home AV: Sony KDL-40HX723 | Sky+HD | Sony BDP-S480 BD Player | Sony STR-DH820 AV Receiver | Sony 5.1 Speaker System | Sony PS3 Slim | Logitech Harmony Touch
(This post was last modified: 2012-02-01 12:24 by liquidskin76.)
find quote
liquidskin76 Offline
Skilled Skinner
Posts: 1,366
Joined: Aug 2009
Reputation: 17
Location: Arkham, Gotham City
Post: #11
I see you're a UK Surrey lad! So am i originally (Woking), however now in Cornwall.

Man... Cornwall is so much nicer than Surrey!!

HTPC: Streacom F1C | Asus H87I-Plus ITX | Intel Core i5-4670T | Kingston HyperX SSD | Kingston DDR3 RAM
Home AV: Sony KDL-40HX723 | Sky+HD | Sony BDP-S480 BD Player | Sony STR-DH820 AV Receiver | Sony 5.1 Speaker System | Sony PS3 Slim | Logitech Harmony Touch
find quote
Piers Offline
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
Post: #12
liquidskin76 Wrote:I see you're a UK Surrey lad! So am i originally (Woking), however now in Cornwall.

Man... Cornwall is so much nicer than Surrey!!

Cheers for the feedback! Removed the arrows on the recent screens. Also Checked the images on my TV (1920x1080) to see how the text looks Smile

I actually live in Woking (St. Johns) and my grandparents live in Cornwall (Lands End). Where abouts are you?

ps: Adding more screens as I go along - added a boring one (options menu).

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
find quote
Piers Offline
Donor
Posts: 937
Joined: Jan 2011
Reputation: 33
Post: #13
Updated with nearly all screens - a couple of View screens will hopefully be up there later on.

If you've found this post helpful please click on the +/-

HP N54L | 5450 | 2 GB RAM | 28TB HDD/NAS | STR-DH750 | Samsung UE46F5000
AMD GPU Guide & Best Practice | Metro Icon Generator
find quote
Hitcher Offline
Skilled Skinner
Posts: 10,789
Joined: Aug 2007
Reputation: 100
Location: Eastleigh, UK
Post: #14
Nice work and good to see the less eye candy views so quickly.
find quote
Baswazz Offline
Fan
Posts: 376
Joined: Oct 2010
Reputation: 7
Location: Netherlands
Post: #15
I like your concept. Specially the homescreen (the one without the arrows).
Can you make the thumbnail covers a little bigger as-well the text of the info screen/video options. I think it is hard to read on smaller LCD's from the couch.

Can you make the info screen/video options background a little grey'er like system main.
That makes it more confortable for the eye. Big Grin

Just some tips.

Keep it up!

Frontend : Running on AMD Fusion A6-3500
Frontend : Raspberry PI (Raspbmc)
Remote : Motorola Nyxboard Hybrid (revised) / Boxee remote
Ziggo TV Channel Logo Pack (Dutch)
find quote
Post Reply