Difference between revisions of "Graphics Work"

From WebOS-Ports
Jump to: navigation, search
m
(Status Bar)
Line 160: Line 160:
 
|Complete
 
|Complete
 
|[[File:bluetooth-connected@4x.png|75px]]
 
|[[File:bluetooth-connected@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 167: Line 168:
 
|Complete
 
|Complete
 
|[[File:bluetooth-connecting@4x.png|75px]]
 
|[[File:bluetooth-connecting@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 174: Line 176:
 
|Complete
 
|Complete
 
|[[File:bluetooth-error@4x.png|75px]]
 
|[[File:bluetooth-error@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 181: Line 184:
 
|Complete
 
|Complete
 
|[[File:bluetooth-on@4x.png|75px]]
 
|[[File:bluetooth-on@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 188: Line 192:
 
|Complete
 
|Complete
 
|[[File:icon-mute@4x.png|75px]]
 
|[[File:icon-mute@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 195: Line 200:
 
|Complete
 
|Complete
 
|[[File:icon-mute-off@4x.png|75px]]
 
|[[File:icon-mute-off@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 202: Line 208:
 
|Complete
 
|Complete
 
|[[File:icon-rotation-lock@4x.png|75px]]
 
|[[File:icon-rotation-lock@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 209: Line 216:
 
|Complete
 
|Complete
 
|[[File:icon-rotation-lock-off@4x.png|75px]]
 
|[[File:icon-rotation-lock-off@4x.png|75px]]
 +
|Yes
  
 
|-
 
|-
Line 215: Line 223:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 222: Line 232:
 
|WIP
 
|WIP
 
|[[File:battery-1@4x.png]]
 
|[[File:battery-1@4x.png]]
 +
|Yes
  
 
|-
 
|-
Line 229: Line 240:
 
|Complete
 
|Complete
 
|[[File:battery-2@4x.png]]
 
|[[File:battery-2@4x.png]]
 +
|Yes
  
 
|-
 
|-
Line 236: Line 248:
 
|Complete
 
|Complete
 
|[[File:battery-3@4x.png]]
 
|[[File:battery-3@4x.png]]
 +
|Yes
  
 
|-
 
|-
Line 243: Line 256:
 
|Complete
 
|Complete
 
|[[File:battery-4@4x.png]]
 
|[[File:battery-4@4x.png]]
 +
|Yes
  
 
|-
 
|-
Line 250: Line 264:
 
|Complete
 
|Complete
 
|[[File:battery-5@4x.png]]
 
|[[File:battery-5@4x.png]]
 +
|Yes
  
 
|-
 
|-
Line 256: Line 271:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 262: Line 279:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 268: Line 287:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 274: Line 295:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 280: Line 303:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 286: Line 311:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 292: Line 319:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 298: Line 327:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 304: Line 335:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 310: Line 343:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 316: Line 351:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 322: Line 359:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 328: Line 367:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 334: Line 375:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 340: Line 383:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 346: Line 391:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 352: Line 399:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 358: Line 407:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 364: Line 415:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|-
 
|-
Line 370: Line 423:
 
|Isandunk
 
|Isandunk
 
|WIP
 
|WIP
 +
|
 +
|Yes
  
 
|}
 
|}

Revision as of 11:11, 22 November 2012

Due to the lack of high-resolution graphical assets, we need to recreate the existing ones in a scalable/future-proof format.

Specifications

What we have:

  • 1x size baseline: The existing graphic set is formatted for a 10-inch screen at 1024x768.

What we need right now:

  • 1.75x size for phones: For phones such as the GNex, we need graphics that are formatted for a 4-inch screen at 1280x800.
  • 2x size for future tablets: For future high-res tablets (as this is the direction the market is going), we need graphics that are formatted for a 10-inch screen at 2560x1600.

What should have for the future:

4x size for future-proofing: As displays have recently doubled in size, what's to say they won't do the same again? Or perhaps Open webOS will be ported to something with a 4k screen in future? Naturally we don't know, so it's best to be safe and aim high.

What to do:

The images we need recreated in higher resolution are here: luna-sysmgr/webOS-ports/master/images

Each recreation must be exactly 4x the size of the original image (future proofing!) and match the original as closely as possible in terms of style.

(Consistency is a must if Open webOS is to look like a professional product.)

In terms of format, please provide both a resolution independent PSD/SVG source file (if at all possible) and a 4x sized PNG file.

Note: It is not necessary to recreate the HP bootlogo, as we will be using the webOS-ports logo instead (see top-left of wiki.)

Assets

Assignees

When you start work on an asset, add it's filename and your username below. This way, we can coordinate and make sure people don't do unnecessary work.

When you finish work on a given asset, please mark it as complete, upload it's PNG to the wiki via Special:Upload and add it to the page along with a link to the PSD/SVG source file.


Note: Some image previews on this page may be smaller than the actual high resolution asset. Please be sure to grab the correct copy by clicking the image if needed.

Files

Deprecated Graphics

The files listed below are believed to have been deprecated and are no longer in use. If you find any more, please add them below.

General UI

Filename Deprecated by Confirmed by
activity-indicator-32x32.png Isandunk
back-button.png Isandunk
dock-item-shadow-tile.png Isandunk
empty-launcher.png Isandunk
fade-arrow-down.png Isandunk
hp-logo.png Isandunk
hp-logo-bright.png Isandunk
loading-card-scrim.png Isandunk
menu-selection-gradient-last.png Isandunk
meta-move.png Isandunk
overlay-banner-bg.png Isandunk
popup-scrollfade-bottom.png Isandunk
quick_launch_highlight.png Isandunk
reorder-ripple.png Isandunk
search-bottom-fade.png Isandunk
search-pill-no-icon.png Isandunk

Dockmode

Filename Deprecated by
dropdown-bg-row-highlight.png Isandunk

Assets

Status Bar

1x Filename 4x Filename Assigned to Status File preview In rootfs?
bluetooth-connected.png bluetooth-connected@4x.png Appstache Complete Bluetooth-connected@4x.png Yes
bluetooth-connecting.png bluetooth-connecting@4x.png Appstache Complete Bluetooth-connecting@4x.png Yes
bluetooth-error.png bluetooth-error@4x.png Appstache Complete Bluetooth-error@4x.png Yes
bluetooth-on.png bluetooth-on@4x.png Appstache Complete Bluetooth-on@4x.png Yes
icon-mute.png icon-mute@4x.png Appstache Complete Icon-mute@4x.png Yes
icon-mute-off.png icon-mute-off@4x.png Appstache Complete Icon-mute-off@4x.png Yes
icon-rotation-lock.png icon-rotation-lock@4x.png Appstache Complete Icon-rotation-lock@4x.png Yes
icon-rotation-lock-off.png icon-rotation-lock-off@4x.png Appstache Complete Icon-rotation-lock-off@4x.png Yes
battery-0.png battery-0@4x.png Isandunk WIP Yes
battery-1.png battery-1@4x.png Isandunk WIP Battery-1@4x.png Yes
battery-2.png battery-2@4x.png Isandunk Complete Battery-2@4x.png Yes
battery-3.png battery-3@4x.png Isandunk Complete Battery-3@4x.png Yes
battery-4.png battery-4@4x.png Isandunk Complete Battery-4@4x.png Yes
battery-5.png battery-5@4x.png Isandunk Complete Battery-5@4x.png Yes
battery-6.png battery-6@4x.png Isandunk WIP Yes
battery-7.png battery-7@4x.png Isandunk WIP Yes
battery-8.png battery-8@4x.png Isandunk WIP Yes
battery-9.png battery-9@4x.png Isandunk WIP Yes
battery-10.png battery-10@4x.png Isandunk WIP Yes
battery-11.png battery-11@4x.png Isandunk WIP Yes
battery-charged.png battery-charged@4x.png Isandunk WIP Yes
battery-charging-0.png battery-charging-0@4x.png Isandunk WIP Yes
battery-charging-1.png battery-charging-1@4x.png Isandunk WIP Yes
battery-charging-2.png battery-charging-2@4x.png Isandunk WIP Yes
battery-charging-3.png battery-charging-3@4x.png Isandunk WIP Yes
battery-charging-4.png battery-charging-4@4x.png Isandunk WIP Yes
battery-charging-5.png battery-charging-5@4x.png Isandunk WIP Yes
battery-charging-6.png battery-charging-6@4x.png Isandunk WIP Yes
battery-charging-7.png battery-charging-7@4x.png Isandunk WIP Yes
battery-charging-8.png battery-charging-8@4x.png Isandunk WIP Yes
battery-charging-9.png battery-charging-9@4x.png Isandunk WIP Yes
battery-charging-10.png battery-charging-10@4x.png Isandunk WIP Yes
battery-charging-11.png battery-charging-11@4x.png Isandunk WIP Yes
battery-error.png battery-error@4x.png Isandunk WIP Yes

Screen Lock

1x Filename 4x Filename Assigned to Status File preview In rootfs?


screen-lock-clock-0.png screen-lock-clock-0@4x.png Isandunk Complete Screen-lock-clock-0@4x.png
screen-lock-clock-1.png screen-lock-clock-1@4x.png Isandunk Complete Screen-lock-clock-1@4x.png
screen-lock-clock-2.png screen-lock-clock-2@4x.png Isandunk Complete Screen-lock-clock-2@4x.png
screen-lock-clock-3.png screen-lock-clock-3@4x.png Isandunk Complete Screen-lock-clock-3@4x.png
screen-lock-clock-4.png screen-lock-clock-4@4x.png Isandunk Complete Screen-lock-clock-4@4x.png
screen-lock-clock-5.png screen-lock-clock-5@4x.png Isandunk Complete Screen-lock-clock-5@4x.png
screen-lock-clock-6.png screen-lock-clock-6@4x.png Isandunk Complete Screen-lock-clock-6@4x.png
screen-lock-clock-7.png screen-lock-clock-7@4x.png Isandunk Complete Screen-lock-clock-7@4x.png
screen-lock-clock-8.png screen-lock-clock-8@4x.png Isandunk Complete Screen-lock-clock-8@4x.png
screen-lock-clock-9.png screen-lock-clock-9@4x.png Isandunk Complete Screen-lock-clock-9@4x.png
screen-lock-clock-colon.png screen-lock-clock-colon@4x.png Isandunk Complete Screen-lock-clock-colon@4x.png
screen-lock-clock-decimal.png screen-lock-clock-decimal@4x.png Isandunk Complete Screen-lock-clock-decimal@4x.png
Screen-lock-incoming-call-off.png Screen-lock-incoming-call-off@4x.png Isandunk Complete Screen-lock-incoming-call-off@4x.png
Screen-lock-incoming-call-on.png Screen-lock-incoming-call-on@4x.png Isandunk In progress Screen-lock-incoming-call-on@4x.png
screen-lock-wallpaper-mask-bottom.png screen-lock-wallpaper-mask-bottom@4x.png Isandunk Complete Screen-lock-wallpaper-mask-bottom@4x.png

General UI

1x Filename 4x Filename Assigned to Status File preview In rootfs?
activity-indicator-32x32.png activity-indicator-128x128.png Appstache Drafting (awaiting upload)
activity-progress.png activity-progress@4x.png Appstache Drafting (awaiting upload)
activity-spinner.png activity-spinner@4x.png Appstache Drafting (awaiting upload)
activity-static.png activity-static@4x.png Appstache Drafting (awaiting upload)
default-app-icon.png default-app-icon@4x.png Appstache Complete Default-app-icon@4x.png
empty-launcher.png empty-launcher@4x.png Appstache Complete Empty-launcher@4x.png
loading-strip.png loading-strip@4x.png Appstache Complete Loading-strip@4x.png
overlay-banner-bg.png overlay-banner-bg@4x.png Isandunk Complete (Deprecated) Overlay-banner-bg@4x.png
penindicator-ripple.png penindicator-ripple@4x.png Isandunk Complete Penindicator-ripple@4x.png
popup-bg.png popup-bg@4x.png Isandunk Complete Popup-bg@4x.png
scrim.png scrim@4x.png Isandunk Complete Scrim@4x.png
search-pill.png search-pill@4x.png Appstache Complete (Obsolete) Search-pill@4x.png
search-field-bg-launcherx.png search-field-bg-launcher@4x.png Appstache Complete Search-field-bg-launcher@4x.png
search-button-launcherx.png search-button-launcher@4x.png Appstache Complete Search-button-launcher@4x.png
wm-corner-bottom-left wm-corner-bottom-left@4x.png Isandunk Complete Wm-corner-bottom-left@4x.png
wm-corner-bottom-right wm-corner-bottom-right@4x.png Isandunk Complete Wm-corner-bottom-right@4x.png
wm-corner-top-left wm-corner-top-left@4x.png Isandunk Complete Wm-corner-top-left@4x.png
wm-corner-top-right wm-corner-top-right@4x.png Isandunk Complete Wm-corner-top-right@4x.png

PIN

1x Filename 4x Filename Assigned to Status File preview In rootfs?


button-black.png button-black@4x.png Isandunk WIP
button-black-press.png button-black-press@4x.png Isandunk WIP
button-green.png button-green@4x.png Isandunk WIP
button-green-press.png button-green-press@4x.png Isandunk WIP
icon-delete.png icon-delete@4x.png Isandunk Complete Icon-delete@4x.png
password-lock-field.png password-lock-field@4x.png Isandunk Complete Password-lock-field@4x.png
pin-grid.png pin-grid@4x.png Isandunk Complete Pin-grid@4x.png
pin-key-highlight.png pin-key-highlight@4x.png Isandunk Complete Pin-key-highlight@4x.png

Filename Assigned to Status File preview In rootfs?


ports-logo-normal.png Appstache Complete Ports-logo-normal.png
ports-logo-glow.png Appstache Complete Ports-logo-glow.png