210707 인턴 3일차

1. Adobe xd 사용법 공부

- Adobe xd : UI/UX 틀 제작 도구로 대기업들이 애용한다고 한다. 사실 틀 제작은 포토샵으로도 가능하지만 여기에 편리한 기능들이 있어서 많은 디자이너들이 이걸 사용한다고 한다.

- 우선은 유튜브를 보면서 대충 감을 잡아 보았다. 생각보다 사용법이 어려운 것 같지 않아서 몇 번 사용해보면 금방 쓸 수 있을 것 같다.

 

2. 웹페이지 디자인

- 웹페이지에는 반응형과 적응형이 있다.

- 반응형 웹 디자인 : 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 같은 코드로 구성되며 크기 별로 보이는 화면 구성이 조금씩 달라지는 느낌이다.

- 적응형 웹 디자인 : 서버나 클라이언트에서 웹에 접근한 디바이스를 체크하여 그 디바이스에 최적화된 미리 정해 놓은 각 디바이스의 디스플레이에 맞는 웹을 보여주는 디자인을 의미한다. 네이버처럼 모바일과 PC가 다른 코드로 구현된 것이다.

 

3. 페이지 검수 - 크로스 브라우징

- 주임님이 만들고 계신 사이트를 다른 인턴분과 함께 크로스 브라우징 검수를 하였다.

- 검수한 사이트로는 chrome, internet explorer, edge, apple safari, qq browser, uc browser, baidu browser 등을 했으며 이를 통해 같은 코드더라도 브라우저 별로 발생하는 오류나 적용이 가능한 코드가 다르다는 것을 알았다.

- 이는 크로스 브라우징이 아니고 다른 사원분께서 페이지 검수를 부탁하셔서 하다가 알게 된 건데 익스플로러에서는 입력칸에 입력하면 x표시가 자동으로 생기는데 이는 크롬과 달리 따로 없애줘야 한다고 한다.