Building Modern Navigation Designs in Photoshop and HTML

In this Photoshop and HTML course, we'll create two full projects to illustrate the power of modern navigations. Software required: Adobe Photoshop CC 2015, Sublime Text 2, Adobe Illustrator CC 2015.
Course info
Level
Advanced
Updated
Sep 23, 2015
Duration
1h 53m
Table of contents
Description
Course info
Level
Advanced
Updated
Sep 23, 2015
Duration
1h 53m
Description

In this Photoshop and HTML course, we'll create two full projects to illustrate the power of modern navigations. With our first project, we'll tackle the design and integration of a modern navigation for a responsive website. Then, we'll move onto our second project where we'll build a scrolling, one-page navigation. Along the way, you'll learn tips for doing quick mockups in Photoshop and writing the HTML, CSS, and jQuery code necessary for building navigations. By the end of this Photoshop and HTML training, you'll have a solid understanding of designing and implementing modern navigation techniques. Software required: Adobe Photoshop CC 2015, Sublime Text 2, Adobe Illustrator CC 2015.

About the author
About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More from the author
Building Layouts with the CSS Grid
Beginner
1h 17m
Mar 2, 2018
Building Websites with Bulma
Intermediate
1h 42m
Oct 27, 2017
Building Websites with Skeleton CSS
Intermediate
1h 17m
Aug 9, 2017
More courses by Gary Simon
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone. My name is Gary Simon, and I've been a freelance designer for the last 15 years and I've had the privilege of working with over 1000 clients on a wide variety of projects. In this course we're going to dive into the exciting world of navigations and explore some of the most used modern techniques. Initially, we're gong to tackle the design and integration of a modern navigation for a responsive website. This will include designing a mock-up of the intended UI for both desktop and mobile and writing the HTML and CSS to make it a reality. Then we're going to tackle a secondary project that involves a scrolling one page navigation. Some of the key takeaways from watching this course include learning how to design quick mock-ups using Photoshop, understanding and writing code in HTML, CSS, and jQuery for navigations, as well as gaining some very useful navigation techniques. By the end of the training you will have a solid understanding of designing and implementing modern navigation techniques. I'm excited to share these techniques with you, so let's get started with the first lesson.