Ngành UI/UX – Định Nghĩa, Lương, Tương Lai, và Cách Học | ux ui | เคล็ดลับออนไลน์ที่เป็นประโยชน์สำหรับคุณ

Ngành UI/UX Định Nghĩa, Lương, Tương Lai, và Cách Học

UI/UX Design là gì? Tương lai ngành UI/UX thế nào, lương bao nhiêu, và tại sao ta phải học từ bây giờ? Tất cả sẽ được trả lời bởi host Sun Hung Design team leader tại Viivue Web Design Company, người đã từng làm với rất nhiều client lớn như RMIT, Romano, HSBC, etc.
Website của host: https://www.sunhung.net/
Link khoá học: https://das.info.vn/offlinecourse/BACDDKCnQixX/userinterfacefoundation

00:00 UI/UX là gì? UI có khác UX?
17:20 Mức lương
21:17 Chức vụ (Titles)
31:41 Công việc của một UI/UX Designer
43:17 Học như thế nào?
47:14 Giải đáp thắc mắc
53:49 Giữ khách hàng trong thời đại template tràn lan
56:30 Tại sao sử dụng Figma?
58:00 UI bổ trợ hay thuộc UX?
01:00:16 UI/UX Designer có cần biết code?
01:02:19 Vai trò của UI/UX Designer và Coder trong quy trình làm web/app
01:04:43 Lộ trình UI/UX cho người mới bắt đầu
01:09:33 Để team designer “get well” với team coder
01:11:36 Từ graphic designer muốn chuyển qua UI/UX Designer
01:17:20 Nhận brief rồi làm cái gì?
01:20:07 Công việc của Design team leader
01:22:22 Làm sao người mới phân tích được Landing Page
01:25:45 Học với Hưng?
01:30:49 Sách UI/UX
01:38:22 Dùng Google dịch đọc sách?

DAS Facebook: https://www.facebook.com/DesignAnthropologySchool
DAS Website: https://das.info.vn/
Các khóa Online: https://das.info.vn/onlinecourses
Youtube Channel: https://www.youtube.com/c/dasdesignanthropologyschool1

Một ngày của UX/UI Designer| Arena Multimedia

UI/UX Designer là một công việc vừa mang dáng dấp của một lĩnh vực khoa học cũng vừa mang dáng dấp của một môn nghệ thuật.

Một nửa công việc là phụ thuộc vào những những dòng code; một nửa là cảm nhận và tạo ra những cái đẹp.
Và hiện tại đây là một ngành đang được rất nhiều doanh nghiệp lớn săn đón.

Bạn đã biết gì về UX/UI chưa? Cùng tìm hiểu qua video trên nhé!

ArenaMultimedia UX/UIDesigner MultimediaDesign HocthietkeDohoa Hoclamphim Hoclamphimhoathinh3D HoclamGame

TRƯỜNG ĐÀO TẠO MỸ THUẬT ĐA PHƯƠNG TIỆN ARENA MULTIMEDIA
TP HCM:
212214 Nguyễn Đình Chiểu, quận 3
Tel: 1800 1525
Email: [email protected]
778/10 Nguyễn Kiệm, quận Phú Nhuận
Tel: 1800 6325
Email: [email protected]

HÀ NỘI:
80 Trúc Khê, quận Đống Đa
Tel: 1800 1542
Email: [email protected]
D29 Phạm Văn Bạch, quận Cầu Giấy
Tel: 1800 1542
Email: [email protected]
110 Trần Phú, quận Hà Đông
Tel: 1800 1542
Email: [email protected]

Website: https://www.arenamultimedia.vn/
Fanpage: https://www.facebook.com/arena.multimedia.vn/
Instagram: https://www.instagram.com/arena.multimedia/

Bài 1. Nhập môn thiết kế UX/UI | UXUI Design

Như thế nào thiết kế trải nghiệm người dùng UX, Như thế nào là thiết kế giao diện người dùng UI, Như thế nào để có một sản phẩm thiết kế tốt.
Nội dung giới thiệu về lĩnh thực thiết kế UX/UI và các khái niệm có liên quan
Thời gian: 40 phút
Giáo viên: Bùi Huế

What is UI vs. UX Design? A Practical Example in Under 6 Minutes

http://www.linode.com/designcourse Use code ‘DESIGNC19’ to get $20 credit on your new Linode account!
I decided to address the age old question, “What is the difference between UI and UX!?” in my own words. I tried to keep it as short and concise as possible. While there’s a lot more details about the similarities and differences, I tried to nail down just the key differences.

