God is in the details

A유형 3번째 문제 풀이. A-3: 강원천문대 와이어프레임 살펴보기 와이어프레임 구조는 앞서 풀었던(A1, A2)와 동일하고, 아래와 같은 효과를 적용해야 한다: A영역의 메뉴 애니메이션: A1과 동일한 애니메이션 효과지만, 각각의 메뉴에 효과가 별도로 적용돼야 한다. B영역 슬라이드 애니메이션: 이미지가 서서히 사라지고 나타나는 Fade-in, Fade-out 효과가 적용되어야 한다. C영역: A1과 동일한 탭메뉴를 적용해야 한다. A-3: 강원천문대 와이어프레임 구성하기 기존과 동일하게 Visual Studio Code를 실행한 뒤, 아래와 같은 구조로 파일을 생성한다: HTML를 사용해서 와이어프레임의 기본 구조를 만든다: CSS로 넘어가서 리셋(reset)을 먼저 적용한 뒤에, ID별로 코드를 작..

지난번에 풀어본 A1 문제(풀이 링크)에 이은 두 번째 문제 풀이. A-2: Green복지재단 와이어프레임 살펴보기 기본 와이어프레임 구조는 A1과 동일하고, 아래와 같은 4가지 차이점이 있다: 메인메뉴에 마우스를 오버하면 전체배경이 서브메뉴와 함께 내려온다. B영역의 슬라이드가 세로가 아닌 가로방향으로 전환된다. C영역의 공지사항과 갤러리가 탭메뉴가 아닌 별도 메뉴로 구성되어 있다. D영역 오른쪽 하단에 SNS 아이콘 대신 패밀리사이트 메뉴가 들어간다. A-2: Green복지재단 와이어프레임 구성하기 A1과 마찬가지고 Visual Studio Code를 실행한 뒤, 아래와 같은 폴더 구조로 파일을 생성해 준다: 먼저 아래와 같은 HTML 구조를 작성해서 와이프레임의 기본 구조를 만든다: 이어서 CSS를..

