How to make cool dialogs by OmniGraffle

Some friends ask me how to make cool dialogs like my dialogs. I don’t know whether my dialogs are truly cool. But, the method to make them is here. This entry is dedicated to all of programmers who want to make dialogs without designers.

Make a primitive box

Set its color with the liner gradation


90 degree is the best. And, the end color and the start color is the same color. Then, adjust the color saturation of the end color for your hope. I always set 21%.

Set the line style

I can’t explain this factor in English well, because I don’t know English edition of OmuniGraffle. See the following screenshot.

Add a primitive box

Sets its color with the liner gradation

This gradation is for transparent expression.

The start color and the end color is the same white color. And, make the end color transparence:

Remove outline of the additional box

To remove outline and get a roundness box, make the line color transparence. You should not set zero to line width, for a roundness box.

Complete!

Adjust each dialogs for your best.

Save your dialog as a group. And adjust its colors.

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s