Design a pop-up window

It's transparent. why?

The size?

The way of layout?

Principles:

• Make the pop-up window transparent so the visitor can still view the text on the page behind it.
• Text on the pop-up window should be readable and legible.
• Help the window stand out from the background, but different from formal access.
• Flexible size setting, but the window size is never more than 1460*740 px set to 1600*900 resolution.
• Layout: arrange text & graphic in logical order / where you place that element depends on it's relationship to the other pieces.
• Grid-based design
• Simplicity: only show the necessary information.

Criteria & Evaluation:

• Achieve the communication task: Quickly have a glance and get the mainly infos and decide if read or not.
• Text & background: achieve readability and legibility.
• Simplified: only show the useful infos