Frontend Design


HomeWebdesign Management → Frontend Design


Treating frontend design in a single page might be almost impossible. The field is giant, but at least the definition(s) are simple:

“The front end is an interface between the user and the back end, a server hosted software application.”

Or, “the frontend is the visual part of digitally published contents”.

Or, “the frontend is is what the user-agent (typically a browser) is displaying based on the code developers produced (html, css, js, php, and more)”.

Front end design (for web)

Successful front-end designing inludes coding skills. The times, when creatives used to design websites in photoshop and deliver their work to a coder, are passed. The understanding of the frontend technology is fundamental for the designer.

Typical frontend coding (at codePen, an online web developer's tool and community)

Typical frontend coding at codePen, an online web developer’s tool and community.

If there are some general frontend design rules that I could recommend to design manager’s, these could be for instance:

  • Always keep IA, IxD, Usability, UX in mind
  • Mobile first
  • Stay minimal and clean
  • Keep the client’s CI design in mind
  • Use good fonts
  • Use unfunctional decoration elements very moderately. Or better not at all
  • More media, less text
  • KISS (Keep it simple, stupid)

Look at the links page for some samples.


HomeWebdesign Management → Frontend Design

Advertisements

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