Today’s post is the first in a series of three where we’ll look at how to get started with creating your web design layout. If you’re new to web design, a blank screen or piece of paper can sometimes be a scary thing if you have no idea where to start. So, the idea of these posts is to help you develop a process for creating your designs.
So what’s the first step in a typical design process? As a designer you will be rarin’ to go but what do you do? Jump into Photoshop? Start picking out fonts you like? Fire up Notepad or Dreamweaver? No, you need to drop the keyboard and step away from the computer, buddy. The very first step you need to take is to find out what your client wants and/or needs (not always the same thing). If you’re making a web site for yourself, then YOU are the client and you need to figure out what you want and/or need.
Read more about the Web design process…
Source: Smashing Magazine
It seems that new resources and articles for teaching and promoting HTML5 are popping up almost daily. We’ve been given HTML5 templates in the form of the HTML5 boilerplate and HTML5 Reset (although they both go beyond just HTML5 stuff). We’ve got a plethora of books to choose from that cover HTML5 and its related technologies. We’ve got shivs, galleries, and a physician to help heal your HTML5 maladies. And don’t forget the official spec.
From my own vantage point — aside from a few disputes about what the term “HTML5″ should and shouldn’t mean — the web design and development community has for the most part embraced all the new technologies and semantics with a positive attitude.
MarketingExperiments.com, a prestigious marketing optimization Web site, quoted me in their new article, Branding and Interactive Media. Marketing Experiments conducts extensive tests to determine how to optimize Web sites, email campaigns, pay-per-click campaigns, and affiliate marketing campaigns. They regularly publish the results of these tests.
I’m sure everyone has seen the resurgence of interest in 3D. Hollywood is pumping out 3D films at a fairly mean clip. Electronics companies are making 3D TVs. And augmented reality applications such as FLARVision and Layar are bringing three-dimensional imagery to the Internet. But you haven’t seen anything yet. Trust me.
The London-based company, Musion Systems Ltd, has solved the age-old puzzle of how to create 3D imagery without the glasses. Their video projection system, the Musion Eyeliner System, turns video footage into holographic footage.
According to Musion, the Eyeliner System uses a DLP video projector, an HD hard-disc player, “Musion Eyeliner Foil + 3D set/drapes enclosing 3 sides,” lighting and audio, and a show controller.
If Musion’s projection system is integrated into home PCs and laptops, the possibilities for Internet marketing companies and Webmasters will be endless. When a Web user hovers a mouse over a banner ad, the projection unit could be triggered, piping holographic promotional imagery into the home of the user. Wow!
Keep your marketing on the cutting edge. Launch your next ad campaign through High Concept Media.
There’s a little-known method that Webmasters can use to increase the conversion rate for their subscription sites. It doesn’t involve using video tours. It doesn’t even involve using faster loading pages.
The method I’m referring to is a tour on how to place an order. This tour shows consumers how to fill out your order form, how to input their credit card information, how to choose a username and password, and how to get help if needed.
Showing screenshots of the order process is a great way to assuage the fears of your prospective customers. They’ll feel more secure if they know that they can complete the order process successfully. Believe it or not, people are often intimated by this process. They wonder if something will go wrong.
So, help your customers with this simple tour. The result will be more revenue for you.
To create text resembling foliage, I used three transparent Photoshop layers. I applied an assortment of layer styles to each layer and added leaf-like shapes to each letter of my text with the Custom Shape Tool.
Reproduce the look favored by hunters, sports enthusiasts, and military aficionados. Experience the Camouflage Type Effect. Two versions of this Photoshop layer style are provided: a Web version and a print version.
For your convenience, all the letters of the alphabet have been created in camouflage for the Web version of this text effect. In addition, the camouflage alphabet is supplied in uppercase and lowercase letters, as well as in the following font sizes: 252 pt, 186 pt, 128 pt, and 96 pt.
The camouflage print version is a 300-dpi file that uses the CMYK color mode and includes three camouflage letters in each of the following font sizes: 128 pt, 96 pt, 72 pt, 60 pt, and 48 pt. Creating additional letters is as easy as duplicating both layers of a letter and typing over them.
The font used for this layer style is Franklin Gothic Demi Condensed, but it also looks good with other fonts.
File Types Included: Layered PSD and ASL
Resolution: 72 dpi and 300 dpi
License Agreement: Details
Spruce up your Web site with a photorealistic laptop. This black laptop is available in three sizes——small, medium, and large. Click here to view the full-sized versions.
Each laptop contains a screen and keyboard on separate Photoshop layers for fast resizing. Also included are separate PSD files for the laptop screen and keyboard.
The screen colors can be changed, as can the chassis.
The keyboard file contains separate layers for the keys, keyboard letters, and keyboard numbers, making it possible to use different colors and different fonts.
File Types Included: .JPG and Layered .PSD
Resolution: 72 dpi
Just to demonstrate what’s possible with Photoshop, I’ve created three typeface effects:
- Woodland Camouflage. Get this camouflage type effect here…
- Tiger Stripe Camouflage
- Australian Camouflage
These effects were created with layer styles, and they can be easily applied to any font.
I’ve been following the tutorials in the new book, Papervision3D Essentials, and I’m very excited about the potential of this new Flash technology. Though there’s a steep learning curve, it’s well worth the trouble to learn this set of custom ActionScript classes. It extends the capabilities of Flash, enabling programmers and designers to add a third dimension to Flash.
Previously, 3D computer imagery was confined to high-end CGI software such as Lightwave, Maya, and 3DS Max. Now, thanks to the hard work of Carlos Ulloa and other programmers, 3D is finally coming to the Net.
While following the step-by-step instructions in Papervision3D Essentials, I created my first primitive, a sphere. This process involved importing the required Papervision classes and then initializing, projecting, and rendering them.
Here’s the Papervision3D sphere in all its glory: