We may earn an affiliate commission when you visit our partners.

كيفية استخدام المقياس والتناسب على موك آب في تطبيق فيغما

في هذه الدورة التدريبية القائمة على المشروع والتي تستغرق ساعة واحدة، ستتعرّف على كيفية استخدام المقياس والتناسب في الموك آب في برنامج فيغما

في نهاية الدورة ستصبح قادرًا على انشاء مشروع على برنامج فيغما واستخدام المقياس والتناسب أثناء تصميم الموك آب.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Here's a deal for you

Save money when you learn with a deal that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until August 30

Google AI App Builder

Learn how to use Gemini API and API Studio with a three-course series from Google DeepMind

What's inside

Syllabus

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Teaches skills in using scale and proportion, which are standard in the design industry

Develops a foundation skill in scale and proportion for use in mockups

Builds a foundation for learners new to Figma

Focuses on a core tool and component of design in Figma

May be taken as part of a series in design

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

تطبيق المقياس والتناسب في فيغما

وفقًا للمتعلمين، تقدم هذه الدورة تجربة تعليمية فعالة وموجزة حول كيفية استخدام المقياس والتناسب في تصميم الموك آب ببرنامج فيغما. يرى العديد أنها عملية للغاية ومباشرة، مما يتيح تطبيق المفاهيم مباشرة من خلال مشروع عملي. يثنون على وضوح الشرح وإيجاز المحتوى، مما يجعلها مثالية لاكتساب مهارة محددة بسرعة. ومع ذلك، يشير بعضهم إلى أن قصر مدة الدورة يعني أنها قد لا تتعمق في تفاصيل إضافية، وقد تتطلب معرفة مسبقة بأساسيات فيغما.

تعتمد الدورة على مشروع عملي يسهل تطبيق المفاهيم المكتسبة.

"أحببت كيف أن الدورة تركز على مشروع واحد، مما جعلني أطبق كل شيء خطوة بخطوة وأرى النتائج فورًا."

"التعلم بالمشروع كان فعالاً للغاية، رسّخ فهمي للمقياس والتناسب في فيغما بشكل ممتاز وساعدني على الاحتفاظ بالمعلومات."

"قدرتي على بناء موك آب خاص بي أثناء الدورة جعلتني أشعر بالثقة في المهارات الجديدة التي اكتسبتها في التعامل مع الأبعاد."

يقدم المدرب شرحًا مباشرًا ومفهومًا مع تطبيقات عملية.

"الشرح كان واضحاً ومباشراً جداً، فهمت النقاط بسرعة وتمكنت من تطبيقها على المشروع."

"استفدت كثيراً من التطبيقات العملية التي ركزت على كيفية استخدام المقياس والتناسب في عملي اليومي في فيغما."

"بالنسبة لدورة سريعة، تقدم معلومات قيمة ومفهومة تماماً، تساعدك على البدء مباشرة في التصميم."

تتطلب الدورة أساسيات فيغما، وقد يجدها المبتدئون صعبة بدونها.

"لمن لا يملك أي خبرة سابقة في فيغما، قد تحتاج إلى دورة تمهيدية أولاً قبل البدء بهذه المهارة المحددة."

"كنت أتوقع أن الدورة تشمل مقدمة بسيطة لفيغما، لكنها بدأت مباشرة في الموضوع، مما قد يكون مربكًا للمستخدمين الجدد."

"إذا كنت مستخدمًا جديدًا لفيغما، فإن بعض المصطلحات والواجهات قد تكون مربكة في البداية دون خلفية مسبقة."

الدورة موجزة ومناسبة للمهارات السريعة، لكنها قد تكون سطحية للبعض.

"الدورة ممتازة للمقدمة، لكن ساعة واحدة لا تكفي لتغطية كل جوانب المقياس والتناسب بعمق أكبر أو أمثلة متنوعة."

"تمنيت لو كانت هناك أمثلة أو تحديات إضافية لتعميق الفهم بعد الجزء الأساسي وتطبيق المبادئ في سياقات مختلفة."

