본문 바로가기
닫기

#2 이 용어 뭔지 아세요? - 웹디자인 입문 강좌

디자인베이스 디자인베이스

구독

오늘은 웹디자인 입문 강좌 두 번째 시간입니다. 웹디자인과 관련된 알아두면 좋은 용어를 살펴보겠습니다. 어포던스가 뭔지 아시나요? WSG는 뭘까요? LNB는 뭐고 GA는 뭐지...? (아는 분들은 건너뛰셔도 좋습니다.. 입문자 용이에요ㅎㅎ) 제가 웹 디자인 쪽으로 처음 공부할 때 이해하기 어려운 용어들이 있었지만, 실무로 일해보니까 알고 있어 도움되는 용어들이었습니다. 딱! 20가지로 추려서 공유합니다. 나중에 예제를 통해 배워보면서 여러분과 저와의 원활한 소통을 위해 용어를 배워두는 것이 좋겠죠? 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

더보기

같이 보면 좋은 강좌

  • #5 레이어 이해하기 + 스마트 오브젝트 - 포토샵 기초 강좌

    #5 레이어 이해하기 + 스마트 오브젝트 - 포토샵 기초 강좌

  • [포토샵 기초]03_파일 열고 닫고 저장하기_ photoshop CC 2019

    [포토샵 기초]03_파일 열고 닫고 저장하기_ photoshop CC 2019

  • #2 RGB와 CMYK 색상모드 한번에 이해하기 - 포토샵 기초 강좌

    #2 RGB와 CMYK 색상모드 한번에 이해하기 - 포토샵 기초 강좌

  • #7 딱 10초 만에 그리드 만드는 법! - 포토샵 기초 강좌

    #7 딱 10초 만에 그리드 만드는 법! - 포토샵 기초 강좌

  • #3 픽셀과 해상도의 이해 이것으로 끝! - 포토샵 기초 강좌

    #3 픽셀과 해상도의 이해 이것으로 끝! - 포토샵 기초 강좌

  • [포토샵 기초 ]10_레이어 이해하기_ photoshop cc 2019

    [포토샵 기초 ]10_레이어 이해하기_ photoshop cc 2019

  • #10 선택툴 알아보기 (Marquee Tool, Lasso Tool, Quick Selection Tool 등) - 포토샵 기초 강좌

    #10 선택툴 알아보기 (Marquee Tool, Lasso Tool, Quick Selection Tool 등) - 포토샵 기초 강좌

  • [포토샵 기초]01_포토샵 설치하고 실행한 후 인터페이스 색상변경하기_ Photoshop CC 2019

    [포토샵 기초]01_포토샵 설치하고 실행한 후 인터페이스 색상변경하기_ Photoshop CC 2019

  • #8 포토샵 브러쉬 사용하기 Brush Tool - 포토샵 기초 강좌

    #8 포토샵 브러쉬 사용하기 Brush Tool - 포토샵 기초 강좌

  • [포토샵 기초]08_작업 단계 순서 되돌리기_ photoshop cc 2019

    [포토샵 기초]08_작업 단계 순서 되돌리기_ photoshop cc 2019

  • #9 손쉽게 폰트 꾸미기 + 폰트 옵션 파악하기 - 포토샵 기초 강좌

    #9 손쉽게 폰트 꾸미기 + 폰트 옵션 파악하기 - 포토샵 기초 강좌

  • #6 상황에 맞는 저장 방식 이해하기 (JPG, PNG, GIF) - 포토샵 기초 강좌

    #6 상황에 맞는 저장 방식 이해하기 (JPG, PNG, GIF) - 포토샵 기초 강좌

  • [포토샵 기초]07_이미지의 회전_photoshop cc 2019

    [포토샵 기초]07_이미지의 회전_photoshop cc 2019

  • #1 포토샵 인터페이스 파악하기 - 포토샵 기초 강좌

    #1 포토샵 인터페이스 파악하기 - 포토샵 기초 강좌

  • [포토샵 기초]06_작업 화면의 크기 변경_photoshop cc 2019

    [포토샵 기초]06_작업 화면의 크기 변경_photoshop cc 2019

  • #4 포토샵 캔버스 사이즈 vs 이미지 사이즈 차이점 - 포토샵 기초 강좌

    #4 포토샵 캔버스 사이즈 vs 이미지 사이즈 차이점 - 포토샵 기초 강좌

  • [포토샵 기초]02_인터페이스 명칭과 나만의 인터페이스 저장_ Photoshop CC 2019

    [포토샵 기초]02_인터페이스 명칭과 나만의 인터페이스 저장_ Photoshop CC 2019

  • [포토샵 기초]05_이미지의 용량과 크기 변경_photoshop cc 2019

    [포토샵 기초]05_이미지의 용량과 크기 변경_photoshop cc 2019

  • #5 레이어 이해하기 + 스마트 오브젝트 - 포토샵 기초 강좌

    #5 레이어 이해하기 + 스마트 오브젝트 - 포토샵 기초 강좌

  • [포토샵 기초]03_파일 열고 닫고 저장하기_ photoshop CC 2019

    [포토샵 기초]03_파일 열고 닫고 저장하기_ photoshop CC 2019

  • #2 RGB와 CMYK 색상모드 한번에 이해하기 - 포토샵 기초 강좌

    #2 RGB와 CMYK 색상모드 한번에 이해하기 - 포토샵 기초 강좌

  • #7 딱 10초 만에 그리드 만드는 법! - 포토샵 기초 강좌

    #7 딱 10초 만에 그리드 만드는 법! - 포토샵 기초 강좌

  • #3 픽셀과 해상도의 이해 이것으로 끝! - 포토샵 기초 강좌

    #3 픽셀과 해상도의 이해 이것으로 끝! - 포토샵 기초 강좌

  • [포토샵 기초 ]10_레이어 이해하기_ photoshop cc 2019

    [포토샵 기초 ]10_레이어 이해하기_ photoshop cc 2019

  • #10 선택툴 알아보기 (Marquee Tool, Lasso Tool, Quick Selection Tool 등) - 포토샵 기초 강좌

    #10 선택툴 알아보기 (Marquee Tool, Lasso Tool, Quick Selection Tool 등) - 포토샵 기초 강좌

  • [포토샵 기초]01_포토샵 설치하고 실행한 후 인터페이스 색상변경하기_ Photoshop CC 2019

    [포토샵 기초]01_포토샵 설치하고 실행한 후 인터페이스 색상변경하기_ Photoshop CC 2019

  • #8 포토샵 브러쉬 사용하기 Brush Tool - 포토샵 기초 강좌

    #8 포토샵 브러쉬 사용하기 Brush Tool - 포토샵 기초 강좌

  • [포토샵 기초]08_작업 단계 순서 되돌리기_ photoshop cc 2019

    [포토샵 기초]08_작업 단계 순서 되돌리기_ photoshop cc 2019

  • #9 손쉽게 폰트 꾸미기 + 폰트 옵션 파악하기 - 포토샵 기초 강좌

    #9 손쉽게 폰트 꾸미기 + 폰트 옵션 파악하기 - 포토샵 기초 강좌

  • #6 상황에 맞는 저장 방식 이해하기 (JPG, PNG, GIF) - 포토샵 기초 강좌

    #6 상황에 맞는 저장 방식 이해하기 (JPG, PNG, GIF) - 포토샵 기초 강좌

  • [포토샵 기초]07_이미지의 회전_photoshop cc 2019

    [포토샵 기초]07_이미지의 회전_photoshop cc 2019

  • #1 포토샵 인터페이스 파악하기 - 포토샵 기초 강좌

    #1 포토샵 인터페이스 파악하기 - 포토샵 기초 강좌

  • [포토샵 기초]06_작업 화면의 크기 변경_photoshop cc 2019

    [포토샵 기초]06_작업 화면의 크기 변경_photoshop cc 2019

  • #4 포토샵 캔버스 사이즈 vs 이미지 사이즈 차이점 - 포토샵 기초 강좌

    #4 포토샵 캔버스 사이즈 vs 이미지 사이즈 차이점 - 포토샵 기초 강좌

  • [포토샵 기초]02_인터페이스 명칭과 나만의 인터페이스 저장_ Photoshop CC 2019

    [포토샵 기초]02_인터페이스 명칭과 나만의 인터페이스 저장_ Photoshop CC 2019

  • [포토샵 기초]05_이미지의 용량과 크기 변경_photoshop cc 2019

    [포토샵 기초]05_이미지의 용량과 크기 변경_photoshop cc 2019

