Figma UI UX Design Essentials
Год выпуска: 1/2025
Производитель: Udemy, Daniel Walter Scott
Сайт производителя:
https://www.udemy.com/course/figma-ux-ui-design-user-experience-tutorial-course/
Автор: Daniel Walter Scott
Продолжительность: 11:52:01
Тип раздаваемого материала: Видеоурок
Язык: Английский
Субтитры: Английский
Описание:
What you'll learn
- How to begin working as a UX Designer using Figma.
- How to use Figma for Essential UX Design & UI Design
- How to make fully interactive prototypes.
- How to work with a UX personas.
- You will be able to add UX designer to your CV.
- Build a UX project from beginning to end.
- What the client expects of you as a UX designer.
- How to create simple wireframes.
- How to implement colours & images properly in your designs.
- The dos & don'ts around choosing fonts for web & mobile apps.
- How to create your own icons, buttons & other UI components.
- Terms such as Components, Constraints & Multi Dimensional Variants.
- Free UI kits & plugins for Figma which will speed up our workflow dramatically!
- How to build a simple style guide, ready for client handoff.
- How to make both simple & advanced micro interactions, page transitions & animations.
- Learn to design websites & mobile phone apps.
- Work with fonts & colors.
- Test on mobile phones.
- Export production ready assets.
- Create your first UX brief & persona.
- Learn professional workflow tricks & shortcuts.
- Forum support from me and the rest of the BYOL crew.
- All the techniques used by UX professionals
- 111 videos of detailed Figma & UX & UI Design content.
Requirements
- You'll need a copy of Figma. A free plan is available on the Figma website.
- No previous UX Design/UI Design experience is needed.
- No previous Figma skills are needed.
- No previous design skills or experience required.
Description
Hi there - my name is Dan Scott & welcome to Figma Essentials.
Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma.
We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer.
This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.
- First we’ll describe the brief & how to work with a UX persona.
- Then you’ll learn how to create simple wireframes.
- From there we’ll look at how to implement colours & images properly in your designs.
- You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.
- You’ll learn how to create your own icons, buttons & other UI components.
- You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.
- We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!
- We’ll build a simple Style Guide ready for client handoff.
- You’ll understand how to make both simple & advanced micro interactions, page transitions & animations
Before the end of this course you will have made fully interactive prototypes
You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.
We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.
I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.
Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.
Who this course is for:
- Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
- This course is for beginners, newbies & amateurs in the field of UX design.
- Aimed at people new to the world of design & user experience.
- For anyone that needs to add ‘UX Design’ to their portfolio.
- Anyone who wants to learn the essentials of UI & UX Design.
Advanced version of this course: [Udemy, Daniel Walter Scott] Figma UI UX Design Advanced [1/2025, ENG]
Формат видео: MP4
Видео: avc, 1280x720, 16:9, 30000 к/с, 1325 кб/с
Аудио: aac, 48.0 кгц, 62.7 кб/с, 2 аудио
MediaInfo
General
Complete name : D:\1. Udemy Courses\Udemy, Daniel Walter Scott - Figma UI UX Design Essentials (2025-1)\23. Prototyping - Level 2\4. Slide in mobile nav menu overlay in Figma.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 39.1 MiB
Duration : 3 min 55 s
Overall bit rate : 1 393 kb/s
Frame rate : 30.000 FPS
Recorded date : 2025-02-13 13:59:14.2519459+03:30
Writing application : Lavf61.9.100
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 3 min 54 s
Bit rate : 1 325 kb/s
Nominal bit rate : 2 400 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.048
Stream size : 37.1 MiB (95%)
Writing library : x264 core 164 r3095 baee400
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=2400 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=2400 / vbv_bufsize=4800 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709
Codec configuration box : avcC
Audio
ID : 2
Format : AAC LC SBR
Format/Info : Advanced Audio Codec Low Complexity with Spectral Band Replication
Commercial name : HE-AAC
Format settings : Explicit
Codec ID : mp4a-40-2
Duration : 3 min 55 s
Bit rate mode : Constant
Bit rate : 62.7 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 23.438 FPS (2048 SPF)
Compression mode : Lossy
Stream size : 1.76 MiB (4%)
Title : English
Language : English
Default : Yes
Alternate group : 1
