본문 바로가기
닫기

"UI Design"의 검색 결과

필터

  • [피그마] 프로토타입을 이용한 웹 사이트의 인트로 애니메이션 만들기

    youtube.com

    [피그마] 프로토타입을 이용한 웹 사이트의 인트로 애니메이션 만들기

    [피그마] 프로토타입을 이용한 웹 사이트의 인트로 애니메이션 만들기

    1:24 프레임을 만들기
    1:44 unsplash 플러그인으로 사진 가져오기
    3:36 헤더 만들기
    5:53 Prototype 설정하기

    #피그마 #웹사이트인트로애니메이션 #스마트애니메이트 #prototype #smartanimate #sring animation #websitedesign #uidesign #introanimation #figmatutorial
    -----------------------------------------------------------------------------------------------
    루씨의 UXUI 디자인 채널입니다.
    디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너 등을 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요. 영상이 도움 되셨다면 구독,좋아요 부탁 드립니다!

    Hello ~
    Welcome to The UXUI Design Channel.
    This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
    I'm interested in design tool review, design book review ... and more fun reviews.
    Contact me: lucymygirl@naver.com
    Thanks for Watching! Happy Designingggggggggg ; )
    --------------------------------------------------------------------------------------------
    © 루씨의 UXUI 디자인. ALL RIGHTS RESERVED.
    본 영상으로 강의, 영상 추출, 참고 영상으로 사용을 금지합니다.

    김새롬

  • 사이트 만들기 프로젝트_디자인편

    9

    youtube.com

    사이트 만들기 프로젝트_디자인편

    사이트 만들기 프로젝트입니다.
    디자인부터 레이아웃까지 이루어지는 강의합니다.
    디자인, 레이아웃 파트별로 되어 있습니다.

    김새롬

  • [ Rock's Easyweb] 포토샵 웹디자인 - UI design for web

    8

    youtube.com

    [ Rock's Easyweb] 포토샵 웹디자인 - UI design for web

    포토샵으로 웹디자인 하기 연재입니다.
    약 4 ~ 5편 연재예상합니다.
    기타 강좌와 마찬가지로 초기파일만 제공하니 이번영상(design 20번)부터 차근차근 따라서 학습해주세요.

    [ 영상 내용 ]
    - 웹디자인 순서
    - 스케치, 와이어 프레임
    - 포토샵 그리드 생성하기
    - 일러스트레이터 그리드 생성하기

    [ Sample Download ]
    https://drive.google.com/file/d/17UUW5e_iwitjMYexOb6FyVHBv2cN1UdL/view?usp=sharing


    #webdesign #photoshop

    홈페이지 : http://ezwebpub.com/
    구독하기(subscribe now) : https://bit.ly/30wbC1y
    오프라인 수업 문의: ezwebpub@gmail.com

    완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

    도봉도봉

  • [Rock's Easyweb]  figma(피그마)로 디자인과 프로토타이핑을 동시에 하자!

    4

    youtube.com

    [Rock's Easyweb] figma(피그마)로 디자인과 프로토타이핑을 동시에 하자!

    Sample Download: https://goo.gl/icduFr

    1/4
    - 피그마로 디자인하기
    - 피그마로 요소들 그리기
    - 그리드 사용하기
    - 텍스트 사용하기

    2/4
    - 펜툴 사용하기
    - 컴포넌트 사용하기
    - 모바일 사이트 디자인하기
    - 헤더 완성하기

    3/4
    - 폰트어썸 아이콘
    - 로그인 입력폼, 버튼
    - 첫 메인화면 완성하기
    - 반응형에 맞춰 유연하게 디자인하기
    - figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기

    4/4
    - 서브페이지 만들기
    - google material design 활용하기
    - figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
    - 페이지가 연결되는 프로토 타이핑 하기
    - 디자인단계에서 css 코드 확인하기
    - image 저장하기

    - 수료생 포트폴리오 보기 : http://bitly.kr/yEkoJC
    - 후원하기: https://toon.at/donate/ezwebpub

    홈페이지 방문하기: http://ezwebpub.com/


    #피그마 #웹디자인 #figma #prototyping #프로토타이핑

    도봉도봉

  • TOP 10 Mobile App UI Design Ideas in 2022 | AppMaster.io

    medium.com

    TOP 10 Mobile App UI Design Ideas in 2022 | AppMaster.io

    If the mobile app doesn’t correspond to the latest design trends, it will probably be out of users’ interest. Making the app look modern and beautiful is challenging, considering that trends never…

    dracure

  • Web Design - Adobe XD

    4

    youtube.com

    Web Design - Adobe XD

    Web Page Design in Adobe XD

    yuli_kim

  • Pinterest - WEB UI design

    pinterest.co.kr

    Pinterest - WEB UI design

    요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.

    yuli_kim

  • 프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역)

    velog.io

    프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역)

    원제 : 32 User Interface Elements For UI Designers프론트엔드 개발자는 유저 인터페이스(UI)에 대해 그 어떤 개발자보다 잘 이해하고 숙지해야 합니다. 디자이너와 소통하며 그들을 이해하고, 때론 스스로 제품과 서비스의 사용성을 개선하기

    도봉도봉

  • Web Design for Beginners | FREE COURSE

    youtube.com

    Web Design for Beginners | FREE COURSE

    If you're new to web design, this course on web design for beginners will teach you everything you need to know. ► Download creative digital assets with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description

    “How do I pick typefaces, how do I pick colors, what the heck is whitespace, and how do I position and size elements correctly?” These are exactly the kinds of questions which we’ll address in this beginner web design tutorial.

    In terms of fundamentals, you’ll learn about color, typography, spacing, sizing, imagery, and responsive web design. We’ll discuss the theory, best practices, and some tools you can use to make your job easier.

    When it comes to common web design patterns, you’ll learn about the elements you can use to design a web page—things like headers, hero areas, buttons, image galleries, contact forms, and more.

    For each of these patterns, we’ll look at the definition and some use cases, and then we’ll apply that knowledge to a demo project: a three-page portfolio website designed specifically for this course.

    ► Check out this link for the project brief and course assignments: https://bit.ly/37YMk4W
    ► Read the course notes (and more!) for Web Design for Beginners on Envato Tuts+: https://webdesign.tutsplus.com/articles/web-design-for-beginners-epic-free-course--cms-41118?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description
    ► Link to wireframe portfolio website with Figma: https://www.figma.com/file/Ak0JQMv65digqiASGnoLI0/Portfolio-Website?node-id=0%3A1

    What You'll Learn:

    00:00:00 Welcome!
    00:04:31 Course brief and assignment
    00:05:48 UI design vs. UX design vs. web design
    00:14:08 Learning to work with project briefs
    00:19:59 Working with wireframes
    00:28:08 Picking the right design tool
    00:33:53 Color theory
    00:51:36 Color harmonies, psychology and tools
    01:03:11 Creating a color palette for our project
    01:20:00 Let’s talk about typography
    01:31:11 Creating the typography for our project
    01:46:01 Spacing and sizing in web design
    01:54:47 Using icons and images in web design
    02:03:33 Definition and use cases for headers
    02:11:39 Let’s design a header
    02:28:16 Definition and use cases for hero areas
    02:33:06 Let’s design a hero area
    02:39:08 Definition and use cases for buttons
    02:44:46 Let’s design some buttons
    02:57:27 Definition and use cases for image galleries
    03:01:38 Let’s design an image gallery
    03:12:34 Definition and use cases for footers
    03:17:55 Let’s design the footer
    03:26:37 Definition and use cases for testimonials
    03:31:48 Let’s design some testimonials
    03:44:15 Definition and use cases for tabs
    03:48:11 Let’s design some tabs
    03:59:47 Definition and use cases for accordions
    04:04:03 Let's design an accordion
    04:13:19 Definition and use cases for contact forms
    04:18:17 Let’s design a contact form
    04:32:49 What is a responsive website?
    04:36:55 Making layout changes for tablets and phones
    04:56:44 Making a component responsive
    05:09:52 A quick word about prototyping
    05:16:11 Next steps and key takeaways

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Envato Tuts+
    Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description

    Envato Elements
    All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
    ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description

    ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
    ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
    ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    AriRaNg

  • Top 7 UI Design Trends for 2021

    medium.muz.li

    Top 7 UI Design Trends for 2021

    Introduction

    dracure

  • Top 5 Mobile Interaction Designs of May 2021

    protoio.medium.com

    Top 5 Mobile Interaction Designs of May 2021

    With spring fully in swing, limitless designers are releasing their new mobile interaction designs for the world to see. This month we dig…

    dracure

  • Tutorials: Create your design system in Figma

    5

    youtube.com

    Tutorials: Create your design system in Figma

    Whether you’re building out a design system for the first time or migrating existing libraries, Figma helps you maintain and scale your design system no matter how fast you grow.

    수도꼭지

  • Graphic Design Trends 2022

    youtube.com

    Graphic Design Trends 2022

    Millions of assets. Unlimited downloads. First month 70% off! https://elements.envato.com/pricing?coupon_code=elements_yt_org-9firstmonth-xsmy7v&utm_campaign=elements_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Find out the Graphic Design Trends we're seeing in 2022 in our video.

    Intro (0:00)
    WHAT IS ENVATO ELEMENTS? (0:18)
    Want to produce something amazing but just don't have the time to put it all together? Take the fuss out of creative production with a subscription to Envato Elements. With unlimited access to all the digital creative assets and templates you could ever possibly need, you can streamline your workflow to produce better content quicker!

    1. 3D Design (0:47)
    2. Non-Fungible Tokens (2:57)
    3. Maximalism (4:05)
    4. Simplified Logos (5:42)
    5. Minimalist Retro (7:13)
    6. Abstract Surrealism (8:37)
    7. Dreamy Muted Gradients (10:03)
    8. Embracing Simplicity (11:31)
    9. Colorful Minimalism (12:36)

    🎁 70% OFF FIRST MONTH! Sign up to Envato Elements today: https://elements.envato.com/pricing/?coupon_code=elements_yt_org-9firstmonth-xsmy7v&utm_campaign=elements_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description
    *Applies to the individual monthly plan and only valid for new customers. Coupon automatically applied at the checkout. Offer expires 30th April, 2022.

    ▶▶▶ FEATURED ITEMS:
    Graphic DesignTrends Collection: https://elements.envato.com/collections/N9G2W7FCVK?utm_campaign=elements_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    3D Design Collection:
    https://elements.envato.com/collections/2ZCKAEY59D?utm_campaign=elements_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Illustration Trends 2021:
    https://youtu.be/Vqd4Ug4KfPU

    3D Illustration Blog:
    https://envato.com/blog/3d-illustration-design/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    NFTs & Crypto Art Explained:
    https://envato.com/blog/what-are-nfts-non-fungible-tokens-crypto-art/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Minimalism vs Maximalism Blog:
    https://envato.com/blog/minimalism-vs-maximalism-design-style/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Web Design Trends 2021:
    https://www.youtube.com/watch?v=gyGsPlt06bo

    Logo Design Guide:
    https://envato.com/blog/logo-design-guide/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Retro Design Trends:
    https://www.youtube.com/watch?v=AJnWQ0rXv2U

    Graphic Design Trends 2021:
    https://youtu.be/2xc9YKdlLW0

    UX/UI Design Trends 2022:
    https://www.youtube.com/watch?v=YRIHdCJqQOg

    Branding Trends 2022:
    https://www.youtube.com/watch?v=3j3SQEUfREs

    Back to Basic Blog:
    https://envato.com/blog/back-to-basics-organic-graphic-design-trends/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    Bright and Bold Colors Blog:
    https://envato.com/blog/bright-and-bold-color-design-trend-templates/?utm_campaign=envato_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    MUSIC
    Indie Sport Rock by iBroccoli
    https://elements.envato.com/indie-sport-rock-G65LCVD?utm_campaign=elements_social_eyt_FCL29cyOlYc&utm_medium=social&utm_source=YouTube&utm_content=description

    ➜ Subscribe to the Envato YouTube Channel: http://www.youtube.com/user/envato?sub_confirmation=1

    #GraphicDesign #GraphicDesignTrends #GraphicDesign2022

    yuli_kim

  • 1 Design Trend in 2022 That I Think will be BIG! (7 Examples)

    youtube.com

    1 Design Trend in 2022 That I Think will be BIG! (7 Examples)

    https://designcourse.com - Learn UI/UX with my Interactive Platform!
    -- Today, I'm going to examine 7 fantastic websites to identify a key trend that I think we'll see more of in 2022. Let's just say, it has to do with movement!

    0:00 - Introduction
    0:25 - Learn UI Design
    1:06 - Example 1
    3:55 - Example 2
    5:06 - Example 3
    5:45 - Example 4
    6:32 - Example 5
    7:05 - Example 6
    8:29 - Example 7
    9:19 - Final Thoughts

    Let's get started!

    #ui #trends #2022

    - - - - - - - - - - - - - - - - - - - - - -

    Subscribe for NEW VIDEOS!

    Learn UI/UX: 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 Designcourse.com.

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

    yuli_kim

  • Figma Best practice: Design with the whole team

    5

    youtube.com

    Figma Best practice: Design with the whole team

    수도꼭지

  • Figma : Office hours

    16

    youtube.com

    Figma : Office hours

    수도꼭지

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기