대구홈페이지제작 대구웹 - UI와 UX의 용어 차이, 글래스모피즘 그래픽, 스마트 오브젝트 레이어 활용 학습

학습 목차

1. 웹디자인 실무를 위한 용어 학습

2. 포토샵 실무를 위한 학습

2-1. 글래스모피즘 그래픽

2-2. 스마트 오브젝트 레이어 활용

1. 웹디자인 실무를 위한 용어 학습

^UI란?

UI는 User Interface의 줄임말로

사용자의 편의성을 캐치하는 사용자인터페이스,

즉 홈페이지를 사용하는 고객들이 게시글을 작성하고,

로그인하는 등의 상황에 맞게 디자인하는 것을 의미합니다.

UX란?

UX는 User experience 의 줄임말로

사용자의 경험과 편리성을 캐치하여 UI에 적용시켜 넣는 행위를 의미합니다.

반응형 웹이란?

디바이스에 반응해 최적화되어 해상도를 반영하여 제작되는 형태의 웹입니다.

참고영상 유튜브 디자인베이스 채널, 이 용어 뭔지 아세요?

https://www.youtube.com/watch?v=njHQ2aR-m1g

2. 포토샵 실무를위한 학습

2-1. 글래스모피즘 그래픽

글래스 모피즘이란?

반투명한 유리를 댄듯한 효과를 주고,

투명도를 강조하기 위해 배경에 비비드한 컬러를 사용하는 디자인입니다.

요즘엔 카드나 명함 디자인을 투명하게 하는 것이 유행인데,

트렌드에 맞는 디자인을 위해 활용해보았습니다.

참고영상 유튜브 채널 디자인베이스, 글래스모피즘 그래픽 만드는 방법

https://www.youtube.com/watch?v=2AL7QXez75A 

2. 포토샵 실무를 위한 학습

2-2. 스마트 오브젝트 레이어 활용

스마트오브젝트 기능을 활용하면

상세페이지를 작업할 때

똑같은 레이아웃에 다른 상품 이미지들을 적용할 때

훨씬 수월하게 작업할 수 있습니다.

불러온 이미지파일의 해상도를 그대로 보존해주고

자유변형박스를 고정할 수 있는 장점이 있습니다.

유튜브 강좌를 참고하여 스마트 오브젝트 기능을 활용해

로고를 자유 변형하여 목업하는 실습을 해보았습니다.

목업(Mockup)이란?

실제로 실물 모형을 만들지 않고 삼차원 캐드와 같은

디지털 모델 따위의 설계 자료를 이용하여

컴퓨터상의 가상 공간에서

실물 모형을 구성할 수 있도록 하는 컴퓨터 프로그램을 말합니다.

다양한 제품에 이미지와 로고 등을 적용해 볼 수 있어

실제로 제품을 만들기 전에 시뮬레이션 해 볼 수 있는 기능입니다.

참고영상 채널 유튜브 디자인베이스, 스마트 오브젝트 레이어 완벽 정리

https://www.youtube.com/watch?v=PO6SyECFUPQ