A style guide is a made by designers, usually for either other designers or other people within an organization to know how to use the assets that have been designed for that company.
A style guide is important because it helps keep your brand consistent. It lets your customers know that you care and it lets your designers know also that you care about the work that you’ve done for them. That means not stretching their logo or not putting it against like, a flashing background, or not using the colors that were specifically chosen for your organization from your branding strategies.
Style guides are really important because sometimes the same designer won’t remain on for the project and the new designer needs to know how to treat certain things or where to find the files to do certain things that the website may need.
It’s important to include a style guide in your design because it shows that you’re thinking ahead, and it shows that you have really put like, the thought and the care that goes into branding a company and making sure that you not only explain it, but respect it.
2015 LATEST DESIGN GUIDELINES
Flat design is a minimalistic design approach that emphasizes usability. It features clean, open space, crisp edges, bright colours and two-dimensional/flat illustrations
Parallax Scrolling Sites
It’s the hottest technique in web design
With new technologies like HTML5 and CSS3, it’s becoming possible to create more advanced, interesting and remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a remarkable and memorable website.
The layout area is where the overall page layout is defined. Layout areas are divided in to layout sections e.g. a sidebar section and content section. The size of the layout sections is defined in columns. For a full-width content area use max number of columns (12 for Bootstrap 3). Each layout section contains one or more rows
Emphasis on type
A web page of solid body text is hard to scan for content structure and will not engage the eye. Adding display type to a document will provide landmarks to direct the reader through your content. Display type establishes an information structure and adds visual variety to draw the reader into your material. The key to effective display type is the careful and economic use of typographic emphasis.
You know those transparent squares and rectangles you see on websites that you click on to perform a given function – they’re called ghost buttons. The “ghost” part of this comes from the fact that they’re transparent and the rest is self-explanatory i.e. they’re a button. To be honest a ghost button isn’t really a button as such because it lacks a fill. Describing it as shaped outline with no fill would be more accurate, but this is really just semantics when it comes down to it. You’ll also probably have noticed that most ghost buttons are larger than the normal buttons you might find anywhere else on a site, but they never obstruct the screen area behind them.
SVG Images and Icons
Another up-and-coming web design trend for 2015 is the use of SVG (scalable vector graphics) images and icons. SVG is an XML based vector image format that is supported in all browsers except IE < v9 and Android < v3. In laymans terms, SVG is basically taking a vector image that you created in a program like illustrator or Inkscape and, instead of saving it as a .png or a .jpg, saving the vector image you created as SVG code. When placed where you want it, the browser will then read the code and your image will appear.