Going forward with this channel, I’m going to start covering all branches of UX design. Make sure to subscribe so you don’t miss out!

Let’s get started!

Credit: I used http://vecteezy.com for the female illustration

Subscribe for NEW VIDEOS!

My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^Chat with me and others

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

เข้าใจ UX / UI Design ได้ใน 10 นาที

หนึ่งในศาสตร์ที่เป็นความรู้ยุคใหม่ อัพเงินเดือนได้หลักหมื่น หลักแสน กับความรู้ด้าน User Experience หรือ การออกแบบประสบการณ์ของผู้ใช้งาน หลายครั้งเราเคยสงสัยไหมว่าทำไม หรือ อะไรที่ทำให้เราติดแอป หรือ เว็บ เกม หนังเรื่องนั้นมาก ๆ
.
เพราะหลายครั้งเบื้องหลังของความหลงไหลของเรา อาจถูกใครบางคนกำหนดไว้แล้วก็ได้ ดังนั้นเรามาดูความเข้าใจเบื้องต้นของ User Experience Design เรื่องราวการออกแบบ ไม่ได้มีแค่ความสวยงาม กันเลย
.
สำหรับใครสนใจลงทะเบียน สั่งซื้อหลักสูตรการออกแบบประสบการณ์ผู้ใช้ สามารถเข้าดูได้ที่นี่เลยครับ : https://www.borntodev.com/completeuxuidesign/
.
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog

เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน

โดยมีผู้ดำเนินรายการหลัก 2 คนคือ

“เปรม BorntoDev” ผู้ชื่นชอบ และ หลงไหลด้านวิทยาศาสตร์ เทคโนโลยี รวมถึงการพัฒนาโปรแกรมเป็นชีวิตจิตใจ มีความสุขมากที่ได้ถ่ายทอด และ แลกเปลี่ยนความรู้ เพราะทำให้นึกถึงสมัยยังเป็นเด็กที่เริ่มต้นเขียนโปรแกรมแล้วได้รับการสนับสนุนจากผู้ใหญ่ใจดีในโลก Internet ที่ไม่เคยเห็นหน้าตากันมาก่อน แต่กลับยินดีแบ่งปันให้กัน

“ไกด์ BorntoDev” ชายผู้ที่บอกว่าเป็นพี่น้องกับคนข้างบนหรือเปล่า คำตอบคือไม่ใช่ แต่เขาสนใจด้านเทคโนโลยี การพัฒนาแอปพลิเคชัน ชอบความสนุก จัดกิจกรรม และ ที่ไม่พลาดคือการซื้อเกมมาดองแล้วไม่ได้เล่น เห็นหน้านิ่ง ๆ แบบนี้ดองเกมใน Steam เป็นแสน ๆ นะบอกเลย

▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้

▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: [email protected]

How I became a UX Designer with no experience or design degree | chunbuns

I’m currently a Product Designer at Instacart in San Francisco, but I previously had zero experience in design. I only offer 1:1 coaching and portfolio reviews through my patreon program linked below.

✌︎ Connect with me
IG: https://instagram.com/chunbuns
Portfolio & Blog: https://chunbuns.com
Book 1:1 with me here: https://www.patreon.com/chunbuns
Shop my fave books and skincare: https://amazon.com/shop/chunbuns

✌︎ Design Bootcamps
⇢ General Assembly UX Immersive https://ga.co/2WEKLlo
⇢ Tradecraft https://www.tradecraft.com
⇢ Springboard $500 off UX Design Career Track with code UXCHUNBUNS500 http://tinyurl.com/springboardchunbuns
⇢ Designlab http://share.trydesignlab.com/ChristineChun

✌︎ Things mentioned
⇢ Medium article http://bit.ly/2ENbMJa
⇢ My portfolio chunbuns.com

✌︎ Discount codes
⇢ 10% off Glossier order https://www.glossier.com/reps/christi…
⇢ 10% off Hey Moon jewelry with code CHUNBUNS https://heymoondesigns.myshopify.com/
⇢ Outdoor Voices http://ref.outdoorvoices.com/inaBq
⇢ $40 off on Airbnb http://airbnb.com/c/christinec13987

✌︎ What I’m wearing
⇢ Top : Everlane
⇢ Necklace: Mejuri

✌︎ Camera
⇢ SONY alpha 5000 https://amzn.to/2TkntRe

✌︎ Editing software
⇢ Adobe Premiere

✌︎ Music
⇢ Amsterdam in the Spring https://soundcloud.com/gbeats/nocigariiftandre

✌︎ Business Inquiries
⇢ [email protected]

