찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고입니다올해 회사사이트를 하나 만들었는데 그때 사용한 폰트가 Gmarket Sans였는데굵기가 세개밖에 없는건 너무 아쉬었어요프리텐다드랑 섞어 쓰면 참 이쁨지마켓폰트와 비슷하지만 좀 더 굵기가 다양해진 폰트가 있는데요페이퍼로지 폰트입니다2024년에 출시되었으며, PPT 유튜버 ‘페이퍼로지’ 김도균과 디자이너 이주임이 공동으로 제작하였습니다한글은 G마켓산스, 영문은 Montserrat 폰트를 결합한 구조입니다. 한글과 영문의 시각적 조화를 의도적으로 추구하여, 한/영 혼용시 자연스럽고 세련된 결과물을 낼 수 있죠상업적 이용이 가능한 무료 폰트이며, SIL 오픈폰트라이선스(OFL)에 따라 판매·라이선스 변경을 제외하면 수정·재배포·상업적 사용이 모두 가능합니다파워포인트 전용으로 기획된 만큼, ..

안녕하세요 찐망고입니다~이번달 말에 오랜만에 피그마만 수업을 해요 신남.피그마 전자책 쓰다말고 개념 포스팅 하러 옴 구인공고보면 UI/UX디자이너를 구한다고 많이들 그러는데UI와 UX는 정확히 뭘까요?UI는 User Interface, 사용자 인터페이스라 불립니다.사용자가 제품이나 서비스를 사용할 때 눈에 보이고 손으로 조작할 수 있는 모든 화면? 이죠예를 들어 버튼이나 슬라이더, 화면구성요소, 색상, 타이포그래피 등등이요 UX는 User Experience, 사용자 경험을 뜻합니다.사용자가 제품이나 서비스를 사용하는 전체과정에서 느끼는 경험을 뜻합니다.어떤 앱을 실행했을 때 내가 원하는 정보를 빠르게 찾았는지,사용하면서 불편하거나 복잡하진 않았는지, 감정적으로 만족스러웠는지 등등을 말이죠 참고로 UX ..

안녕하세요 찐망고입니다.웹디자인개발기능사 문항이 올해부터 많이 바뀌어서 시험본 제자들과 SNS의 댓글로 취합을 해보고 전자책을 만들어볼까 했는데요 (무료배포예정)아무래도 취합된 자료가 많지 않아 일단 블로그에 공유 해봅니다. PART4은 웹 콘텐츠 개발 및 프로젝트 관리 문항이고 총 49문제입니다. 1. 멀티미디어의 정의로 가장 적절한 것은? a) 텍스트만 포함된 정보b) 다양한 형태의 정보를 통합하여 전달하는 방식 c) 정적인 이미지 파일 d) 단일한 데이터 형식의 정보 더보기멀티미디어는 텍스트, 이미지, 오디오, 비디오 등 다양한 형태의 정보를 통합하여 전달하는 방식으로, 사용자에게 풍부한 경험을 제공멀티미디어 = 다양한 정보 형태의 통합 2. 다음 중 멀티미디어의 구성 요소가 아닌 것은? a) 텍..

안녕하세요 찐망고입니다.웹디자인개발기능사 문항이 올해부터 많이 바뀌어서 시험본 제자들과 SNS의 댓글로 취합을 해보고 전자책을 만들어볼까 했는데요 (무료배포예정)아무래도 취합된 자료가 많지 않아 일단 블로그에 공유 해봅니다. PART3 색채 계획 및 구현 관련 문항이고 총64문항 입니다. (저번시험에 관련 문제가 많이 나왔다고 해서 많이 풀어보자는 의미로 🤣) 1. 우리가 색을 인식할 수 있는 주요한 조건은 무엇인가? a) 표면의 온도 b) 공기의 습도 c) 빛의 존재 d) 물체의 재질 더보기색은 빛이 있어야 인식할 수 있음.물체 자체가 색을 가지고 있는 게 아니라, 빛이 물체에 반사되어 눈에 들어올 때 그 파장에 따라 색이 감지핵심 개념:색 인식의 전제 조건 = 빛색 = 빛 + 눈 + 두뇌의 해석 ..

안녕하세요 찐망고입니다.웹디자인개발기능사 문항이 올해부터 많이 바뀌어서 시험본 제자들과 SNS의 댓글로 취합을 해보고 전자책을 만들어볼까 했는데요 (무료배포예정)아무래도 취합된 자료가 많지 않아 일단 블로그에 공유 해봅니다. PART2는 프로토타입 및 심미성 설계 관련 문항이고 총 45문제입니다. 1. 디자인의 3대 요소로 올바르게 짝지어진 것은? a) 색, 맛, 냄새 b) 재료, 양식, 기법 c) 이미지, 사운드, 레이아웃 d) 형태, 색, 질감 더보기디자인의 기본 요소는 형태(Form), 색(Color), 질감(Texture)으로, 모든 시각적 구성의 기초가 되는 조형 요소이 세 가지는 시각적 인식과 조화로운 배치에 중요한 역할을 함 핵심 개념:디자인의 조형 요소 = 형태, 색, 질감시각 디자인의 ..

