Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js Typescript HTML5 PHP
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Data Analysis Data Warehouse Blockchain Business Intelligence
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin SwiftUI Mobile App Development
Graphic Design Photoshop Adobe Illustrator Drawing Canva Digital Painting InDesign Design Theory Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Sound Therapy Emotional Intelligence Coaching
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Online Business Startup Business Plan Blogging Amazon Kindle Direct Publishing (KDP)
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Copywriting Google Analytics Email Marketing Startup Advertising Strategy
2022-07-24T22:26:20Z

DesignWeb DesignUser Interface

UI és webdesign

A digitális terméktervezés szabályai és trükkjei
Rating: 4.8 out of 54.8 (42 ratings)
134 students
Created by Matyas Szabo
Last updated 4/2021
Hungarian

What you'll learn

  • Wireframezés
  • Perszóna alkotás
  • Heurisztikus elemzés
  • Sitemap tervezés
  • UI kit
  • Landing oldal
  • Reszponzív webdesign
  • Mobil app tervezés

Requirements

  • Tisztában vagy a grafikai tervezés alapjaival
  • Ismersz valamilyen UI tervezésre alkalmas szoftvert (Figma, Sketch, XD …)

Description

A digitális termékek ott vannak mindenhol. Amikor streamelve nézünk filmeket, ha beülünk az autónkba de akkor is ha online vesszük meg a buszjegyet. A felhasználói felületek tervezésének nagyon kötött szabályai vannak, amiket tudnunk kell felülírni. Ebben a kurzusban segítek megérteni a felhasználót és könnyen használható felületeket tervezni.


Mit tanulhatsz a kurzuson?

A kurzus nagy hangsúlyt fektet az UI tervezés elméleti alapjaira. Ezekből ismerhető meg a teljes folyamat, ami egy profi designert jellemez. Megismerheted azokat a szabályokat és trükköket, amik segítségével szintet léphetsz UI vagy webdesignerként.


1. Mi az a UI?

Ismerd meg a felhasználói felületek széles skáláját és azt, hogy mi a különbség a UI és UX között. Hol húzódik a határ a látvány és az élmény között?


2. Heurisztikus elemzés

A digitális termékek mint a weboldalak vagy mobilappok szigorú szabályok mentén jönnek létre hiszen funkciójuk van, amiket be kell tölteni. Ismerd meg ezeket a szabályokat, amiket heurisztikáknak hívunk!


3. A weboldal keretei

A header és a footer. Más-más funkcióval ellátott területek. Tanuld meg, hogyan kell olyan navigációt tervezni, amire ösztönösen ráérez a felhasználó!


4. Interakciók

Gombok, checkboxok, beviteli mezők… rengeteg dolog van amire kattinthatunk de nem mindegy mikor melyiket használjuk. Ismerd meg ezek funkcióját és a használatuk szabályait!


5. Első lépések

Az első lépésekben megismerheted a wireframezést vagy éppen az atomic design módszertant, de a perszóna alkotás is része az anyag. Fedezd fel azokat a feladatokat, amik megelőzik a tervezést és jobb designerré tesznek.


6. Responsive tervezés

A reszponzív tervezés sok designert megijeszt, pedig ha tisztában vagy az alapjaival, akkor játszótérré válik a gridsystem. Ismerd meg a játékszabályokat és tervezz bármilyen képernyőre!


7. Átadás

Egy UI designer munkája az is, hogy a fejlesztők számára értelmezhető anyagot adjon át. Tanuld meg, hogyan kell a fejlesztők keze alá dolgozni!


Tervezzünk weboldal és mobilappot!

A kurzus gyakorlati részeiben végig kísérheted, egy weboldal és egy mobil app tervezésének a lépéseit. A weboldal tervezés nem a Figma megnyitásával kezdődik éppen ezért bemutatom az előzetes munkákat is, amiknek a segítségével profi grafikussá válhatsz.


1. Perszóna alkotás

A kurzuson megtanulhatod, hogyan kell célcsoportnak megfelelően tervezni. Ismerd meg a módszert, hogy megismerhesd a felhasználót.


2. Sitemap tervezés

Egy oldal struktúráját összerakni nem könnyű feladat, Tudd meg, hogyan kell felhasználóbarát módon felosztani a funkciókat és az információkat.


3. Wireframezés

A wireframe szerinted is csak a weboldal fekete-fehérben? Akkor ideje jobban csinálni és megtanulni, mikor van szükség rá és, hogyan kell csinálni.


4. Landing oldalak

A landing oldalak az online marketing fontos eszközei. Tanuld meg, hogyan kell végig vinni a felhasználót úgy az információkon, hogy vásárlóvá váljon.


5. Mobil adaptáció

Az a weboldal, ami nem használható mobilon az nem létezik. Ismerd meg a szabályokat és a trükköket, hogyan kell mobilon is teljes élményt nyújtani.


6. Interaktív elemek

A felhasználónak ösztönösen tudnia kell mire kattintson. Ismerd meg a felhasználói gondolkodást, hogy miért kattintanak oda ahova és tanuld meg irányítani.


Kiknek szól?

A kurzust olyanoknak készítettem, akik vagy az iskolai rendszerben vagy autodidakta módon már megtanulták a grafikai alapjait és szeretnék a tudásukat elmélyíteni és szintet lépni a UI és webdesign világában.


Neked szól ha tisztában vagy a grafikai tervezés alapjaival és ismersz valamilyen UI tervezésre alkalmas szoftvert (Figma, Sketch, XD …)


Nem való...

  • azoknak, akik még sosem kerültek kapcsolatba a grafikai tervezéssel

  • azoknak a vállalkozóknak, akik saját maguk szeretnék elkészíteni a weboldalukat

  • azoknak, akiknek még a szoftvert is meg kell tanulni használni


Who this course is for:

  • A kurzust olyanoknak készítettem, akik vagy az iskolai rendszerben vagy autodidakta módon már megtanulták a grafikai alapjait és szeretnék a tudásukat elmélyíteni és szintet lépni a UI és webdesign világában.

Instructor

Matyas Szabo
Brand and UI designer
Matyas Szabo
  • 4.8 Instructor Rating
  • 128 Reviews
  • 240 Students
  • 3 Courses

Több mint 10 éve foglalkozom design-nal. Ez idő alatt dolgoztam állami szektorban, vezettem csapatot reklámügynökségben és dolgoztam nemzetközi TV társaságnál art direktorként. Az ügyfélköröm az FMCG szektortól kezdve a kozmetikumokon át egészen a tech cégekig terjed.

Az alkotás mellett viszont mindig igényem volt arra is, hogy átadjam, amit megtanultam. A kurzusaimmal próbálok kapaszkodókat adni azoknak, akik kikerülnek az iskolapadból és szeretnék beindítani a karrierjüket.

Mikor feldolgozok egy témát, mindig azt gondolom végig, hogy vajon 10 évvel ezelőtt mennyit segített volna nekem ha tudom ezeket. Fontosnak tartom, hogy ismerje valaki a programokat és tudja a grafika alapszabályait, de szükség van egy mélyebb és specifikusabb rétegre is.

Ismerd meg a kurzusaim által a UI vagy éppen az arculattervezés világát.


Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Terms
  • Privacy policy
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.