⇢ All profits from affiliate links will be used to help maintain my blog and support local orgs in the Bay Area

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma.

This course was developed by Adrian Twarog. Check out his channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ

⭐️ Sections ⭐️
⌨️ (00:00) Introduction
⌨️ (01:27) Wireframing
⌨️ (30:58) UI Layout
⌨️ (1:06:38) Mockup

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

UX Design: How To Get Started (A Full Guide)

Do you want to GET STARTED in UX Design and don’t know where to begin? These 6 STEPS will help you go from a complete BEGINNER to a trained up UX DESIGNER (with a job!). Cut through all the noise online and GET STARTED with this video!

In this video, one of our UX designers, Amr, shares a stepbystep guide and timeline, with the key online courses to take, the tools to master, the communities to join, the lessons we’ve learned, and the books you have to read in order to become a UX Design expert.

Do you have other tips to become a UX Designer? Which steps did you take to start your career? Which resources are you using to achieve your goals?All the steps and links can be found below!

🔔 Subscribe to our channel to get started in UX Design / AR / Product Design / Workshops and much, much more: 👉 https://www.youtube.com/AJ&Smart?sub_confirmation=1

💌 Subscribe to our Newsletter for FREE UX resources straight to your inbox every week: https://ajsmart.ck.page/21100f1c73

📗 And if you want to level up your career by learning how to facilitate workshops, grab our free FACILITATION GUIDEBOOK and get started right away 📗https://lp.workshopper.com/facilitationguidebook

👟STEPS + 🛠 Tools / Resources (In order of appearance)
0:00 Intro

1:23 Step 1 Decide whether UX Design is for you

Career Foundry UX Email Course
https://careerfoundry.com/en/shortcourses/becomeauxdesigner/

2:40 Step 2 Take a course to learn the principles

Coursera Georgia Tech Introduction to User Experience Design
https://www.coursera.org/learn/userexperiencedesign

Accenture Future Learn Digital Skills: User Experience
https://www.futurelearn.com/courses/digitalskillsuserexperience

Career Foundry UX Design Program
https://careerfoundry.com/en/courses/becomeauxdesigner/

5:18 Step 3 Master a Design Tool

Figma
https://www.figma.com/

Adobe XD
https://www.adobe.com/uk/products/xd.html

Figma Tutorial 1

Figma Tutorial 2

6:28 Step 4 Practice

Apple’s Human Interface Guidelines
https://developer.apple.com/design/humaninterfaceguidelines/

Google’s Material Design:
https://material.io/resources/icons/?style=baseline

9:44 Step 5 Join a Community

Designer Hangout
https://www.designerhangout.co/

10:59 Step 6 Learn what you need to know to get the job

Glassdoor UX Jobs:
https://www.glassdoor.com/Job/uxdesignerjobsSRCH_KO0,11.htm?countryRedirect=true

🎓 Lessons to speed up the process

17:51 Lesson 1 Find a partner for this journey
19:07 Lesson 2 Set a DEADLINE for yourself
20:28 Lesson 3 Block out your time to learn and practice
21:26 Lesson 4 Publish your work
22:13 Lesson 5 Don’t avoid feedback

📕Books mentioned:

23:24 Book 1 Don’t Make Me Think Steve Krug:

23:48 Book 2 Design Of Everyday Things Don Norman:

24:12 Book 3 Sprint Jake Knapp:
https://www.thesprintbook.com/

25:00 Conclusion
25:59 Bloopers + outro

Thanks for watching!

 

Want more?

Check out our FREE 1.5 hour free training on the Design Sprint here:
https://ajsmart.com/freetraining

For all our other social media channels and the ‘Jake & Jonathan’ podcast, check out our LinkTree: https://linktr.ee/AJSmart

 
UXDesign UserExperience ProductDesign

Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work.

AJ&Smart is the 1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world’s most successful brands.

UX Design: How To Get Started (A Full Guide)
https://youtu.be/t0aCoqXKFOU

Food App Design | UX/UI ( Wireframe, Prototype, Export)

Hi guys!
Today we will learn to design a food app in Adobe XD.

Steps:
1. High fidelity wireframe/Mockup
2. Prototyping
3. Export

The complete Java Android App development Bootcamp 2020

Learn Android development fundamentals and start creating your own Android applications.

Get this course (90% off)
https://bit.ly/3cCWHvK

Source files:

Download App source file:
https://bit.ly/2LfANTJ

Download free stock photos & videos:
https://www.pexels.com/

Download free icons:
https://www.flaticon.com

Download free cropped stock photos (PNG):

