• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

Design Focus: RGB to CMYK

April 5, 2013 By Sophia Lucero

We’re still looking at color schemes this week, but instead of a single hue it’s several, and actually the foundations at that.

Designs of the Week

Ready to go out and design your next website? Try building with the Catalyst Framework.

Samcreate
Samcreate

Cool spiral and dots pattern on the background that re-renders when you load or resize the page—it’s just a side-effect of using canvas, but the way it animates is a welcome touch. The large top left logo switches to a small one and move to the right when the viewport gets smaller, along with the navigation becoming affixed to the top. I like the play between the bright colors and the elegant serifs, swashes, and blacks.

Rdio
Rdio

It’s nice how the faces get less detailed and more muted as you go farther from the center of the page. Pretty much everything else is a flat interface, and stays in neutral shades with bright accents for headings and icons.

Marianne Brandt Designwettbewerb
Marianne Brandt Designwettbewerb

I’m enjoying the concept of seeing multiple pages of a site stacked on top of the other, sliding the previous content away when you click on the next one. It gives you a feeling that you’re browsing horizontally and vertically, like flipping through real paper, but there’s really no sideways scrolling involved.

Tynan D'Arcy
Tynan D’Arcy

A sprinkling of parallax, plus irregular four-sided shapes as both decor, charts, and photo frames. The shape of the buttons is also quite interesting. Clicking on Contact when you’re viewing a project doesn’t seem to work though—you have to go back to the home to let it scroll down to that area.

Latcho Drom
Latcho Drom

I think I get where the red, green, and blue choices come from: when you combine it with a horizontal line pattern you know it has to mean the scan lines and projections from film and television screens. This one operates completely on the horizontal plane. Like the other RGB sites here the color usage comes off a bit strong but the look definitely stands out and the concept is enjoyable.

Social Media Weekly

Pagelines lets you build WordPress websites and it’s as easy as drag and drop, go check it out!

CSS, Responsive Web Design – Media Queries are a Hack
“I want write-once, use-anywhere—that’s what modular code is. Media queries are not that. They’re write-everywhere.”

Design, Programming – Lessons in Learning: Creating a Functional Prototype
“All of these things let us make decisions by actually using the product. Usage is oxygen for product design.”

Typography – Setting Type for User Interfaces
“An isolated word that is comprised of fewer than 20 characters will be read more slowly than a word that forms part of a longer sentence.”

Web Design – An Event Apart: 10 Commandments of Web Design
“Love thy user as thyself: treat people well. Do things that you would like to have done to you.”

Filed Under: Design Focus

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

php_frameworks

Top 7 PHP Frameworks

Search