UI 디자이너가 알려주는 스케치 실전 강좌!

youtube.com

UI 디자이너가 알려주는 스케치 실전 강좌!

현직 UI 디자이너가 설명하는 '스케치(Sketch)를 꼭 써야 하는 이유'를 시작으로 스케치 강좌를 출발해 봅시다! 웹, 앱 디자인, UI 디자인을 위한 최고의 툴 스케치 강좌입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )

AriRaNg

UI 디자인 실무 이야기

youtube.com

UI 디자인 실무 이야기

UI 디자이너가 알아야 하는 실무 이야기

수도꼭지

어도비 XD는 이걸로 끝내기

youtube.com

어도비 XD는 이걸로 끝내기

스케치의 대항마, 어도비 XD로 UI 디자인 마스터하기

AriRaNg

Adobe XD 입문부터 활용까지

youtube.com

Adobe XD 입문부터 활용까지

Adobe XD의 입문부터 활용까지 XD의 다양한 기능을 상세하게 학습할 수 있는 강좌입니다.

수도꼭지

Figma 기초부터 활용까지

youtube.com

Figma 기초부터 활용까지

피그마의 기본 툴 사용법과 기능 학습과 실습을 통한 활용 강좌

수도꼭지

New to Figma? Get started with

youtube.com

New to Figma? Get started with "Figma for beginners" tutorials

