background preloader

Design

Facebook Twitter

Future of Work Enabled - Putting the Future Enterprise to Work, Now! The Anatomy of a Perfect Landing Page. Placement and Content 7. Keep It Above the Fold The space a visitor sees without having to scroll is where the most important parts of the webpage should be. Place the call-to-action button above the fold and in a location where the viewer's eye will scan to. 8. Optimize a landing page for conversion over time. 9. Implementing motivational speeches, videos of user testimonials, and product images into a home page can have a positive impact on viewers, as well as give shoppers an extra push to look further into a product. Bellroy uses great imagery and videos on many of their pages. 10. Links connecting the user to a bunch of other sites or pages will distract them and have a negative impact on conversions.

This landing page is designed well, but look at all those header links getting in the way of the message!

Business cards

Layout design. Vector. Fonts. Web layout. Web design. Asia de Cuba. How to Design a Logo: Sagi Haviv. Colllor - Color palette the right way. 3 Fantastic & Fresh Tools for Web Designers. I love to keep an eye on the every growing world of single purpose web apps that are specifically aimed at making part of your job as a web designer a little bit easier.

Today we’ll check out three of these tools that I’ve found fun and helpful recently. We’ll start by looking at Colllor, a great way to turn a single color into many. Next we’ll jump into Warp CSS and create some amazing CSS typography that you probably didn’t even think was possible. Finally, we’ll check out Bear CSS, a way to quickly generate a starter stylesheet based on your HTML. Let’s get started! Colllor The first new tool we’re going to look at is Colllor, a fun app that will help you add some variety to your color palettes.

How It Works Step one is simply to pick a color. From here the output is quite impressive. You are presented with over fifty related swatches, each of which is nicely labelled, has a cool 3D hover effect and can be copied to your clipboard with a single click. My Thoughts On Colllor CSS Warp. Have a More Successful Brainstorming Session. One of the most important aspects of the creative and design process is the sharing and development of ideas. Seldom does a first draft of anything — from an ad concept to a new web layout — see the light of day without planning and revision. Jumpstart the process with more productive and creative brainstorming sessions for your team. The concept sounds simple, right? The best planned brainstorming sessions take some work. As the leader of the group you must decide how many people to invite and what ground rules will be set.

Most of all you want to help bring something positive away from the meeting. Like the article? Think Ahead Although it is impossible to predict when the best ideas will come to life, the most efficient brainstorming sessions are actually planned. Outline in the meeting notes what kind of project you have so the team can think about the project in advance. Set ground rules for the session. Set a timetable for the brainstorming session and honor the schedule. Pinterest. Design Quixotic (helloquixotic) on Pinterest. Hong Kong Student Behind Steve Jobs Tribute Creates New Coke Swirl - Behind The Work - Creativity Online. Duckett’s HTML & CSS: A Beginner’s Web Dev Book You Can Actually Read.

You’ve no doubt seen some buzz about a new book from Jon Duckett titled HTML & CSS: Design and Build Websites. Books on how to build websites are a dime a dozen. They fill entire sections of every book store around while many of us ignore most or all of them in favor of web-based learning. So what makes this book so different? Why is it gaining so much attention? Does it live up to all of the hype? Read on to find out how Duckett is changing the way we think about web development books and why it’s hands down the best book I’ve ever read experienced on introductory HTML & CSS. The Status Quo You average beginner’s book on learning HTML and CSS is little more than a tech manual. Perhaps the biggest problem with the typical format is that it serves to turn away as many individuals as it draws in.

This is particularly true for many designers looking to expand their skillset with a little coding experience. A Breath of Fresh Air Design This is where HTML & CSS really sets itself apart. Content.