Difference between revisions of "Interface Concept: ViRR Image Size"
m |
|||
| Line 27: | Line 27: | ||
{|{{Prettytable}} | {|{{Prettytable}} | ||
|- style="color:black;background-color:#a4d3e1;" | |- style="color:black;background-color:#a4d3e1;" | ||
!GUI V1 (ViRR<R3)!!Applied | !GUI V1 (ViRR<R3)!!DIV width in GUI!!Applied format!!GUI V2 (ViRR>R3)!!DIV width in GUI!!Applied format!!Needed image formats | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|Small View|| | |Small View||144||144px || || | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|2 Column View|| | |2 Column View||445px||544px|| || | ||
|- bgcolor = #eee | |- bgcolor = #eee | ||
|1 Column View||144px|| || || | |1 Column View||144px|| || || | ||
| Line 51: | Line 51: | ||
==Resolution== | ==Resolution== | ||
The resolution should be at 72px for screen display. This means one pixel of the image is mapped to exactly one pixel of the target resolution of the client. | The resolution should be at 72px for screen display. This means one pixel of the image is mapped to exactly one pixel of the target resolution of the client. | ||
=Dimensions= | =Dimensions= | ||
Revision as of 09:33, 13 January 2010
This is a protected page.
| APPLICATION AREAS |
|---|
|
|
| PROJECTS |
|
Research- and Metadata Handling Corporate & Interface Design (under Rework) |
| edit |
Source Images Properties[edit]
Examples from source images
dt9bg18q+bd2=d0001:
Resolution: 72px Width: 3072 Pixel Height: 3840 Pixel
Ratio: 1.25
dt9bg20q+bd5-6_druck2=d0001:
Resolution: 72px
Width: 3072 Pixel
Height: 3840 Pixel
Ratio: 1.25
Preparation of images for web usage[edit]
| GUI V1 (ViRR<R3) | DIV width in GUI | Applied format | GUI V2 (ViRR>R3) | DIV width in GUI | Applied format | Needed image formats |
|---|---|---|---|---|---|---|
| Small View | 144 | 144px | ||||
| 2 Column View | 445px | 544px | ||||
| 1 Column View | 144px | |||||
| Windowed View | 144px |
The following prerequisites need to be considered:
Aspect ration[edit]
Needs to be considered in any case. This can be achieved if
- only a percentage is handed over for resize
- only the horizontal with is handed over for resize
Resolution[edit]
The resolution should be at 72px for screen display. This means one pixel of the image is mapped to exactly one pixel of the target resolution of the client.
Dimensions[edit]
In order not to run in problems with the aspect ration the dimensions further on only refer to the width of the image.
The maximum of available space defined in the prototype for R3 is 375px horizontal width.
The defined space in the interface is:
- Small View: 144px
- Medium view (2 columns):