Difference between revisions of "Graphics Work"

From WebOS-Ports
Jump to navigation Jump to search
Line 224: Line 224:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 272: Line 272:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 280: Line 280:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 288: Line 288:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 296: Line 296:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 304: Line 304:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 312: Line 312:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 320: Line 320:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 328: Line 328:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 336: Line 336:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 344: Line 344:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 352: Line 352:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 360: Line 360:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 368: Line 368:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 376: Line 376:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 384: Line 384:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 392: Line 392:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 400: Line 400:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 408: Line 408:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 416: Line 416:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|-
 
|-
Line 424: Line 424:
 
|Complete
 
|Complete
  
|No
+
|Yes
  
 
|}
 
|}
Line 557: Line 557:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]
 
|[[File:[email protected]|75px]]
|No
+
|Yes
  
 
|-
 
|-
Line 565: Line 565:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]
 
|[[File:[email protected]|75px]]
|No
+
|Yes
  
 
|-
 
|-
Line 573: Line 573:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]
 
|[[File:[email protected]|75px]]
|No
+
|Yes
  
 
|-
 
|-
Line 625: Line 625:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]
 
|[[File:[email protected]|75px]]
|No
+
|Yes
  
 
|-
 
|-
Line 649: Line 649:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]
 
|[[File:[email protected]|75px]]
|No
+
|Yes
  
 
|-
 
|-
Line 666: Line 666:
 
|Complete
 
|Complete
 
|[[File:[email protected]|75px]]  
 
|[[File:[email protected]|75px]]  
|No
+
|Yes
  
 
|-
 
|-

Revision as of 15:26, 8 January 2013

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 [email protected] Appstache Complete Bluetooth-connected@4x.png Yes
bluetooth-connecting.png [email protected] Appstache Complete Bluetooth-connecting@4x.png Yes
bluetooth-error.png [email protected] Appstache Complete Bluetooth-error@4x.png Yes
bluetooth-on.png [email protected] Appstache Complete Bluetooth-on@4x.png Yes
icon-mute.png [email protected] Appstache Complete Icon-mute@4x.png Yes
icon-mute-off.png [email protected] Appstache Complete Icon-mute-off@4x.png Yes
icon-rotation-lock.png [email protected] Appstache Complete Icon-rotation-lock@4x.png Yes
icon-rotation-lock-off.png [email protected] Appstache Complete Icon-rotation-lock-off@4x.png Yes
battery-0.png [email protected] Isandunk Complete Battery-0@4x.png Yes
battery-1.png [email protected] Isandunk Complete Battery-1@4x.png Yes
battery-2.png [email protected] Isandunk Complete Battery-2@4x.png Yes
battery-3.png [email protected] Isandunk Complete Battery-3@4x.png Yes
battery-4.png [email protected] Isandunk Complete Battery-4@4x.png Yes
battery-5.png [email protected] Isandunk Complete Battery-5@4x.png Yes
battery-6.png [email protected] Isandunk Complete Battery-6@4x.png Yes
battery-7.png [email protected] Isandunk Complete Battery-7@4x.png Yes
battery-8.png [email protected] Isandunk Complete Battery-8@4x.png Yes
battery-9.png [email protected] Isandunk Complete Battery-9@4x.png Yes
battery-10.png [email protected] Isandunk Complete Battery-10@4x.png Yes
battery-11.png [email protected] Isandunk Complete Battery-11@4x.png Yes
battery-charged.png [email protected] Isandunk Complete Battery-charged@4x.png Yes
battery-charging-0.png [email protected] Isandunk Complete Battery-charging-0@4x.png Yes
battery-charging-1.png [email protected] Isandunk Complete Battery-charging-1@4x.png Yes
battery-charging-2.png [email protected] Isandunk Complete Battery-charging-2@4x.png Yes
battery-charging-3.png [email protected] Isandunk Complete Battery-charging-3@4x.png Yes
battery-charging-4.png [email protected] Isandunk Complete Battery-charging-4@4x.png Yes
battery-charging-5.png [email protected] Isandunk Complete Battery-charging-5@4x.png Yes
battery-charging-6.png [email protected] Isandunk Complete Battery-charging-6@4x.png Yes
battery-charging-7.png [email protected] Isandunk Complete Battery-charging-7@4x.png Yes
battery-charging-8.png [email protected] Isandunk Complete Battery-charging-8@4x.png Yes
battery-charging-9.png [email protected] Isandunk Complete Battery-charging-9@4x.png Yes
battery-charging-10.png [email protected] Isandunk Complete Battery-charging-10@4x.png Yes
battery-charging-11.png [email protected] Isandunk Complete Battery-charging-11@4x.png Yes
battery-error.png [email protected] Isandunk Complete Battery-error@4x.png Yes

Screen Lock

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