If you’re brand new to Figma or design tools, check out this playlist for a quick tour of key features as we take you through a rough approximation of the design process, and design a mobile app together. We move quickly and keep things at a high level, so search help.figma.com for more in-depth guides.

수도꼭지

프로덕트 디자인 가이드북

brunch.co.kr

프로덕트 디자인 가이드북

디지털 애플리케이션을 설계하는 디자이너의 역할은 심미적으로 아름다우며 사용하기 편리한 프로덕트를 설계해 비즈니스 골을 달성하는 것입니다. 도전적인 이 미션을 달성하기 위해서는 단순히 시각적인 아름다움만을 생각하는 디자이너를 뛰어넘어 다양한 관점으로 디자인을 바라 볼 수 있어야 할 것입니다. 이 브런치북은 구현이 아닌 설계의 관점에서 UI를 만드는 법에 대한 가이드를 담았습니다.

수도꼭지

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

brunch.co.kr

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모바일은 데스크톱에 비해 화면의 크기가 작습니다. 데스크톱은 의자에 앉아서 실내에서 사용합니다. 큰 모니터에서 많은 정보를 탐색하고 업무를 봅니다. 포토샵 같은 몰입형 앱의 다양한 기능을 몇 시간 동안 집중해서

hjunnn

피그마로 모바일 웹 만들기

youtube.com

피그마로 모바일 웹 만들기

수도꼭지

포토샵 입문부터 활용까지

youtube.com

포토샵 입문부터 활용까지

포토샵 입문부터 활용까지 포토삽의 다양한 기능을 상세하게 학습할 수 있습니다.

수도꼭지

Figma 툴 테크닉

youtube.com

Figma 툴 테크닉

Figma 도구 사용법 영상 강의

수도꼭지

포토샵 기초의 모든 것 AtoZ

youtube.com

포토샵 기초의 모든 것 AtoZ