"إذا كنت تبحث عن دورة متقدمة جداً في فيغما أو التصميم المعقد، فهذه الدورة قد تكون قصيرة جداً بالنسبة لك."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in كيفية استخدام المقياس والتناسب على موك آب في تطبيق فيغما with these activities:

Review CSS basics

Show steps

Brush up on your CSS skills to strengthen your foundation in web design and development.

Browse courses on CSS

Show steps

Go through online tutorials or articles on CSS fundamentals.
Practice writing CSS code to style elements on a web page.

Follow Figma tutorials for beginners

Show steps

Enhance your understanding of Figma's tools and features by working through guided tutorials.

Show steps

Find beginner-friendly Figma tutorials online.
Follow the tutorials step-by-step to create your own designs.
Experiment with different tools and techniques.

Practice using Figma's measurement tools

Show steps

Develop proficiency in using Figma's measurement tools to ensure accurate and consistent designs.

Show steps

Create a new Figma document and import a design.
Use the ruler tool to measure distances and align elements.
Experiment with different measurement units and settings.

Two other activities

Expand to see all activities and additional details

Show all five activities

Design a simple website layout in Figma

Show steps

Apply your skills to create a practical design, solidifying your understanding of Figma's capabilities.

Show steps

Plan the layout of a website, including header, navigation, content, and footer.
Create a new Figma document and set up artboards for each page.
Use Figma's tools to design the layout, including typography, colors, and spacing.

Collaborate on a Figma project with a classmate

Show steps

Deepen your understanding by working with a peer, sharing knowledge, and receiving feedback.

Show steps

Find a classmate who is also taking the course.
Choose a design project to work on together.
Use Figma's collaboration features to share your work and provide feedback.

Career center

Learners who complete كيفية استخدام المقياس والتناسب على موك آب في تطبيق فيغما will develop knowledge and skills that may be useful to these careers:

UX Designer

A UX Designer designs user interfaces for websites and applications, ensuring that they are easy to use and enjoyable to interact with. To do this, they must understand the principles of human-computer interaction and the psychology of users. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional user interfaces. This course can help you to build a foundation in UX design and prepare you for a career in this field.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer designs the visual elements of a website or application, including the layout, typography, and color scheme. They must have a strong understanding of design principles and be able to create visually appealing and engaging interfaces. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional user interfaces. This course can help you to build a foundation in UI design and prepare you for a career in this field.

See salaries and explore the career path for UI Designer

Product Designer

A Product Designer designs and develops products, including physical products, digital products, and services. They must have a strong understanding of user experience and be able to create products that are both useful and desirable. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional products. This course can help you to build a foundation in product design and prepare you for a career in this field.

See salaries and explore the career path for Product Designer

Interaction Designer

An Interaction Designer designs the interactions between users and products, including websites, applications, and physical products. They must have a strong understanding of human-computer interaction and be able to create interactions that are both intuitive and enjoyable. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional interactions. This course can help you to build a foundation in interaction design and prepare you for a career in this field.

See salaries and explore the career path for Interaction Designer

User Experience Designer

A User Experience Designer designs and evaluates the user experience of products and services. They must have a strong understanding of human-computer interaction and be able to create products and services that are both useful and desirable. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional products and services. This course can help you to build a foundation in user experience design and prepare you for a career in this field.

See salaries and explore the career path for User Experience Designer

Motion Graphics Designer

A Motion Graphics Designer creates visual effects and animations for websites, applications, and videos. They must have a strong understanding of design principles and be able to create visually appealing and engaging animations. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional animations. This course can help you to build a foundation in motion graphics design and prepare you for a career in this field.

See salaries and explore the career path for Motion Graphics Designer

Visual Designer

A Visual Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. They must have a strong understanding of design principles and be able to create visually appealing and engaging designs. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional designs. This course can help you to build a foundation in visual design and prepare you for a career in this field.

See salaries and explore the career path for Visual Designer

Art Director

