<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom">
    <title>Design Isn't Scary : Brown Wing Studio Blog</title>
    <subtitle>useful tidbits from the design world</subtitle>
    <id>http://design.brownwingstudio.com/feed/</id>
    <updated>2013-02-03T07:22:54-06:00</updated>
    <link href="http://design.brownwingstudio.com/feed/" rel="self" type="application/atom+xml" />
    <link href="http://design.brownwingstudio.com" />
    <generator uri="http://chyrp.net/" version="2.1.2">Chyrp</generator>
    <entry>
        <title type="html">Prettify Your Android</title>
        <id>tag:design.brownwingstudio.com,2013-02-04:/id/4/</id>
        <updated>2013-02-04T17:19:02-06:00</updated>
        <published>2013-02-03T07:22:54-06:00</published>
        <link rel="alternate" type="text/html" href="http://design.brownwingstudio.com/2013/02/03/prettify-your-android/" />
        <author>
            <name>brownwingstudio</name>
            <uri>http://design.brownwingstudio.com</uri>
        </author>
        <content type="html">&lt;p&gt;One of the coolest thing about Android phones is the fact that you can make them look just about any way you want. Here's a screenshot of my current set-up:&lt;/p&gt;

&lt;img alt="android" src="http://design.brownwingstudio.com/uploads/galaxy_s3_template.png" &gt;

&lt;p&gt;I posted my screen on &lt;a href="http://mycolorscreen.com" target="_blank"&gt;mycolorscreen.com&lt;/a&gt;, where I received a question on how to make it. I tried to post a tutorial, encountered some problems with the website, and decided to just write one up and put it here.&lt;/p&gt;

&lt;h2&gt;The How To&lt;/h2&gt;
&lt;p&gt;This is all pretty easy. I designed the background and the skin for UCCW, but I've put them online so anyone can download them for free. You'll also need some apps, and the ability to download images and files onto your phone. Some of the apps have a free version, some do not. (The most expensive one is $4.) Here are the steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;a href="https://www.box.com/s/o7f90ab2enpykth9a1us" target="_blank"&gt;download background from here&lt;/a&gt;, and set it as the background for your phone&lt;/li&gt;
&lt;li&gt;&lt;a href="http://goo.gl/V3N78" target="_blank"&gt;download and install Nova Launcher Prime&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;set Nova Launcher desktop grid to 8x4&lt;/li&gt;
&lt;li&gt;set Nova Launcher width margin to none, height margin to medium&lt;/li&gt;
&lt;li&gt;set Nova Launcher dock to small icons, uncheck &amp;quot;show divider&amp;quot;&lt;/li&gt;
&lt;li&gt;download and install &lt;a href="http://goo.gl/jy3WT" target="_blank"&gt;Eye in Sky&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;place Eye in Sky current weather widget on desktop&lt;/li&gt;
&lt;li&gt;download and install &lt;a href="http://goo.gl/yEy5q" target="_blank"&gt;Battery Widget? Reborn&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;place battery life widget on desktop, set colors to black and white as shown&lt;/li&gt;
&lt;li&gt;download and install &lt;a href="http://goo.gl/wgmlv" target="_blank"&gt;Ultimate Custom Widget (UCCW)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;download my UCCW skin (uzip file) &lt;a href="https://www.box.com/s/fsaffnkbm6k3dw5wb6jq" target="_blank"&gt;here&lt;/a&gt;, and save it on your Android in an easily accessible place&lt;/li&gt;
&lt;li&gt;Place UCCW 3x1 widget on desktop&lt;/li&gt;
&lt;li&gt;When prompted, select &amp;quot;import skin&amp;quot;&lt;/li&gt;
&lt;li&gt;Navigate to the saved uzip file on your phone and open it, add widget to desktop&lt;/li&gt;
&lt;li&gt;download and install &lt;a href="http://goo.gl/zjjdZ" target="_blank"&gt;RoundGlassBlue icon theme&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;set Nova Launcher icons to RoundGlassBlue&lt;/li&gt;
&lt;li&gt;clean up the desktop, resize and position widgets, etc&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;There you have it. Your Android is now prettified.&lt;/p&gt;</content>
        <category scheme="http://design.brownwingstudio.com/tag/" term="color" label="color" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="design" label="design" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="android" label="Android" />
    </entry>
    <entry>
        <title type="html">Don't Blame the WYSIWYG Editor</title>
        <id>tag:design.brownwingstudio.com,2012-10-05:/id/3/</id>
        <updated>2012-10-05T10:37:46-05:00</updated>
        <published>2012-10-05T09:38:49-05:00</published>
        <link rel="alternate" type="text/html" href="http://design.brownwingstudio.com/2012/10/05/dont-blame-the-wysiwyg-editor/" />
        <author>
            <name>brownwingstudio</name>
            <uri>http://design.brownwingstudio.com</uri>
        </author>
        <content type="html">&lt;p&gt;It used to  be you couldn&amp;#8217;t build a website without either a) knowledge of HTML or b) access to expensive software.&lt;/p&gt;
