background preloader

WEBDESIGN

Facebook Twitter

10 Free UI Kits. It has been almost a year since we last talked about free UI kits.

10 Free UI Kits

The wait is finally over, because today we have put together ten of the latest and greatest CSS UI kits. Hope they are helpful. And if there are any CSS UI kits that we missed and you are aware of, be sure to mention them in the comments below! New UI Kits Pure. Ultimate Guide To Grid-Based Web Design: Techniques and Tools. Nov 10 2009. Browse Blends - ColorBlender.com. 20 Websites with Original, Non-Standard Geometry. Geometric shapes are widely used as design and framing elements, navigation components or as a way of drawing users’ attention to certain parts of a website.

20 Websites with Original, Non-Standard Geometry

The Square Grid - A simple CSS framework for designers and developers. Better Google Web Fonts. Choosing web fonts: 15 expert tips. Over the last few years, the possibilities for using type on the web have expanded enormously.

Choosing web fonts: 15 expert tips

In the bad old days of the web, designers were restricted to a few 'web safe' fonts, which meant everything looked pretty much the same, or using images to replace the type – a clunky solution that caused problems for the reader and technical problems in the browser. Nowadays, though, you can access an astonishing array of professional typefaces for use on your sites, bringing the aesthetics of print design to the web. Since around 2010, widespread support of @font-face in all the major browsers, plus a new web open font format, WOFF, has led to a technical revolution and the rise of a number of web font hosting services. These companies allow users to pay a subscription to host an enormous range of web fonts on their website. Popular services include Typekit, Fontdeck, WebINK and Fonts.com. Tim Brown is the type manager at Typekit. 01. 02. 03. 04. 05. 06. 07. 08.

w0ng/googlefontdirectory.

WEB_resourses_tutorial

MUSE. 19 sites para encontrar imagens para blog perfeitas. Designing With Grid-Based Approach. Advertisement The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them.

Designing With Grid-Based Approach

Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it isn’t easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind. Secret-Internet. 3. Geração de Demanda - CRM — brandME. Forums. Outdated UX patterns and alternatives. Meet North, design and development standards to align and guide your project.

Outdated UX patterns and alternatives

It's a comprehensive guide contributed to the open source community to encourage, "a mobile-first, in-browser, system based approach to design and development. " Check out North on GitHub: The section of the guide that I found most interesting is, Outdated UX Patterns, a collection of examples of what not to do when building a website, which tries to steer designers from borrowing from ineffective practices to solve common problems. Snugug/north. Winners. 2,014 free resources for designers.

How to Plan Your Website Navigation In Advance. Create balanced page layouts - 7 pro tips. 10 names every web designer should know. Take any creative field and you’ll find well-known influencers who are responsible for leading the way, either with new interpretations, technical approaches or ideas.

10 names every web designer should know

This is true whether you’re looking at David Bailey in the photography world, or Tracey Emin in fine art. It comes about because some practitioners define a movement or technique, either inventing it, championing it, or otherwise leading a charge towards it. Of course, the world of web design is no different. We’ve got our own champions and leaders, although it’s surprisingly difficult to pick just ten names every web designer should know. Luckily, we live in an age of democratised sharing, with the likes of Facebook and Twitter making it easy to keep up to date with both current and future movers and shakers, so watch these ten and see who they recommend!

Veerle's blog 3.0 - Webdesign - XHTML CSS. Web design training: the top 20 online resources. Web design can be daunting.

Web design training: the top 20 online resources

Pro tips: 20 steps to the perfect website layout. When approaching the topic of designing a website layout, I thought about common mistakes I have seen in my years designing, especially with interns and new designers fresh from web design training.

Pro tips: 20 steps to the perfect website layout

Within this short list of steps to the perfect website layout, I aim to cover what I believe every new website builder working within a digital agency should know and do before starting a new project, and what they should pay attention to during the process. Event promotion These principles cover not only design aspects such as landing page design but also general workflow issues that will get the job nicely done. Follow them and you'll soon be on your way to creating professional website layouts. 01. Webdesignshock.com/the-ultimate-layout/

25+ Flat Design Inspiration for Designers. 25+ Creative Flat Print Design Projects. Best Practices for Designing Effective Banner Ads. If you’ve ever been online — which, if you’re reading this, I assume you have — you’ve probably encountered a banner advertisement or two.

Best Practices for Designing Effective Banner Ads

These typically come in the form of a prominent image on the page, although the exact size, positioning and content can differ drastically. There’s more to creating a banner ad than just opening up a new Photoshop canvas and throwing together some pictures though. In this article, we’re going to take a look at banner advertising and investigate just what creating a strong ad is all about. What Are Banner Ads? Banner ads are one of the principle forms of advertising on the web today and, for many sites, a fundamental source of revenue. 30+ UI Examples in Mobile Device Screens You'll Love. Flat UI and Forms. This article is about two important four-letter words that start with “F”: “flat” and “form.”

Flat UI and Forms

Article Continues Below Though some decry flat user interfaces as pure fashion, or the obvious response to skeuomorphic trends, many designers have embraced the flat approach because the reduction in visual styling (such as gradients, drop shadows, and borders) creates interfaces that seem simpler and cleaner. The problem is that most flat UIs are built with a focus on the provision of content, with transactional components (i.e., forms) receiving very little attention. What happens when flat and forms collide?

Edge animate

Entenda a Importância Delas para as Startups. As famosas landing pages (ou páginas de entrada) são de extrema importância para as Startups. Elas são uma estratégia inicial de marketing online onde "quem é você" e "o que você faz" são os destaques. Além de serem uma excelente maneira de retratar sua proposta de valor ou causa, você convence um público em potencial a se interessar pela sua ideia para converte-los em usuários inscritos. O que quer que você esteja vendendo, servindo ou publicando, tudo precisa de uma Startup com um único e claro objetivo: fazer usuários comprarem sua ideia!

Não é de se surpreender que um bom layout com uma mensagem perfeita, com a intenção de competir e ter sucesso, seja mais do que indispensável. Website Navigation: 4 Tips for Maximum Usability. Here’s a conversion optimization metaphor for you… If your website were a building, hyperlinks would be the doors. What does that mean? You don’t want people to get stuck anywhere on your website. So you should always make sure they know how to get from place to place easily and efficiently. This article will discuss the four primary pathways by which users get places on your site… and tell you how to optimize these pathways for maximum impact. Tweak #1: Make Body Hypertext Obvious.

How to Create Infinite Scrolling on Your Website. Infinite scrolling is all the craze among web designers now.