App interface design tool sketch collection of selected cases

Source: Internet
Author: User
Tags what interface

The 1th chapter of the course Introduction
Main introduction to the course arrangement and what you will learn about the use of skills
1-1 Course Introduction

The 2nd Chapter sketch examples and related tools
In this lesson you will learn the use of pen tools, gradient and fill, projection, experience and observe the actual objects of light and light and material, fuzzy tools, grid tools, the application of auxiliary lines, the interface layout and composition of the important and the page design of the rhythm of the existence of the use of clipping masks and two ways to add, Realize the importance of the selection to the design, the use of drawing tools to understand the importance of communication in teamwork; the use of the Symbol stencil tool ...
2-1 Outline style icon artwork (top)
2-2 Outline style icon Works
2-3 Fade Color
2-4 Shadows
2-5 example of quasi-materialized badge drawing
2-6 Blur Tool
2-7 Illustration Example (top)
2-8 Illustration example (bottom)
2-9 Design Example of an e-commerce H5 page (top)
2-10 Design Example of an e-commerce H5 page (bottom)
2-11 font selection in poster design (1)
2-12 font selection in poster design (2)
2-13 how to deliver a well-designed interface (1)
2-14 how to deliver a well-designed interface
2-15 Instant Messenger Interface Example (1)
2-16 Instant Messenger Interface Example (2)
2-17 Resize Automatic size applicable function

The 3rd Chapter sketch Practical skill in the work
You will learn what interface sizes are sketch prefabricated, and the design specifications for iOS and Android, the difference between PPI, DPI, SP, PT, DP and other units, how to organize, hide, and lock layers, learn how to manage the design versions to facilitate subsequent modifications and collaboration ; new features of sketch and how to create and maintain a set of design specifications
3-1 familiar with the design specifications of each platform
3-2 Preview your work in real time on the phone
The use of 3-3 sketch new features libraries

4th Chapter Sketch Function expansion
In this section you will learn about the sketch plugin plugin extension, learn about the tools that are constantly appearing to be fun, learn new plugins to use, automatically label artifacts, and free hands in minutes, craft use features: How to quickly copy components, fill text, fill images, and use tips for icon fonts, Common icons no longer need to be drawn
4-1 Sketch Measure+zeplin Automatic labeling tool
4-2 Craft Auto-fill tool _ Audio. mp4
4-3 iconfont Icon Font Plugin

The 5th chapter of the Food app "Muru" comprehensive combat
This chapter will combine the knowledge of the previous study, a comprehensive practice of the food app "Muru" case, the knowledge points into the actual operation, so that your skills more proficient
5-1 Case Brief
5-2 Confirm Design Specifications
5-3 Icon Drawing
5-4 status bar and Bottom tab
5-5 title bar Navgation Bar
5-6 first main block construction
5-7 First dessert module content fill
5-8 First most Popular menu module content fill
5-9 Login Interface
5-10 Product Details page
5-11 pop-up Windows-menu bar (1)
5-12 pop-up Windows-menu bar (2)

The 6th chapter of the course summary
This chapter mainly summarizes the skill points and skills involved in the course
6-1 Course Summary

: Baidu Network Disk download

App interface design tool sketch collection of selected cases

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.