포토샵을 아예 처음 하시는 분부터 어느정도 알지만, 기본기가 부족한 분들을 위한 강좌입니다. 저와 함께 차근차근 알아봐요.

AriRaNg

UI 디자이너가 알려주는 스케치 실전 강좌!

youtube.com

UI 디자이너가 알려주는 스케치 실전 강좌!

현직 UI 디자이너가 설명하는 '스케치(Sketch)를 꼭 써야 하는 이유'를 시작으로 스케치 강좌를 출발해 봅시다! 웹, 앱 디자인, UI 디자인을 위한 최고의 툴 스케치 강좌입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )

AriRaNg

UI 디자인 실무 이야기

youtube.com

UI 디자인 실무 이야기

UI 디자이너가 알아야 하는 실무 이야기

수도꼭지

어도비 XD는 이걸로 끝내기

youtube.com

어도비 XD는 이걸로 끝내기

스케치의 대항마, 어도비 XD로 UI 디자인 마스터하기

AriRaNg

Adobe XD 입문부터 활용까지

youtube.com

Adobe XD 입문부터 활용까지

Adobe XD의 입문부터 활용까지 XD의 다양한 기능을 상세하게 학습할 수 있는 강좌입니다.

수도꼭지

Figma 기초부터 활용까지

youtube.com

Figma 기초부터 활용까지

피그마의 기본 툴 사용법과 기능 학습과 실습을 통한 활용 강좌

수도꼭지

New to Figma? Get started with

youtube.com

New to Figma? Get started with "Figma for beginners" tutorials

If you’re brand new to Figma or design tools, check out this playlist for a quick tour of key features as we take you through a rough approximation of the design process, and design a mobile app together. We move quickly and keep things at a high level, so search help.figma.com for more in-depth guides.

수도꼭지

프로덕트 디자인 가이드북

brunch.co.kr

프로덕트 디자인 가이드북

디지털 애플리케이션을 설계하는 디자이너의 역할은 심미적으로 아름다우며 사용하기 편리한 프로덕트를 설계해 비즈니스 골을 달성하는 것입니다. 도전적인 이 미션을 달성하기 위해서는 단순히 시각적인 아름다움만을 생각하는 디자이너를 뛰어넘어 다양한 관점으로 디자인을 바라 볼 수 있어야 할 것입니다. 이 브런치북은 구현이 아닌 설계의 관점에서 UI를 만드는 법에 대한 가이드를 담았습니다.

수도꼭지

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

brunch.co.kr

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모바일은 데스크톱에 비해 화면의 크기가 작습니다. 데스크톱은 의자에 앉아서 실내에서 사용합니다. 큰 모니터에서 많은 정보를 탐색하고 업무를 봅니다. 포토샵 같은 몰입형 앱의 다양한 기능을 몇 시간 동안 집중해서

hjunnn

피그마로 모바일 웹 만들기

youtube.com

피그마로 모바일 웹 만들기

수도꼭지

포토샵 입문부터 활용까지

youtube.com

포토샵 입문부터 활용까지

포토샵 입문부터 활용까지 포토삽의 다양한 기능을 상세하게 학습할 수 있습니다.

수도꼭지

Figma 툴 테크닉

youtube.com

Figma 툴 테크닉

Figma 도구 사용법 영상 강의

수도꼭지

포토샵 기초의 모든 것 AtoZ

youtube.com

포토샵 기초의 모든 것 AtoZ

포토샵을 아예 처음 하시는 분부터 어느정도 알지만, 기본기가 부족한 분들을 위한 강좌입니다. 저와 함께 차근차근 알아봐요.

AriRaNg

이 강좌가 포함된 라이브러리

+ 더보기

신고하기

회원님의 소중한 의견은 amoo에서 올바른 지식/교육 콘텐츠를 제공하는 데 사용됩니다.

0 / 130

커뮤니티 가이드를 위반한 계정은 제재를 받게 되며 심각하거나 반복적인 위반 행위에 대해서는
계정 해지 조치가 취해질 수 있습니다.

닫기

라이브러리에 저장

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

닫기