Hands-On Sketch 6 Masterclass - Preview: Web & Mobile Design

Open Sketch, set up artboards for devices, and manage layers with renaming, grouping, and smart guides. Create and use symbols to propagate changes across boards.

Explore working with shapes in sketch, using smart guides, booleans, and layering to recreate complex mobile and web designs with precise color, opacity, and gradients.

Brainstorm and design a magazine cover in sketch. Gather inspiration online, create wireframes, and bring the layout to life with fonts, images, shapes, and your interests, then share for feedback.

gather inspiration for magazine cover design by collecting diverse covers, noting color schemes, shapes, and typography, resizing assets in sketch, and setting a 5–10 minute time limit before wireframing.

Design a magazine cover with a personal theme, a photo background, a large title, at least two article titles with subtext, a basic shape, and a cohesive color scheme.

Explore mobile app backgrounds in sketch, including solid colors, gradients, and photo-backed blends; learn to apply blur, opacity, and layering to create readable interfaces with sign-in buttons and logos.

Design a music app user interface in Sketch by building a status bar and icon with shadows. Duplicate shapes, color with hex values, and use subtracting to create hollow borders.

Design a cupcake icon in Sketch with rotate copies to create a circular pattern of shapes, unite them, apply pink and white, center text, and credit the Noun Project.

Design a colorful pattern logo in Sketch by creating a ring of rounded shapes, aligning 50-pixel gaps, and masking a pattern over text and inner shapes.

Design your own web page using sketch and explore web site design through real examples. Practice brainstorming, creating mockups, and gathering inspiration with the design processes we've covered so far.

Explore common website design elements such as photos, icons, shapes, colors, and text, and learn to source or create them using sketch, with guidance on color schemes and fonts.

Design web site navigation with consistency, clear contrast, and simplicity, highlighting the current page to keep users oriented across nav bars.

Rate the course and share your feedback on the preview, then explore options to deepen your Sketch skills with the full masterclass or other courses for web and mobile design.