안녕하세요 찐망고입니다.웹디자인개발기능사 자격증 문제를 풀다 보면 디자인 관련 문제가 종종 등장합니다. 다음 중 플랫 디자인(Flat Design)의 주요 특징은?a) 그림자 효과 강조b) 단순하고 직관적인 시각 요소 사용c) 입체적 표현 중시d) 텍스처 강조이런문제나, 머티리얼 디자인은 어떤 회사에서 개발하였는가?a) Appleb) Adobec) Googled) Microsoft이런문제 이에 도움이 되고자 시작한 오늘의 포스팅! 구글 크롬 로고를 보면 2008년부터 현재까지 디자인 흐름의 큰 변화를 느낄 수 있습니다.로고 하나에도 시대의 디자인 철학이 담겨있답니다. 스큐어모피즘(Skeuomorphism) 시기 초기 크롬 아이콘은입체감과 광택, 그림자, 그라데이션 등 현실의 질감을 그대로 반영한 스큐..

안녕하세요 찐망고입니다.작년 7월에 2024 피그마 config 관련 포스팅을 했던 것 같은데올해 또 와.. 소리나게 바뀌었어요 일단 아주 정리 잘된 youtube링크를 공유할게요 영상을 보고 정리를 해보면 1. 피그마 신제품 발표 개요피그마가 신제품 네개를 출시함발표된 제품은 피그마 디자인, 피그잼, 슬라이드, 데브모드 등특히 피그마 사이트는 디자인 시안을 바로 웹사이트에 발행할 수 있는 기능을 제공함2. 성능 개선 및 디자인 시스템성능이 33% 개선되었음내년 초에는 디자인 시스템 아키텍처를 재작성할 계획임3. 그리드 기능오토레이아웃의 진화된 기능으로, 디자인 시 레이아웃과 그리드를 쉽게 설정할 수 있음4. 피그마 사이트피그마 사이트는 디자인한 내용을 웹에 직접 퍼블링할 수 있는 기능을 제공함 (미쳤..

안녕하세요 찐망고입니다.웹디자인개발기능사 문항이 올해부터 많이 바뀌어서 시험본 제자들과 SNS의 댓글로 취합을 해보고 전자책을 만들어볼까 했는데요 (무료배포예정)아무래도 취합된 자료가 많지 않아 일단 블로그에 공유 해봅니다. PART1은 기초 데이터 및 프로토타입 설계관련 문항이고 총 40문제입니다. 1. 다음 중 웹디자인 프로젝트의 기초데이터로 가장 적절한 것은?a) 광고비b) 사용자 요구사항c) 회계 보고서d) 회사 내부 인사정보더보기사용자 요구사항은 웹디자인의 방향을 결정짓는 핵심 기초데이터기초데이터 = 사용자 요구, 시장 분석, 기술요건 광고비는 마케팅 예산에 해당하고, 웹디자인의 기능/구조를 결정짓는 기초정보는 아님 회계보고서는 회사의 재무 정보로, 디자인이나 사용자 경험 설계에는 직접적인 ..

안녕하세요 찐망고입니다.  웹디자인개발기능사 출제 유형과 관련하여 문제를 만들어왔는데요각 단원당 10~15문제 정도 준비했습니다.과연 문제가 얼마나 맞을진 모르겠지만 나름 샘플을 많이 주입하고 Ai가 뽑아준 문제니까 혹시 올해 필기시험보신분들 어떤 유형의 문제들이 나왔는지 댓글하나써주시면 또 다같이 공유해 보겠습니다. 1. 프로토타입 기초데이터 수집 및 스케치문제 1: 웹디자인 프로젝트에서 기초 데이터를 수집할 때 고려해야 할 사항으로 옳지 않은 것은?① 사용자 요구사항 조사② 벤치마킹할 대상 사이트 비교③ 경쟁사 분석④ 코드 최적화정답: ④해설: 코드 최적화는 성능 개선에 해당하며 기초 데이터 수집 단계와 직접 관련이 없습니다. 문제 2: 저작권이 있는 이미지를 상업적으로 사용하려면 어떤 라이선스를 반..

안녕하세요 찐망고 입니다.새롭게 개편된 웹디자인개발기능사 필기시험 출제 목차를 총정리해볼게요. 1. 프로토타입 기초데이터 수집 및 스케치 웹디자인 프로젝트를 시작하기 전, 기초 데이터를 수집하고 아이디어를 시각적으로 정리하는 과정입1-1. 기초 데이터 및 레퍼런스 수집 웹디자인 프로젝트를 수행하기 위해 필요한 정보와 레퍼런스를 조사하는 단계1) 기초데이터와 레퍼런스 데이터 수집기초데이터: 프로젝트 주제와 관련된 핵심 정보를 수집합니다.사용자 요구사항 조사시장조사 및 트렌드 분석경쟁사 분석기술적 요구사항(HTML, CSS, JS, 프레임워크 등)사용자 행동 데이터(사이트 방문 기록, 클릭 데이터 등)레퍼런스 데이터: 디자인 및 UI/UX 개선을 위한 자료를 조사합니다. 기존 웹사이트 사례 분석UI/UX 디..