Difference between revisions of "Graphics Work"
Jump to navigation
Jump to search
m |
(Standardise page thumbnails to 75px) |
||
| Line 55: | Line 55: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:bluetooth-connected@4x.png]] | + | |[[File:bluetooth-connected@4x.png|75px]] |
|- | |- | ||
| Line 62: | Line 62: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:bluetooth-connecting@4x.png]] | + | |[[File:bluetooth-connecting@4x.png|75px]] |
|- | |- | ||
| Line 69: | Line 69: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:bluetooth-error@4x.png]] | + | |[[File:bluetooth-error@4x.png|75px]] |
|- | |- | ||
| Line 76: | Line 76: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:bluetooth-on@4x.png]] | + | |[[File:bluetooth-on@4x.png|75px]] |
|- | |- | ||
| Line 83: | Line 83: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:icon-mute@4x.png]] | + | |[[File:icon-mute@4x.png|75px]] |
|- | |- | ||
| Line 90: | Line 90: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:icon-mute-off@4x.png]] | + | |[[File:icon-mute-off@4x.png|75px]] |
|- | |- | ||
| Line 97: | Line 97: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:icon-rotation-lock@4x.png]] | + | |[[File:icon-rotation-lock@4x.png|75px]] |
|- | |- | ||
| Line 104: | Line 104: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:icon-rotation-lock-off@4x.png]] | + | |[[File:icon-rotation-lock-off@4x.png|75px]] |
|- | |- | ||
| Line 285: | Line 285: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-0@4x.png| | + | |[[File:Screen-lock-clock-0@4x.png|75px]] |
|- | |- | ||
| Line 292: | Line 292: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-1@4x.png| | + | |[[File:Screen-lock-clock-1@4x.png|75px]] |
|- | |- | ||
| Line 299: | Line 299: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-2@4x.png| | + | |[[File:Screen-lock-clock-2@4x.png|75px]] |
|- | |- | ||
| Line 306: | Line 306: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-3@4x.png| | + | |[[File:Screen-lock-clock-3@4x.png|75px]] |
|- | |- | ||
| Line 313: | Line 313: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-4@4x.png| | + | |[[File:Screen-lock-clock-4@4x.png|75px]] |
|- | |- | ||
| Line 320: | Line 320: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-5@4x.png| | + | |[[File:Screen-lock-clock-5@4x.png|75px]] |
|- | |- | ||
| Line 327: | Line 327: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-6@4x.png| | + | |[[File:Screen-lock-clock-6@4x.png|75px]] |
|- | |- | ||
| Line 334: | Line 334: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-7@4x.png| | + | |[[File:Screen-lock-clock-7@4x.png|75px]] |
|- | |- | ||
| Line 341: | Line 341: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-8@4x.png| | + | |[[File:Screen-lock-clock-8@4x.png|75px]] |
|- | |- | ||
| Line 348: | Line 348: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-9@4x.png| | + | |[[File:Screen-lock-clock-9@4x.png|75px]] |
|- | |- | ||
| Line 355: | Line 355: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-colon@4x.png]] | + | |[[File:Screen-lock-clock-colon@4x.png|75px]] |
|- | |- | ||
| Line 362: | Line 362: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-clock-decimal@4x.png]] | + | |[[File:Screen-lock-clock-decimal@4x.png|75px]] |
|- | |- | ||
| Line 369: | Line 369: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:Screen-lock-incoming-call-off@4x.png| | + | |[[File:Screen-lock-incoming-call-off@4x.png|75px]] |
|- | |- | ||
| Line 376: | Line 376: | ||
|Isandunk | |Isandunk | ||
|In progress | |In progress | ||
| − | |[[File:Screen-lock-incoming-call-on@4x.png| | + | |[[File:Screen-lock-incoming-call-on@4x.png|75px]] |
|} | |} | ||
| Line 440: | Line 440: | ||
|Isandunk | |Isandunk | ||
|Complete | |Complete | ||
| − | |[[File:overlay-banner-bg@4x.png]] | + | |[[File:overlay-banner-bg@4x.png|75px]] |
|- | |- | ||
| Line 468: | Line 468: | ||
|Appstache | |Appstache | ||
|Complete (Obsolete) | |Complete (Obsolete) | ||
| − | |[[File:search-pill@4x.png| | + | |[[File:search-pill@4x.png|75px]] |
|- | |- | ||
| Line 475: | Line 475: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:search-field-bg-launcher@4x.png]] | + | |[[File:search-field-bg-launcher@4x.png|75px]] |
|- | |- | ||
| Line 482: | Line 482: | ||
|Appstache | |Appstache | ||
|Complete | |Complete | ||
| − | |[[File:search-button-launcher@4x.png]] | + | |[[File:search-button-launcher@4x.png|75px]] |
|- | |- | ||
Revision as of 00:39, 18 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
Status Bar
| 1x Filename | 4x Filename | Assigned to | Status | File preview | In rootfs? |
| bluetooth-connected.png | bluetooth-connected@4x.png | Appstache | Complete | 
| |
| bluetooth-connecting.png | bluetooth-connecting@4x.png | Appstache | Complete | 
| |
| bluetooth-error.png | bluetooth-error@4x.png | Appstache | Complete | 
| |
| bluetooth-on.png | bluetooth-on@4x.png | Appstache | Complete | 
| |
| icon-mute.png | icon-mute@4x.png | Appstache | Complete | 
| |
| icon-mute-off.png | icon-mute-off@4x.png | Appstache | Complete | 
| |
| icon-rotation-lock.png | icon-rotation-lock@4x.png | Appstache | Complete | 
| |
| icon-rotation-lock-off.png | icon-rotation-lock-off@4x.png | Appstache | Complete | 
| |
| battery-0.png | battery-0@4x.png | Isandunk | WIP | ||
| battery-1.png | battery-1@4x.png | Isandunk | WIP | 
| |
| battery-2.png | battery-2@4x.png | Isandunk | Complete | 
| |
| battery-3.png | battery-3@4x.png | Isandunk | Complete | 
| |
| battery-4.png | battery-4@4x.png | Isandunk | Complete | 
| |
| battery-5.png | battery-5@4x.png | Isandunk | Complete | 
| |
| battery-6.png | battery-6@4x.png | Isandunk | WIP | ||
| battery-7.png | battery-7@4x.png | Isandunk | WIP | ||
| battery-8.png | battery-8@4x.png | Isandunk | WIP | ||
| battery-9.png | battery-9@4x.png | Isandunk | WIP | ||
| battery-10.png | battery-10@4x.png | Isandunk | WIP | ||
| battery-11.png | battery-11@4x.png | Isandunk | WIP | ||
| battery-charged.png | battery-charged@4x.png | Isandunk | WIP | ||
| battery-charging-0.png | battery-charging-0@4x.png | Isandunk | WIP | ||
| battery-charging-1.png | battery-charging-1@4x.png | Isandunk | WIP | ||
| battery-charging-2.png | battery-charging-2@4x.png | Isandunk | WIP | ||
| battery-charging-3.png | battery-charging-3@4x.png | Isandunk | WIP | ||
| battery-charging-4.png | battery-charging-4@4x.png | Isandunk | WIP | ||
| battery-charging-5.png | battery-charging-5@4x.png | Isandunk | WIP | ||
| battery-charging-6.png | battery-charging-6@4x.png | Isandunk | WIP | ||
| battery-charging-7.png | battery-charging-7@4x.png | Isandunk | WIP | ||
| battery-charging-8.png | battery-charging-8@4x.png | Isandunk | WIP | ||
| battery-charging-9.png | battery-charging-9@4x.png | Isandunk | WIP | ||
| battery-charging-10.png | battery-charging-10@4x.png | Isandunk | WIP | ||
| battery-charging-11.png | battery-charging-11@4x.png | Isandunk | WIP | ||
| battery-error.png | battery-error@4x.png | Isandunk | WIP |
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-1.png | screen-lock-clock-1@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-2.png | screen-lock-clock-2@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-3.png | screen-lock-clock-3@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-4.png | screen-lock-clock-4@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-5.png | screen-lock-clock-5@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-6.png | screen-lock-clock-6@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-7.png | screen-lock-clock-7@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-8.png | screen-lock-clock-8@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-9.png | screen-lock-clock-9@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-colon.png | screen-lock-clock-colon@4x.png | Isandunk | Complete | 
| |
| screen-lock-clock-decimal.png | screen-lock-clock-decimal@4x.png | Isandunk | Complete | 
| |
| Screen-lock-incoming-call-off.png | Screen-lock-incoming-call-off@4x.png | Isandunk | Complete | 
| |
| Screen-lock-incoming-call-on.png | Screen-lock-incoming-call-on@4x.png | Isandunk | In progress | 
|
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 | 
| |
| empty-launcher.png | empty-launcher@4x.png | Appstache | Complete | 
| |
| loading-strip.png | loading-strip@4x.png | Appstache | Complete | 
| |
| overlay-banner-bg.png | overlay-banner-bg@4x.png | Isandunk | Complete | 
| |
| penindicator-ripple.png | penindicator-ripple@4x.png | Isandunk | Complete | 
| |
| popup-bg.png | popup-bg@4x.png | Isandunk | Complete | 
| |
| scrim.png | scrim@4x.png | Isandunk | Complete | 
| |
| search-pill.png | search-pill@4x.png | Appstache | Complete (Obsolete) | 
| |
| search-field-bg-launcherx.png | search-field-bg-launcher@4x.png | Appstache | Complete | 
| |
| search-button-launcherx.png | search-button-launcher@4x.png | Appstache | Complete | 
| |
| wm-corner-bottom-left | wm-corner-bottom-left@4x.png | Isandunk | Complete | 
| |
| wm-corner-bottom-right | wm-corner-bottom-right@4x.png | Isandunk | Complete | 
| |
| wm-corner-top-left | wm-corner-top-left@4x.png | Isandunk | Complete | 
| |
| wm-corner-top-right | wm-corner-top-right@4x.png | Isandunk | Complete | 
|
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 | WIP | ||
| password-lock-field.png | password-lock-field@4x.png | Isandunk | Complete | 
| |
| pin-grid.png | pin-grid@4x.png | Isandunk | Complete | 
| |
| pin-key-highlight.png | pin-key-highlight@4x.png | Isandunk | Complete | 
|
webOS Ports Boot Logo
| Filename | Assigned to | Status | File preview | In rootfs?
|
| ports-logo-normal.png | Appstache | Complete | 
| |
| ports-logo-glow.png | Appstache | Complete | 
|