background preloader

Web Design

Facebook Twitter

HTML5 Please. Developing a Color Scheme and Color Management Tips. Building a website can come with a few unexpected hiccups, one of those being color. Understanding color choices, and how colors may render on different computers is the first step to ensuring that your site has the look you intended. In addition to finding and selecting colors that work for you, it is wise to develop and manage a color scheme for your project. It is simple to create a set of swatches in common image software such as Adobe’s Photoshop or Illustrator and organize colors in such a way that they are easy to find and use.

Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content. Understanding Web Color Colors on the web are made by mixing combinations of red, green and blue hues; this form of color mixing is called RGB color. Because there are 256 variants of each hue, 16 million color combinations are possible using RGB schemes. Create Color Swatches Sometimes creating a color scheme sounds easier than it is.

ColorBlender. Designing Engaging Header Images: Think Outside the Box. One of the first things you do in designing a site is to decide what that first chunk of pixels that users will see looks like. You’ve got to grab their attention and communicate your message above the fold or risk that person moving on to their next open tab. Unfortunately, many of us fall into predictable patterns for this piece of the site. We use the same old tricks, shapes and plugins and come up with a result that might look great, but isn’t really that exciting. Today we’ll take a brief look at how you can make your header images more interesting. Along the way we’ll see some live examples from sites that have implemented these techniques successfully. The Standard, Boring Header Image Far too often, when I start wireframing a project, I begin with something like this: Don’t get me wrong, this is a rock solid layout, and the reason that it’s so popular is that it works extremely well.

Changing it Up Here are a few quick thoughts for how to add some variety to your header images. Kyan. Adobe Tweaks ‘Muse` Website Creation Tool for Designers - Application Development. Adobe Systems has delivered an update to "Muse, its Website creation tool for designers, which features more than 40 enhancements and availability in six languages. Adobe released Beta 4 of the technology codenamed Muse" on Nov. 4. Muse enables print and graphic designers to create and publish professional-quality HTML Websites without writing code or working within restrictive templates, Adobe said. The pre-release technology has generated such a response among users that Adobe has added support for five different languages in addition to English: French, German, Spanish, Swedish and Dutch.

"With more than 330,000 beta downloads to date, Muse continues to empower designers globally," said Lea Hickman, vice president of Design and Web product management at Adobe, in a statement. The Muse Beta 4 enhancements include new functionality for slideshow transitions and accordion widgets, both popular requests from Muse users, Adobe said. Darryl K.

Resources

Advice. Tutorials. Adobe’s New ‘Unblur’ Filter Makes CSI-style Effects Real. You know that scene in CSI and its ilk where the detective says, “Can you enhance the image?” And some faceless tech hits a few keys and suddenly the license plate is clear and readable? Nerds have been mocking those scenes for decades, but it might be time to stop. Last week at its Max Conference Adobe showed off a new Photoshop tool the company calls unblur. Unblur does exactly what the cliche detective is asking for — it makes blurry photos sharp. While there may be some forensic use for unblur, the filter seems aimed more at those with less than steady hands. The video below gives some more details about how unblur repairs blurry images.

So far Adobe has given no word on when or where the unblur filter might land, but the next version of Photoshop seems like a safe bet. See Also: Facebook Best Design Contest: Win $100. Since there were not enough competitors we are prolonging our Facebook Design Contest for an extra week (until September 12th (23:59 pm PDT). We are also increasing the prize to $100. Principle of contest is the same. Post an image of your design on GljivecCreations Facebook page (can be anything from logos, templates, posters, business cards, 3D graphics, vector graphics,…). After image is posted you can start getting “Likes” from your friends. Design with the most “Likes” will win $100. Please note that you only have to upload a screenshot (image) of your work and not work itself (no source files). Below is a list of informations and rules:

Inspiration

Artists. Logos. Typography.