screen-lock-clock-0.png [email protected] Isandunk Complete Screen-lock-clock-0@4x.png Yes
screen-lock-clock-1.png [email protected] Isandunk Complete Screen-lock-clock-1@4x.png Yes
screen-lock-clock-2.png [email protected] Isandunk Complete Screen-lock-clock-2@4x.png Yes
screen-lock-clock-3.png [email protected] Isandunk Complete Screen-lock-clock-3@4x.png Yes
screen-lock-clock-4.png [email protected] Isandunk Complete Screen-lock-clock-4@4x.png Yes
screen-lock-clock-5.png [email protected] Isandunk Complete Screen-lock-clock-5@4x.png Yes
screen-lock-clock-6.png [email protected] Isandunk Complete Screen-lock-clock-6@4x.png Yes
screen-lock-clock-7.png [email protected] Isandunk Complete Screen-lock-clock-7@4x.png Yes
screen-lock-clock-8.png [email protected] Isandunk Complete Screen-lock-clock-8@4x.png Yes
screen-lock-clock-9.png [email protected] Isandunk Complete Screen-lock-clock-9@4x.png Yes
screen-lock-clock-colon.png [email protected] Isandunk Complete Screen-lock-clock-colon@4x.png Yes
screen-lock-clock-decimal.png [email protected] Isandunk Complete Screen-lock-clock-decimal@4x.png Yes
Screen-lock-incoming-call-off.png [email protected] Isandunk Complete Screen-lock-incoming-call-off@4x.png Yes
Screen-lock-incoming-call-on.png [email protected] Isandunk In progress Screen-lock-incoming-call-on@4x.png Yes
Screen-lock-padlock-off.png [email protected] Appstache Complete Screen-lock-padlock-off@4x.png Yes
Screen-lock-padlock-on.png [email protected] Appstache Complete Screen-lock-padlock-on@4x.png Yes
screen-lock-target-scrim.png [email protected] Appstache Complete Screen-lock-target-scrim@4x.png Yes
screen-lock-wallpaper-mask-bottom.png [email protected] Isandunk Complete Screen-lock-wallpaper-mask-bottom@4x.png Yes

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) No
activity-progress.png [email protected] Appstache Drafting (awaiting upload) No
activity-spinner.png [email protected] Appstache Drafting (awaiting upload) No
activity-static.png [email protected] Appstache Complete Activity-static@4x.png Yes
default-app-icon.png [email protected] Appstache Complete Default-app-icon@4x.png Yes
empty-launcher.png [email protected] Appstache Complete Empty-launcher@4x.png Yes
fullscreen-play-button.png [email protected] Appstache Complete Fullscreen-play-button@4x.png Yes
loading-strip.png [email protected] Appstache Complete Loading-strip@4x.png Yes


normal-bg.png [email protected] (WARNING: 10MB file) Isandunk Complete Normal-bg@4x.png Yes
overlay-banner-bg.png [email protected] Isandunk Complete (Deprecated) Overlay-banner-bg@4x.png Yes
penindicator-ripple.png [email protected] Isandunk Complete Penindicator-ripple@4x.png Yes
popup-bg.png [email protected] Isandunk Complete Popup-bg@4x.png Yes
scrim.png [email protected] Isandunk Complete Scrim@4x.png Yes
search-pill.png [email protected] Appstache Complete (Obsolete) Search-pill@4x.png Yes
search-field-bg-launcherx.png [email protected] Appstache Complete Search-field-bg-launcher@4x.png Yes
search-button-launcherx.png [email protected] Appstache Complete Search-button-launcher@4x.png Yes
spinner.png [email protected] Appstache Drafting 75px No
wm-corner-bottom-left [email protected] Isandunk Complete Wm-corner-bottom-left@4x.png Yes
wm-corner-bottom-right [email protected] Isandunk Complete Wm-corner-bottom-right@4x.png Yes
wm-corner-top-left [email protected] Isandunk Complete Wm-corner-top-left@4x.png Yes
wm-corner-top-right [email protected] Isandunk Complete Wm-corner-top-right@4x.png Yes

PIN

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


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

Application icons

Memos / Notes

1x Filename 4x Filename Assigned to Status File preview In rootfs?
icon.png [email protected] isandunk Complete Memos-icon@4x.png No
icon-256x256.png [email protected] isandunk Complete Memos-icon-256x256@4x.png No

Preware

1x Filename 4x Filename Assigned to Status File preview In rootfs?
icon.png [email protected] virox Complete Preware-icon@4x.png ?

New/Custom Work

Since we'll probably be adding/reimplementing things in the long-run, we're going to be needing some brand new graphics. Requests (new and finished) go here.

Filename Description Assigned to Status File preview In rootfs?


ports-logo-normal.png The webOS Ports logo, for use on the bootscreen. Appstache Complete Ports-logo-normal.png No
ports-logo-glow.png The webOS Ports logo, for use on the bootscreen. (Glowing) Appstache Complete Ports-logo-glow.png No
emoticon-frown.png Smiley- :( No
emoticon-cry.png Smiley- :'( No
emoticon-smile.png Smiley- :) No
emoticon-wink.png Smiley- ;) No
emoticon-yuck.png Smiley- :P No
emoticon-gasp.png Smiley- :O No
emoticon-heart.png Smiley- <3 No