Difference between revisions of "Graphics Work"
Jump to navigation
Jump to search
m (→Status Bar) |
|||
| Line 326: | Line 326: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 334: | Line 334: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 342: | Line 342: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 350: | Line 350: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 358: | Line 358: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 366: | Line 366: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 374: | Line 374: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 382: | Line 382: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 390: | Line 390: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 398: | Line 398: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 406: | Line 406: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
| Line 414: | Line 414: | ||
|Isandunk | |Isandunk | ||
| − | | | + | |Complete |
| − | | | + | |[[File:[email protected]]] |
|No | |No | ||
Revision as of 23:05, 1 December 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 | [email protected] | Appstache | Complete | 
|
Yes |
| bluetooth-connecting.png | [email protected] | Appstache | Complete | 
|
Yes |
| bluetooth-error.png | [email protected] | Appstache | Complete | 
|
Yes |
| bluetooth-on.png | [email protected] | Appstache | Complete | 
|
Yes |
| icon-mute.png | [email protected] | Appstache | Complete | 
|
Yes |
| icon-mute-off.png | [email protected] | Appstache | Complete | 
|
Yes |
| icon-rotation-lock.png | [email protected] | Appstache | Complete | 
|
Yes |
| icon-rotation-lock-off.png | [email protected] | Appstache | Complete | 
|
Yes |
| battery-0.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-1.png | [email protected] | Isandunk | Complete | 
|
Yes |
| battery-2.png | [email protected] | Isandunk | Complete | 
|
Yes |
| battery-3.png | [email protected] | Isandunk | Complete | 
|
Yes |
| battery-4.png | [email protected] | Isandunk | Complete | 
|
Yes |
| battery-5.png | [email protected] | Isandunk | Complete | 
|
Yes |
| battery-6.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-7.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-8.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-9.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-10.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-11.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charged.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-0.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-1.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-2.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-3.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-4.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-5.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-6.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-7.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-8.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-9.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-10.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-charging-11.png | [email protected] | Isandunk | Complete | 
|
No |
| battery-error.png | [email protected] | Isandunk | Complete | 
|
No |
Screen Lock
| 1x Filename | 4x Filename | Assigned to | Status | File preview | In rootfs?
|
| screen-lock-clock-0.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-1.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-2.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-3.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-4.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-5.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-6.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-7.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-8.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-9.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-colon.png | [email protected] | Isandunk | Complete | 
|
Yes |
| screen-lock-clock-decimal.png | [email protected] | Isandunk | Complete | 
|
Yes |
| Screen-lock-incoming-call-off.png | [email protected] | Isandunk | Complete | 
|
Yes |
| Screen-lock-incoming-call-on.png | [email protected] | Isandunk | In progress | 
|
Yes |
| screen-lock-target-scrim.png | [email protected] | Appstache | Complete | 
|
No |
| screen-lock-wallpaper-mask-bottom.png | [email protected] | Isandunk | Complete | 
|
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 | 
|
No |
| default-app-icon.png | [email protected] | Appstache | Complete | 
|
Yes |
| empty-launcher.png | [email protected] | Appstache | Complete | 
|
Yes |
| fullscreen-play-button.png | [email protected] | Appstache | Complete | 
|
No |
| loading-strip.png | [email protected] | Appstache | Complete | 
|
Yes
|
| normal-bg.png | [email protected] (WARNING: 10MB file) | Isandunk | Complete | 
|
No |
| overlay-banner-bg.png | [email protected] | Isandunk | Complete (Deprecated) | 
|
Yes |
| penindicator-ripple.png | [email protected] | Isandunk | Complete | 
|
Yes |
| popup-bg.png | [email protected] | Isandunk | Complete | 
|
Yes |
| scrim.png | [email protected] | Isandunk | Complete | 
|
Yes |
| search-pill.png | [email protected] | Appstache | Complete (Obsolete) | 
|
Yes |
| search-field-bg-launcherx.png | [email protected] | Appstache | Complete | 
|
Yes |
| search-button-launcherx.png | [email protected] | Appstache | Complete | 
|
Yes |
| wm-corner-bottom-left | [email protected] | Isandunk | Complete | 
|
Yes |
| wm-corner-bottom-right | [email protected] | Isandunk | Complete | 
|
Yes |
| wm-corner-top-left | [email protected] | Isandunk | Complete | 
|
Yes |
| wm-corner-top-right | [email protected] | Isandunk | Complete | 
|
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 | 
|
Yes |
| password-lock-field.png | [email protected] | Isandunk | Complete | 
|
Yes |
| pin-grid.png | [email protected] | Isandunk | Complete | 
|
Yes |
| pin-key-highlight.png | [email protected] | Isandunk | Complete | 
|
Yes |
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 | 
|
No |
| ports-logo-glow.png | The webOS Ports logo, for use on the bootscreen. (Glowing) | Appstache | Complete | 
|
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 |