7 Rules for Creating Gorgeous UI

[Ryuzaki]

7 Rules for Creating Gorgeous UI

• Erik D. Kennedy wrote this up on Medium: Source

Definitely click through to see all of the examples.

The Rules:

1. Light comes from the sky
2. Black and white first
3. Double your whitespace
4. Learn the methods of overlaying text on images
5. Make text pop— and un-pop
6. Only use good fonts
7. Steal like an artist

I get a lot of questions about designing with BuSo Lightning, since it's meant to be a framework with incredible page speed that you build upon visually. While its definitely more than useable out of the box, I've seen some fantastic examples of people building beautiful sites with Lightning.

Being a designer in this fashion has some huge hurdles, including having a design sense and knowing some HTML, CSS, and PHP. Tack on jQuery if you please. This post about the 7 Rules will take you very far in understanding the basic principles, with #7 being the most critical.

By simply keeping your eyes open as you browse the net, you can use your browser's developer tools to look into every piece of design you see, including the HTML and CSS (meaning you can steal it and change it). There's no faster way to soup up your design and learn a lot of CSS in the process.

Visual Professionalism is Half the Battle​

And for some eye candy if you need some persuading to click through, here's some of what is talked about in the source above:

​

Out design everyone!

 

[Raymond Luo]

If you have no style, go native.

Native fonts are more than decent enough, and speeds up your page by loading less. Go native, and use one or two additional fonts for taste.

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

Don't forget monospace too.