An Art Director oversees the visual aspects of a project, including the design, layout, and typography. They must have a strong understanding of design principles and be able to create visually appealing and engaging designs. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional designs. This course can help you to build a foundation in art direction and prepare you for a career in this field.

See salaries and explore the career path for Art Director

Creative Director

A Creative Director leads and manages a team of creative professionals, including designers, writers, and photographers. They are responsible for the overall creative vision of a project and must be able to create visually appealing and engaging designs. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional designs. This course can help you to build a foundation in creative direction and prepare you for a career in this field.

See salaries and explore the career path for Creative Director

Design Manager

A Design Manager leads and manages a team of designers. They are responsible for the overall design process and must be able to create visually appealing and engaging designs. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional designs. This course can help you to build a foundation in design management and prepare you for a career in this field.

See salaries and explore the career path for Design Manager

Graphic Designer

A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. They must have a strong understanding of design principles and be able to create visually appealing and engaging designs. The course on How to Use Scale and Proportion in Mockups in Figma can help you to develop these skills by teaching you how to create visually appealing and functional designs. This course can help you to build a foundation in graphic design and prepare you for a career in this field.

See salaries and explore the career path for Graphic Designer

Web Developer

A Web Developer creates and maintains websites and applications. They must have a strong understanding of programming languages and web technologies. The course on How to Use Scale and Proportion in Mockups in Figma may be useful for Web Developers who want to learn how to create visually appealing and functional user interfaces. This course can help you to build a foundation in web design and prepare you for a career in this field.

See salaries and explore the career path for Web Developer

Information Architect

An Information Architect designs and organizes the content of websites and applications. They must have a strong understanding of user experience and be able to create websites and applications that are easy to use and navigate. The course on How to Use Scale and Proportion in Mockups in Figma may be useful for Information Architects who want to learn how to create visually appealing and functional user interfaces. This course can help you to build a foundation in information architecture and prepare you for a career in this field.

See salaries and explore the career path for Information Architect

UX Researcher

A UX Researcher conducts research to understand the needs and wants of users. They use this research to design products and services that are both useful and desirable. The course on How to Use Scale and Proportion in Mockups in Figma may be useful for UX Researchers who want to learn how to create visually appealing and functional user interfaces. This course can help you to build a foundation in UX research and prepare you for a career in this field.

See salaries and explore the career path for UX Researcher

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in كيفية استخدام المقياس والتناسب على موك آب في تطبيق فيغما.

The Elements of User Experience

Save

This classic book on UX design provides a comprehensive overview of the field, covering the principles, methods, and tools used to create user-centered experiences.

(English) The Elements of User Experience: User-Centered...

Paperback

(English) The Elements of User Experience: User-Centered...

Paperback

(English) The Elements of User Experience: User-Centered...

Kindle Edition

Don't Make Me Think, Revisited

Save

This classic book on web usability provides practical advice on how to design websites that are easy to use and navigate.

(English) Don't Make Me Think, Revisited: A Common Sense...

Paperback

(English) Don't Make Me Think, Revisited : A Common Sense...

Hardcover

$$$

(English) Don't Make Me Think, Revisited: A Common Sense...

Kindle Edition

Bulletproof Ajax

Save

Provides a comprehensive introduction to web design, covering the basics of HTML, CSS, and JavaScript, and providing practical advice on how to create a website.

Things That Make Us Smart

Save

Explores the principles of design and how they can be applied to everyday objects, providing insights into how to create products that are both functional and user-friendly.

(English) Things That Make Us Smart: Defending Human...

Kindle Edition

User Story Mapping

Save

Introduces the technique of user story mapping, a collaborative process for gathering and organizing user stories, and provides guidance on how to use it to create products that meet user needs.

(English) User Story Mapping: Discover the Whole Story, Build...

Paperback

(Deutsch) User Story Mapping: Die Technik für besseres...

Kindle Edition

(English) [(User Story Mapping : Building Better Products...

Paperback

(Français) Le story mapping - Visualisez vos user stories pour...

Paperback

$$$