Skip to main content
added 198 characters in body
Source Link

Since you're experienced on back-end technologies, the tool part should be a snap, but color selection is subjective. In my opinion, you need a workflow to step through.

If you don't want to go with neutrals only, and you want other harmonious brights for alerts and other elements that need to win the bid for attention, find something in nature that contains your two colors, teal and orange, and photograph it. I said something in nature because chances are the other colors you find besides teal and orange won't clash with your logo.

Take the nature photo and open it in Photoshop. Pixelate the image into large-ish pixels. Then sample the colors manually, or pick the legacy menu item, "Save for web" and select a small number of colors to downsample that image to. Now you have a color palette that can get you started.

Here's an example using my daughter's cat, Shakira as the thing found in nature:

Shakira as basis of a color palette of griege and brown

You could try Themeroller to experiment with different color choices for common UI elements like headers, switches, buttons, and active, disabled and selected states. It will preview common widgets and layout elements for mobile web, and you can quickly spot less than ideal design choices and correct them. Then you can download your theme as a .zip file and use and share it.

Since you're experienced on back-end technologies, the tool part should be a snap, but color selection is subjective. In my opinion, you need a workflow to step through.

If you don't want to go with neutrals only, and you want other harmonious brights for alerts and other elements that need to win the bid for attention, find something in nature that contains your two colors, teal and orange, and photograph it. I said something in nature because chances are the other colors you find besides teal and orange won't clash with your logo.

Take the nature photo and open it in Photoshop. Pixelate the image into large-ish pixels. Then sample the colors manually, or pick the legacy menu item, "Save for web" and select a small number of colors to downsample that image to. Now you have a color palette that can get you started.

You could try Themeroller to experiment with different color choices for common UI elements like headers, switches, buttons, and active, disabled and selected states. It will preview common widgets and layout elements for mobile web, and you can quickly spot less than ideal design choices and correct them. Then you can download your theme as a .zip file and use and share it.

Since you're experienced on back-end technologies, the tool part should be a snap, but color selection is subjective. In my opinion, you need a workflow to step through.

If you don't want to go with neutrals only, and you want other harmonious brights for alerts and other elements that need to win the bid for attention, find something in nature that contains your two colors, teal and orange, and photograph it. I said something in nature because chances are the other colors you find besides teal and orange won't clash with your logo.

Take the nature photo and open it in Photoshop. Pixelate the image into large-ish pixels. Then sample the colors manually, or pick the legacy menu item, "Save for web" and select a small number of colors to downsample that image to. Now you have a color palette that can get you started.

Here's an example using my daughter's cat, Shakira as the thing found in nature:

Shakira as basis of a color palette of griege and brown

You could try Themeroller to experiment with different color choices for common UI elements like headers, switches, buttons, and active, disabled and selected states. It will preview common widgets and layout elements for mobile web, and you can quickly spot less than ideal design choices and correct them. Then you can download your theme as a .zip file and use and share it.

Source Link

Since you're experienced on back-end technologies, the tool part should be a snap, but color selection is subjective. In my opinion, you need a workflow to step through.

If you don't want to go with neutrals only, and you want other harmonious brights for alerts and other elements that need to win the bid for attention, find something in nature that contains your two colors, teal and orange, and photograph it. I said something in nature because chances are the other colors you find besides teal and orange won't clash with your logo.

Take the nature photo and open it in Photoshop. Pixelate the image into large-ish pixels. Then sample the colors manually, or pick the legacy menu item, "Save for web" and select a small number of colors to downsample that image to. Now you have a color palette that can get you started.

You could try Themeroller to experiment with different color choices for common UI elements like headers, switches, buttons, and active, disabled and selected states. It will preview common widgets and layout elements for mobile web, and you can quickly spot less than ideal design choices and correct them. Then you can download your theme as a .zip file and use and share it.