Layouts Archive
Practical Design Considerations for Responsive Sites
Responsive design is our current best solution to the phenomenon of the ubiquitous web. The Internet is being accessed by people everywhere on countless incredibly varying devices and responsive pages provide an easy and functional way to account for these differences.
Today we’re going to take a step back from discussions of media queries and technical jargon and focus on the core aspects of how responsive techniques affect your design process. What major points do you need to keep in mind when approaching a responsive web design project? Read on to find out.
Design Study Into Mac OS X App Websites
Apple has always demanded the highest calibre of work from its employees even since its founding in the late 1970s. Many designers have just recently moved into the OS X environment, and most fall in love at first sight. Mac OS X Lion offers so many features that you just can’t find elsewhere – most notably of which may be the App Store.
From here you gain access to a slew of applications both free and paid. These are all built for OS X Lion and can be downloaded directly into Launchpad. In this case study I’ll be looking into design trends for Mac app websites. These are specifically geared towards OS X and do not include iOS apps… the styles are very different. Along with these tips I have also compiled a small showcase gallery of my favourite Mac app sites to share a bit of inspiration.
Doing More With Less: Tips for Designing With Limited Resources
Today we’re going to tackle some common issues that arrive not with having too much scattered content but with too little. How can you flesh out a design when your client has barely given you anything to work with?
We’ll go over some quick and easy tips for crafting gorgeous designs that don’t feel empty despite using very few resources.
Is Content Always King? Thoughts on Real World Constraints in Design
Content should precede design. It’s a basic and essential piece of advice that you’ll hear from me as well as countless other designers. But what about the situations where this idea breaks down? We’d like to imagine that it’s never the case that design must take place before certainty about content can be reached, but in truth this simply isn’t the case.
What circumstances are there that force designers to proceed with a lack of content? How should you respond to such scenarios? Keep reading as we explore these ideas.
The Ultimate Collection of 50+ Resources for Grid Lovers
If you love grid-based design, this article is for you. We’ve scoured the web and compiled every great grid resource we could find. We’ve got all the best frameworks, grid builders, how-to guides and more.
Commence browsing and bookmarking!
How to Use Centered Alignments: Tips and Examples
Today we’re going to go back to basics with a “design 101″ discussion on alignments. Centered alignments are an easy place to go wrong and if you don’t know how to wield them properly, the result is a very poorly structured page.
Join us as we take a look at why centered alignments tend to be weak, where you should avoid them and how you should be using them.
Ditching the Grid: Alternative Layout Strategies and Tips
Are you tired of creating building websites using the same old grid-based layouts for every project? Have you been itching to break away from the norm and attempt something a little more organic?
Today we’ll take a look at a few sites that have done just that to see what we can learn about alternative layout methods and how they can be successfully implemented.
Creative Gallery of Parallax Website Designs
The limiting 2-dimensional aspect of computer monitors today constrain how websites are built. When designing parallax website layouts, these can bring effects and graphics into three-dimensional beauty right before your eyes! Often created with Adobe Flash or JavaScript libraries this effect is not often used but does offer a very unique feeling.
Below are some very creative examples I’ve put together for digital inspiration. Web designers from around the globe can gather ideas for parallax style websites. It’s not a very confusing topic, and once you’ve got a design style set in your mind it’s easy to bust out some graphics and code the whole thing together.
iOS Usability Tips and Resources for iPhone and iPad Apps
The process required for designing mobile applications takes dedication and eye-numbing precision. Most graphics designers won’t spend their time in this area since pixel-perfect creation becomes tiresome quickly. And although mobile design isn’t for everyone it does hold a special place in the hearts of many.
For those out there interested to get started designing for mobile I’d recommend skimming a few of the ideas presented below. Previously we’ve discussed creative UI design techniques and offer solutions for iPhone and iPad designers.
Drag and Drop WordPress Layout With Platform Pro
Building and even slightly altering WordPress themes can be a real hassle. You could buy a book or watch hours of video tutorials until you’re an expert on WordPress, but wouldn’t it be nice if you could skip all this and jump into building your own theme today?
Today we’re going to take a look at an impressively innovative product that allows you to use the simplicity of a drag and drop interface and basic forms to completely customize a WordPress site. The product is called Platform Pro and you’ve simply got to see it…
Categories
- Accessibility
- Business
- Competitions
- Critique
- CSS
- Deals
- Design Shack
- Freebies
- Graphics
- HTML
- Inspiration
- Interviews
- JavaScript
- Layouts
- Navigation
- PHP
- Reviews
- Shots of the Week
- Software
- Typography
- Web Standards
Or view our extensive archive of community news and links.