&lt;p&gt;That&amp;#8217;s not the case anymore.&lt;/p&gt;
&lt;p&gt;In the last few years we&amp;#8217;ve seen a proliferation of cheap and easy ways to get a website online. Because of this, more and more people are taking on the task of maintaining their websites themselves.&lt;/p&gt;
&lt;p&gt;At least once a week I get a call or email from a frustrated client elbow deep in updating their website. They say, &amp;#8220;The text won&amp;#8217;t line up,&amp;#8221; or &amp;#8220;The spacing is all wrong.&amp;#8221; Then inevitably comes the statement, &amp;#8220;This stupid editor thing doesn&amp;#8217;t work.&amp;#8221;&lt;/p&gt;
&lt;p&gt;Here I take  offense. Because a WYSIWYG editor (WYSIWYG stands for &amp;#8220;What You See Is What You Get&amp;#8221;) is anything but stupid.&lt;/p&gt;
&lt;p&gt;In human terms, a WYSIWYG editor is a translator. It takes plain old text and turns it into HTML (the language of a web page). This is a complex change, with some elements that don't translate well. Most human translators have accents, so it  makes sense a digital one would as well.&lt;/p&gt;
&lt;p&gt; While most WYSIWYG editors do a good job converting basic text to HTML, where they tend to lose their edge is text formatting and spacing. But keep this in perspective. Can you get everything in Word to line up exactly the way you want every time, with zero frustration? Or do you end up feverishly using the &amp;#8220;undo&amp;#8221; key after your two columns somehow split into chaos on the page? Yeah. Me too.&lt;/p&gt;
&lt;p&gt;(Something else to keep in mind: &lt;a href="http://design.brownwingstudio.com/2012/09/07/why-you-care-about-color"&gt;you shouldn&amp;#8217;t be changing the color of that text&lt;/a&gt; anyway.)&lt;/p&gt;
&lt;p&gt;Word is a huge, elaborate program able to make use of all your computer&amp;#8217;s resources, devoted solely to formatting text.&lt;/p&gt;
&lt;p&gt;A WYSIWYG editor is a tiny little program, dialed down to function in your browser, charged with the task of not only converting your text to HTML, but inserting it into the correct place on your webpage. Keep that in mind before you get too critical.&lt;/p&gt;
&lt;p&gt;I prefer not to use WYSIWYG editors. This is because I am fluent in HTML, and I can write in that language quickly and accurately without going through an intermediary.&lt;/p&gt;
&lt;p&gt;Because here&amp;#8217;s the thing. HTML is  quite simple. You could learn it yourself. If you invested a few weeks in an online course, you&amp;#8217;d save hours of frustrating publishing, editing and republishing of your website. (Just make sure you learn the version of HTML your website is written in.)&lt;/p&gt;
&lt;p&gt;If you don&amp;#8217;t have the time or inclination to learn HTML, have a little patience with your WYSIWYG editor. It&amp;#8217;s doing the best it can.&lt;/p&gt;
</content>
        <category scheme="http://design.brownwingstudio.com/tag/" term="html" label="HTML" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="wysiwyg" label="WYSIWYG" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="code" label="code" />
    </entry>
    <entry>
        <title type="html">Why You Care About Color</title>
        <id>tag:design.brownwingstudio.com,2012-10-05:/id/1/</id>
        <updated>2012-10-05T10:24:19-05:00</updated>
        <published>2012-09-07T18:15:21-05:00</published>
        <link rel="alternate" type="text/html" href="http://design.brownwingstudio.com/2012/09/07/why-you-care-about-color/" />
        <author>
            <name>brownwingstudio</name>
            <uri>http://design.brownwingstudio.com</uri>
        </author>
        <content type="html">
Given a text editor with a color picker, it seems most people can't seem to resist choosing and applying different colors to different parts of their websites or newsletters. The result is reminiscent of what might happen if you left a toddler alone in your living room for two hours with several pots of open finger-paints. Any adult would walk into that living room and cringe. And yet, most people don't see the parallel between slinging paint across their furniture and dropping a fuschia headline into their gray and blue website.

When I try to talk to clients about color, one of the most common remarks they make when I encourage them to limit their palette is, "I just want to be creative." They don't realize that most toddlers just want to be creative too, and too much creativity leads to mess and chaos.

To think about color correctly, keep a few basic rules in mind. 

&lt;h2&gt;Color is Mood&lt;/h2&gt;
Every color invokes a mood. Sometimes we feel blue. Stop signs are red because red commands attention. The same is true of your brand's colors. Think about the emotional experience you want someone to have when they think about your brand, and pick colors accordingly. A good scheme is well-rounded. Make sure you have a dark, legible color for your text, a highlight color that draws the eye, and a mid-range color that can fill a lot of space. You should also have a neutral tone to create breathing room between your colors. If you're stuck, hire a professional graphic designer to help with this. I'm not kidding. Good color choices give you a direct line of influence over your customers' emotions. That's huge.

&lt;h2&gt;Color is Specific&lt;/h2&gt;
"Blue" cannot be part of your pallet. You need one particular blue. For the internet, that means hex codes. &lt;span style="background:#00fcf3; color: #000;"&gt;#00fcf3&lt;/span&gt; and &lt;span style="color: #fff; background: #001986;"&gt;#001986&lt;/span&gt; are both blue, but they don't look anything alike. Being consistent with your colors is important because people care about color, and people recognize color. If you use one blue on your website, another blue in your newsletter, and yet another blue on your Twitter background, it will take much, much longer for your brand to start to resonate. An average person has to see your brand seven times before they remember it. But if you change your colors around, people won't connect your TV spot to your business card, and you'll never get there.

&lt;h2&gt;Color is Brand&lt;/h2&gt;
Once you have your colors DO NOT USE ANY OTHER COLORS AT ALL, EVER. I'm serious. This applies to everything from your business cards to your sale banner. This is the number one mistake people make in their marketing materials. If you chose your color scheme wisely, you will have all the colors you need for every situation. All it takes is discipline. When you find yourself reaching for that Thanksgiving cornucopia pallet because fall is in the air, STOP, take a deep breath, and resist the impulse. Nothing will dilute your branding message faster than straying from your color scheme.

&lt;h2&gt;Color is Recognition&lt;/h2&gt;
Once people have seen your color scheme a few times, they will recognize it. This is oh so powerful for so many reasons. It means a person can be digging through their purse and see the very corner of your business card. They'll register the colors and your business will pop into their head. They won't need to read your name or see your logo. You won't have to send them a follow-up email. All they'll have to do is glimpse your color scheme, and they will think of you. It's like magic.</content>
        <category scheme="http://design.brownwingstudio.com/tag/" term="design" label="design" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="color" label="color" />
        <category scheme="http://design.brownwingstudio.com/tag/" term="branding" label="branding" />
    </entry>
</feed>
