728x90 📝공부, 스크랩/디자인29 몰랑이 작가 강의 - 캐릭터 디자인 & 매뉴얼 제작법 https://class101.net/ko/products/5e6e32765ff67b0db6bb7726 몰랑이 작가에게 배우는 잘 팔리는 캐릭터 디자인 & 캐릭터 매뉴얼 제작법 | 몰랑이 작가 '잘 팔리는' 캐릭터는 뭐가 다를까요? 안녕하세요, 10년 차 캐릭터 디자이너 윤혜지 입니다. '잘 팔리는' 캐릭터에는 특징이 정해져있다는 것, 아시나요? 제 캐릭터 몰랑이 를 만드는 과정에서도 class101.net 캐릭터 디자인 관련 공부를 하던 중, 강의를 발견했는데 내용도 정말 좋은데 무료강의라서 놀랐다. ㅎㅎ Chapter3까지 본 것 중 기억하고 싶은 부분을 메모해본다. 굿즈 캐릭터디자인에서 중요한 것 생산에 효율적인 디자인 색상이 너무 많으면 작업해야 하는 단계가 추가됨 + 피규어, 봉제인형은 색상이 .. 2024. 3. 31. [UI 용어 정리] 텍스트 필드/박스/로딩 관련 텍스트 필드 관련 부분 텍스트 필드 - 칸 안에 글자를 입력하는 형태 - 텍스트 박스, 인풋 박스, 입력 피드, 텍스트 인풋 박스, 텍스트 에어리어라고도 불림 * Text Area [텍스트 에리어] : 2줄 이상의 긴 텍스트를 입력해야하는 (내용입력, 문의사항입력 등) 경우에 사용되는 큰 텍스트 입력 영역 플레이스 홀더 - 입력 필드안에 짧은 구문으로 어떻게 입력하는지를 안내하는 정보 - 실제 문자를 입력하면 사라짐 레이블 - 입력 필드 상단이나 좌측에 입력할 정보가 무엇인지 설명해주는 문구 로딩 관련 Progress Indicator (프로그래스 인디케이터) - 컨텐츠가 로딩되고 있음을 시각적으로 알리는 컨트롤 - 크게 로딩이 완료되는 시기를 예측 가능한 타입과 불가능한 두 타입으로 나눌 수 있음 .. 2022. 4. 22. [UX] 검색 결과가 없을 때 / 틀린 비밀번호를 입력했을 때 검색 결과가 없을 때 검색결과가 없다는 상황 안내 + 다른 제안 + 사용자에게 정보를 추가로 확인할 수 있는 루트를 제공 사용자가 원하는 경험을 얻을 수 있도록 검색 방법을 자세히 제안 유사한 값과 같이 검색결과를 최대한 볼 수 있는 쪽으로 유도 틀린 비밀번호를 입력 비밀번호를 2회 틀리면 재설정할 수 있는 직관적인 버튼도 제공 "이메일 보내기"라는 별도 페이지를 통하지 않고, 아이디를 다시 입력하지 않고도 비밀번호 찾기 이메일을 바로 받을 수 있다고 안내 => 로그인을 포기하지 않도록 유도 개인적으로 '비밀번호에 문제가 있는 것 같습니다' 같은 워딩은 사용자를 기분 나쁘게 만들 수도 있다고 생각 비밀번호 2회 오류 시 노출되는 "나중에 하기" 버튼 문구가 로그인을 포기 하도록 유도하는 뉘앙스 가입되지 .. 2022. 4. 22. [UX Writing] 글 작성 중 뒤로 가기 / 장바구니 후 구매 유도 글 작성 중 뒤로가기를 눌렀을 때 오늘의 집 - 아쉬운 점 질문하기 작성 중이라면, 질문하기 작성을 그만둘거냐는 물음이 뒤로 갈거냐는 물음보다 한 번 더 생각할 수 있는 가능성이 높아질 수 있는데 모두 동일하게 '뒤로 가시겠습니까?'로 되어 있음 페이스북 - 좋은 점 임시 저장 또는 계속 수정할 수 있다는 내용을 함께 넣어 삭제를 최소화 카카오톡 - 아쉬운점 임시저장 기능을 제공하지 않음 한 번 더 사용자를 붙잡을만한 내용이 포함되지 않음 씀 - 아쉬운 점 소멸이 B2C 서비스에서는 잘 쓰이지 않아서 당황 요기요 - 아쉬운 점 리뷰 등록을 완료 했을 때의 혜택 안내가 없음 나중에 리뷰를 이어서 쓸 수 있도록 유도하지 않음 배달의 민족 - 요기요와 다른 점 그만 할 경우 내용이 사라진다는 안내가 추가 =>.. 2022. 4. 21. UXUI의 10가지 심리학의 법칙 정리 심리학 법칙을 사용해 인간 중심 디자인에 대한 사고력을 돕는 책 내용을 정리해봤다. 이 책은 디자인에 대한 심리학적 근거를 찾을 수도 있다는 점에서 좋았다. 1. 제이콥의 법칙 - 익숙한 것을 다른 새로운 것에도 투영하는 것 - 심리학 개념 '멘탈 모델' : 시스템 작동 방식에 관한 모델을 만들고, 그 시스템과 비슷한 낯선 상황에 해당 모델을 적용 - ex. 자동차 좌석 제어 장치 * 페르소나는 사용자에게 감정을 이입해주는 장치이자, 기억을 돕는 도구 2. 피츠의 법칙 - 터지 대상 크기는 충분히 커야하고, 대상 사이 충분히 거리를 확보해야 하며, 쉽게 도달할 수 있어야 한다 (ex. 아이폰 상단 간편 접근 기능) - 터치 대상 권장 규격 (애플 44x44 pt, 구글 48x48 dp, 닐슨 1x1cm).. 2022. 4. 18. [UIUX] 브런치북 - 디자인 독학하기 요약 https://brunch.co.kr/brunchbook/share-design [브런치북] 디자인 독학하기 '나는 당당하게 디자이너라고 말할 수 있는 디자이너인가?' 2019년 2월 21일부터 2021년 3월 28일까지 2년 1개월 동안의 시간은 저 자신을 디자이너라고 인정하기 위해 노력한 시간이었습니다. 브런 brunch.co.kr 위 브런치북을 다 읽고 인상 깊은 부분만 따로 정리해본다! 버튼의 최소 크기 터치 타깃의 최소 크기 : 44px*30px or 30px*44px 터차 티깃은 최소한 13px 간격을 둬야 함 두 터치 타깃이 서로 가까이 있으면 크기를 57px 이상으로 UX 원칙 한 화면에는 하나의 요청만 내용 전달이 잘 되지 않는 화면에서는 누르기 어려운 곳에 있는 X 버튼일지라도 많은 사.. 2022. 3. 11. [포토샵] 블렌딩 모드 (질감 만들기, 배경 제거 등) / 깊이감있는 타이포 그래피 블렌딩 효과 블렌딩 효과 종류 종이 질감 레이어 넣고 블렌딩 효과들 촌스러워보일 수 있는 무지개색이어도 어떻게 블렌딩효과를 주냐에 따라 오른쪽처럼 나옴 Darken 적용하면 어두운 부분만 살아남아서 로고만 남게 됨 제품의 흰색 shape 부분만 남겨놓고 블렌딩모드 > 블랙 제품으로 변경 달과 별 사진 블렌딩모드 적용 깊이감 있는 타이포그래피 글자를 넣고 레이어 마스크 추가 검은 브러시로 색칠해서 지우기 펜툴이나 선택도구 툴을 활용해 살릴 부분 경계션을 선택하고 흰색 브러쉬로 다시 채워넣으면 완성 완성본 그림자를 넣으면 더 깊이감이 있어짐 클리핑 마스크 - 경계선이 은은한 브러쉬 선택 ( 글자에 직접 안하고 그 근처에 브러쉬를 칠하면 됨) 2022. 3. 11. [UIUX] 텍스트 필드 관련 텍스트 필드 (Text Input field) 사용자가 텍스트를 입력하고 편집할 수 있는 입력란 유효성 검사 : 사용자가 입력 필수 요소를 생략했거나, 정해진 양식에 맞춰 입력하지 않을 경우 오류 상태를 표시하여, 양식에 맞는 데이터 입력을 유도하는 거 이탈하는 이유 - 오류가 계속 발생할 때 - 꼭 필요한 경우가 아니라면 직접 작성하고 싶지 않아서 - 개인 정보는 최소화해서 입력하고 싶어서 텍스트 필드 구조 - 입력 전 : 요청하는 정보가 무엇인지 표현 - 입력 중 : 입력을 쉽게 할 수 있는 정보가 노출 1. 레이블 : 입력할 정보가 무엇인지 - 아이콘으로 대체할 수 있음 - 간결하게 - 계속 고정 - 플레이스 홀더 텍스트보다 크거나 강조되면 안 됨 2. 입력 필드 : 정보 입력이 가능한 영역 - 활.. 2022. 3. 4. 이전 1 2 3 4 다음 728x90
