How to Build a Home Page Mockup with WordPress


show more Building a home page mockup provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes show less
please wait ...

Building a home page mockup

Now it's time to start creating the actual design of the site in Photoshop. If you don't have any interest in working in Photoshop, or this part of the workflow, the finished Photoshop file is available in the exercise files. If you don't have access to those, it's also free exercise file available on the course page. Then you can continue with this course in Chapter 2. We are going to be working in the homepage design. The homepage is just as good of a place to start as any, but you wouldn't necessarily have to. If you have particular inspiration to start with a different area of your site, by all means go for it.

Now we have this mood board created. It just has some typography styles and some color choices,and some things we are playing with to kind of set the mood for what the design is going to be like. So I have that open here. We'll be using that potentially a bit, but we are going to need a new document for the actual design. So I will create a new document....

Building a home page mockup
Video duration: 11m 26s 4h 28m Intermediate

Viewers:

Building a home page mockup provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes

Subjects:
Developer Web
Software:
WordPress
Author:
please wait ...