PHP-Fusion Powered Website - Articles: Become a Web Designer

Users Online

· Guests Online: 10

· Members Online: 0

· Total Members: 229
· Newest Member: Zarfdrilhor

Forum Threads

Newest Threads

No Threads created

Hottest Threads

No Threads created

Latest Articles

· Udemy – AI Governa...
· Udemy – All of Aut...
· Udemy – AI Agents ...
· Udemy – AI for Acc...
· Udemy – Clawdbot: ...

Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site,
or upgrade to a Web browser that does support JavaScript; Firefox, Safari, Opera, Chrome or a version of Internet Explorer newer then version 6.

Articles Hierarchy

Articles Home » Web » Become a Web Designer

Become a Web Designer

Sketch Essential Training: The Basics (2018) with Chris Converse

Sketch is one of the most popular UX design tools around. This course can help designers of all skill levels be productive with its focused, comprehensive workflow. Follow along with Chris Converse and learn the ins and outs of the Sketch interface, and how to design modern user experiences with Sketch, starting with project setup and working through to interactive prototyping. Chris shows how to create custom shared libraries, draw icons, work with imagery and typography, and share your designs across the web using the Sketch Cloud service. Finally, see how to export your work for developers or project teams for integration into their workflows. By the end of the course, you'll be able to use artboards, share libraries, draw icons, create prototypes, and export assets to high-definition PNGs, JPEGs, and PDFs.

Topics include:

Adding a library to Sketch

Designing a search form

Drawing icons in Sketch

Working with fonts

Setting up an artboard for tablet screens

Using Sketch Mirror to preview your designs

Creating interactive prototypes

Exporting artboards and assets

Collaborating with Sketch Cloud

Course Contents

Introduction Learn the basics of Sketch 1m 6s About Sketch and this course 1m Work with fonts in Sketch 51s About the exercise files 25s

1. Get Your File Set Up Add hero image and header bar 6m 11s Set and style the main headlines 4m 36s About Sketch libraries 3m 52s Add a library to Sketch 2m 23s Set up layout guides 3m 48s Add the top navigation 2m 39s Design a search form 8m 45s

2. Draw Icons in Sketch Create a calendar icon 6m 49s Update Sketch library items 3m 16s Create the best price icon 6m 46s Create the chat icon 7m 57s Switch Sketch library files 1m 14s

3. Complete the Web Layout Add icons to the header navigation 4m 22s Set up the great deals section 5m 48s Add the labels for each deal 7m 6s Create the details button 3m 43s Create a nested symbol for ratings 4m 46s Add the services section 5m 53s Add the testimonials section 4m 11s Add the footer 3m 18s

4. Adapt the Web Design for a Smaller Screen Set up an artboard for tablet screens 2m 19s Resize the header for a smaller screen 4m Resize the search section for a smaller screen 3m 2s Using Sketch Mirror 2m 19s Apply the deals section to a smaller screen 3m 42s Apply the services section to a smaller screen 3m 11s Resize the testimonials and footer sections for a smaller screen 3m 57s

5. Share and Collaborate Export artboards to a multipage PDF 1m 32s Collaborate with Sketch Cloud 3m 6s Prototyping: Fixed items when scrolling 3m 46s Prototyping: Interactive linking 2m 48s Prototyping: Control links with symbols 3m 36s

6. Export Assets Export artboards to JPG and PNG 3m 25s Using the Slice tool 3m 39s Export images in multiple sizes 4m 6s Export SVG 4m 35s

Conclusion Where to go from here 41s

Page 62 of 100: 1...59 60 616263 64 65...100

Comments

No Comments have been Posted.

Post Comment

Please Login to Post a Comment.

Ratings

Rating is available to Members only.

Please login or register to vote.

No Ratings have been Posted.