Home

Follow us:

Facebook:
https://web.facebook.com/DesignSense2…

https://web.facebook.com/GodisaDesigner114438217138991

Join our Facebook group for curated content, inspiration, design critique, and job postings :
https://web.facebook.com/groups/415654592183891

Instagram:
@designsense99

Dribbble:
https://dribbble.com/DesignSense

Music:

Song: INOSSI Friends
Music provided by Vlog No Copyright Music.
Creative Commons Attribution 3.0 Unported
Video Link: https://youtu.be/Y_LeHYGkpo0

Song: Simon More You (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: https://youtu.be/lMJCoZoVpHY

Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course

Free Adobe XD Tutorial Course from the full course: User Experience Design Essentials Adobe XD UI UX Design.
Full course at: https://bit.ly/3rYPxWM
Free Exercise Files: https://bit.ly/3rQRKDp
Listen to the BYOL Insider Podcast here: https://bit.ly/3morCOZ

AdobeXD UXDesign UX

Follow us on Instagram: https://www.instagram.com/bringyourownlaptop
Follow me on Twitter: https://twitter.com/danlovesadobe
Join the Facebook group: https://www.bringyourownlaptop.com/fb
Join my subreddit: https://bit.ly/3kGcLxx

Introduction to UX: 0:00
Getting started: 2:55
What is UI vs UX: 5:16
The UX brief & persona: 11:35
Wireframing (low fidelity): 22:57
How wide for my website: 24:55
Existing UI kits: 38:02
Working with type: 45:53
Basic colors & buttons: 55:01
Free UI Icons: 1:09:16
Footer & Lorem Ipsum: 1:22:56
New Pages & Artboards: 1:28:24
Class Project 01 Wireframe: 1:32:44
Prototyping & Interactivity: 1:43:56
Create a Popup Modal: 1:52:09
Class Project 02 Prototype: 2:00:07
Groups & Isolation Mode: 2:03:00
How to use symbols: 2:05:30
Production Video Left Nav: 2:12:48
Repeat Grid: 2:16:41
Updating symbols and repeat grids: 2:22:09
Prototype Tricks: 2:31:02
Navigation Tips and Tricks: 2:37:03
Class Project 03 Symbols: 2:41:53
Mocking Up an app: 2:46:00
XD App on your phone: 2:55:40
iPhone & Android status icons: 3:03:45
Fixing the position: 3:06:55
Production Video Login: 3:07:57
Sharing wireframes: 3:14:40
Recording your interactions: 3:28:15
Class Project Wireframe feedback: 3:31:27
Columns or grids: 3:41:33

Thanks to S SJ & Domagoj Milas for the timestamps!

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently & comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical & effective User Experience (UX) & User Interface (UI) designs.

This video is an excerpt from my full course. But in the short free UI course we’ll cover lots of awesome things in Adobe XD.

Throughout the course I’ll invite you to participate in a reallife freelance project which I’m working on. It’s a project that requires a fresh website & mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning & work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

First, we will go over the differences between UX & UI Design. We will look at what our brief for this realworld project is, then we will learn about lowfidelity wireframes & how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, artboards, prototyping, models & popups, symbols & repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop & Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is microinteractions. I’ll be teaching you all about those & how to use them to grow icons & scenes. This is one of the parts of web design that’s growing & being adopted rapidly so you won’t want to miss out on learning it early.

There are two class projects for you to complete during this class, these will help develop your skills & will give you something for your own portfolio.

You’ll need a copy of Adobe XD 2018 or above. A free trial can be downloaded from Adobe.
No previous design experience is needed.
No previous Adobe XD skills are needed.

What am I going to get from this course?

92 lectures of wellstructured, step by step content.
Learn to design websites & mobile phone apps.
Fonts & colors.
Prototype your designs with interactions.
Test on mobile phones.
Send your designs for feedback & commenting
Export production ready assets.
Create your first UX brief & persona.
Create quick wireframes.
How to use premade UI kits.
Learn professional workflow tricks & shortcuts
You will get the finished files so you never fall behind
Downloadable exercise files
Forum support from me & the rest of the BYOL crew
All the techniques used by UX professionals

This course is for beginners.
Aimed at people new to the world of design & user experience.
No previous Adobe XD experience is necessary.
For anyone that needs to add ‘UX Design’ to their portfolio.

I’d also suggest watching How to Design a Logo Full Identity Design Course https://www.youtube.com/watch?v=UyoXKGQrmtY & The ULTIMATE Guide to ADOBE ANIMATE CC! (AKA Flash) Tutorial