18일 뒤인 11월 25일에 웹디자인기능사 실기시험을 볼 예정이다. 남은 기간 동안 시험 주관처인 한국산업인력공단 홈페이지에서 제공하는 공개문제를 최대한 많이 풀어보기로 했다. 23년도에 출제되는 총 20개 문항이 제공된다: 공개문제 자료실 상세 | Q-netBODY { FONT-SIZE: 10pt; FONT-FAMILY: Malgun Gothic; COLOR: #000000; MARGIN: 0px } P { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; LINE-HEIGHT: 1.2 } LI { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; LINE-HEIGHT: 1.2 } ▶ 적용시기: 2023년 기능사 제1회 부터(1~www.q-net.or.kr *참고: 제이..

디자인 스프린트(Design Sprint)란? 다섯 단계로 구성된 시간제한적인 디자인 프로세스로 보통 5일(하루 8시간) 동안 진행된다. 디자인 스프린트의 목표 아이디어를 디자인하고, 프로토타이핑과 사용자 테스트를 통해 중요한 디자인 문제를 해결하는 것. 언제 디자인 스프린트를 고려해야 할까? 다음 사례 중 한 가지 이상에 해당하는 경우 디자인 스프린트를 진행을 고려해 볼 수 있다: 1. 테스트할 잠재적인 디자인 해결책이 너무 많을 때 2. 문제를 해결하는데 여러 부서의 인원이 협업을 진행하는 경우 3. 해결할 디자인 문제의 범위가 스프린트를 진행할 만큼 넓을 때 디자인 스프린트의 장점 1. 사용자 최우선 고려 디자인 스프린트에 참가하는 모든 구성원들은 항상 디자인 과제가 사용자와 그들의 니즈에 중점을 ..

UX 디자인 프레임워크(Framework)란? 실제 사용자의 문제를 해결하고 해결책을 개발하는 가장 좋은 방법과 프로세스에 대한 지침을 제공하는 개념적 도구. 프레임워크는 디자인 프로세스 구조를 확립하고 협업을 유도하여 혁신적일 결과물을 만들어낼 수 있도록 도움을 준다. 현업에 종사하는 대부분의 UX 디자이너들은 제품을 최종 출시할 때까지 특정한 프레임워크나 프로세스를 따라서 모든 작업을 수행한다. 디자인 씽킹(Design Thinking) 현재 내가 수강하고 있는 Google UX Design Ceritificate 프로그램에서는 디자인 씽킹(Design Thinking) 프레임워크에 맞춰서 과제가 순차적으로 진행된다. 디자인 씽킹은 사용자를 중심으로 문제를 접근하고 해결하는 프레임워크로 아래와 같은 ..

23년 7월, GTQ 1급 정기시험에서 답안파일 전송을 누락하는 바람에 (그것도 하필이면 배점이 가장 높은 4번) 불합격했고, 오늘 다시 9회 정기시험에 재응시했다. 결과 발표는 10월 중순까지 기다려야 하지만, 시험시간 10분 남기고 4문제 모두 완벽하게 풀었으므로 합격이 예상된 다. 10월 13일 업데이트 성적이 고지되었고, 최종점수 83점으로 합격을 했다. 거의 완벽하게 풀었다고 생각했는데, 오히려 2.5문제만 푼 일러스트보다 점수가 더 낮게 나왔다... 확실히 일러스트 점수가 더 후하다. 감점내역 문제 점수 감점 세부내용 1 15/20 이미지 효과 감점, 문자 효과 감점 2 18/20 문자 효과 감점 3 21/25 모양 도구 감점, 문자 효과 감점 4 29/25 모양 도구 감점, 문자 효과 감점 ..

GTQ 시험 문제에는 모양 도구(Shape Tool)를 사용하는 항목이 출제된다. 다만, 시험에 출제되는 모양들이 포토샵 CC 이상 버전에선 디폴트값으로 모두 숨겨져 있기 때문에 집에서 최신버전의 포토샵을 사용해 연습할 때나, 고사장에서 CC버전 이상으로 시험에 응시할 경우 구 버전 커스텀 도형(Legacy Custom Shape)을 Shape 패널에 추가해줘야 한다. *지난번에 GTQ 시험을 응시할 때 시험 시작에 앞서 컴퓨터를 점검하는 시간에 시험관이 구버전 커스텀 도형을 추가하는 방법을 따로 알려주긴 했다. 그래도 혹시 모르니 미리 알아두자 먼저 포토샵 상단 메뉴에서 Window > Shapes를 선택한다. 활성화된 Shapes 패널의 오른쪽 상단 옵션 아이콘을 누른 뒤, Legacy Shapes ..

지난달 23년 7회 정기시험에서의 불합격(폭망후기)을 뒤로하고 절치부심하여 어제 8회 시험에 재응시했고, 결과적으로 합격일 것 같다. (2번과 3번 문제는 완벽하게 풀었고, 1번 문제도 50% 정도 작업했다.) *최종 합격점수는 9월 중순에 업데이트 예정. 9월 15일 업데이트 - 최종점수 86점으로 합격- 3번 문제는 40점 만점- 2번 문제는 패턴응용 감점(4점)으로 35점 만점에 31점 획득: 패턴을 45도로 적용해야 하는데 수직으로 적용했다.- 1번 문제는 40~50% 정도 작업했는데 25점 만점에 15점을 획득했다. 준비기간  &  기본실력제목에 쓰여있는 것처럼 2개월 동안 GTQi 독학 후 두 번째 시험에서 합격했다. 일러스트의 경우 어느 정도 익숙한 프로그램이기는 했다. 유튜브나 튜토리얼 같..

제목 그대로다. 바로 어제 23년 7회 GTQ 정기시험 두 과목(일러스트, 포토샵)을 응시했는데 제대로 말아먹었다. 사실 두 과목 모두 무난하게 합격할 줄 알았는데, 완전히 다른 결과가 나와서 시험이 끝난 뒤 한동안 멘붕에서 헤어 나오질 못했다. 혹시 나처럼 쉽게 봤다가 시험을 망치는 분이 없길 바라는 마음에서 시험후기를 남긴다. 두 시험 모두 재응시해서 합격했는데, 합격후기가 궁금하신분은 여기로: GTQi(일러스트) 1급 독학 및 합격후기 - 준비기간 2개월 GTQi(일러스트) 1급 독학 및 합격후기 - 준비기간 2개월 지난달 23년 7회 정기시험에서의 불합격(폭망후기)을 뒤로하고 절치부심하여 어제 8회 시험에 재응시했고, 결과적으로 합격일 것 같다. (2번과 3번 문제는 완벽하게 풀었고, 1번 문제도..

기본적인 웹디자인 코딩(HTML, CSS & Javascript)을 공부하는 와중에 관련된 자격증을 찾아보다가 알게 된 웹디자인기능사. 과거에는 플래시와 드림위버를 기반으로 한 디자인 능력을 평가하는 시험이었는데, 2017년 이후부터는 프로그래밍 위주로 완전히 개편되었다. 현재 UXUI 부트캠프 코딩과정에서 배우고 있는 커리큘럼과 동일한 부분이 많아서 이참에 자격증 시험도 보기로 결정했다. 1년에 4번만 응시할 수 있다는 사실을 알고 부랴부랴 일정을 찾아보니, 3회 필기시험이 바로 일주일 뒤에 있었다. 다행히 아직 추가응시 인원을 모집 중에 있었고, 인터넷으로 기출문제를 한번 풀어본 뒤 일주일이면 충분히 준비할 수 있을만한 난이도라 판단되어 바로 신청했다. 4회의 경우 필기시험은 9월, 실기시험은 11월..