안녕하세요, 피코소프트 UI/UX 디자이너 입니다.
웹 디자인 시안을 제공 할 때 피그마 Figma 란 프로그램을 사용하여 , 시안 링크를 전달 드리고 있습니다.
링크 확인에 어려움을 겪으시는 클라이언트 분들이 있으신거 같아,피그마 링크로 시안을 보는 법을 알려드리려고 합니다!
시안 링크를 확인 하는 방법
1. 우선 링크를 접속합니다.
링크를 접속하면 시안 첫 페이지가 표시됩니다.
2. 상단에 마우스를 가져다 대면 상단 바가 내려옵니다.
- 오른쪽 상단 전체 화면아이콘을 눌러 화면을 꽉차게 전환 합니다.
(실제 홈페이지 적용 화면에 제일 가까운 화면입니다.)
- 만약 전체화면을 종료하고 싶다면, 키보드의 Esc 버튼을 누르거나 상단 바로 마우스를 가져다 대면 x 버튼이 생성됩니다.
3. 이제 시안을 확인 합니다.
제일 첫 페이지에서 다음 화면으로 이동 시엔 세세가지 방법이 있습니다.
① 기본적인 방법으로는 키보드 → 오른쪽 방향키를 눌러 넘길 수 있습니다.
② 두번째 방법으로는 페이지를 아무곳이나 클릭 하면 넘어갈 수 있습니다. 해당 방법이 실행이 되지 않을 시엔 세번째 방법으로 진행합니다.
③ 세번째 방법은 홈페이지는 상단 브랜드 로고를 클릭하면 홈페이지 제일 첫화면(메인화면)으로 넘어가도록 일반적으로 설정이 되어있으며,
상단 카테고리 (회사소개 등등) 을 누르면 그에 따른 페이지가 출력됩니다.
이를 시안에서도 동일하게 반응하도록 제작하고 있습니다.
페이지를 아무 곳이나 클릭했을때 저런 파란 영역이 생긴다면, 파란영역이 뜨는 부분을 클릭해서 페이지를 이동할 수 있다는 뜻입니다.
홈페이지 시안을 피그마 figma 라는 프로그램을 사용하여 링크로 전달 드리는 이유는,
'실제 홈페이지와 완전히 동일하게 구현은 불가능하나, 기본적으로 이렇게 구성이 된다.'
라는 걸 잘 보여줄 수 있는 프로그램이기 때문이기 때문에,
대부분 피그마 figma 링크로 전달 드리고 있습니다.
궁금하신 점이 있으시다면 언제든 피코소프트로 문의 부탁드립니다.
감사합니다.
▶ 해당 게시물 블로그에서 보기
https://blog.naver.com/qortmdgms/223902278457