728x90 📝공부, 스크랩/디자인29 [포토샵] 눈에 잘 띄는 배너 만드는 법 1. 단일 색상의 배경 사용하기 배경에 이것저것 요소를 많이 넣으면 되려 배경에 시선을 많이 뺏김 2. 글자의 크고 작음을 확실히 하기 관심있으면 주의 깊게 보기 때문에 부제목같은 것은 작게해서 제목을 돋보이게 하기 3. 구도 생각하기 * 라인을 만드는 방법 Fill 색을 채우기 + Stroke를 없애기 + 도형의 높이로 라인의 두께를 정하기 * 글자 기울기 방법 Ctrl + T - Ctrl 한 채로 모서리를 마우스로 움직이기 Shift를 같이 누른 채로 움직이면 수직적으로 움직일 수 있음 * 이미지에 그림자 주기 이미지 레이어 복사 붙여넣기 만약 이미지가 벡터로 잡혀있으면? : 레이어 래스터화 (Rasterize Layer) 벡터 그래픽 형식(쉐이프)으로 설명된 이미지를 래스터 이미지(픽셀, 점 또는 .. 2022. 2. 17. [포토샵] 텍스트 레이어 꾸미기 1) - 굴곡 / 그레이디언트 / 획 / 3D 글자 굴곡 만들기 방법 : 스마트 오브젝트 이용 * 스마트 오브젝트(고급개체) - 이미지를 벡터 속성을 가진 오브젝트 또는 레이어로 전환하는 메뉴 - 해상도가 깨지지 않음 굴곡시킬 레이어와 통너비와 동일한 도형을 'convert smart object' 시키기 상단에 Wrap mode를 눌러서 원하는 굴곡 선택 이후 합친 스마트레이어 썸네일 더블 클릭 > 새창이 뜸 그 새창에서 아이콘을 지우거나, 글자를 추가하거나 눈을 지우는 등 수정을 거치고 저장하면 자연스레 그 수정이 반영됨 많이 쓰는 텍스트 레이어 방법 : 그레이디언트 오버레이 + 획 이용 레이어 더블클릭 > 레이어 스타일이 뜸 그레디언트 오버레이 - 윗쪽 : 투명도 조절 / 아래쪽 : 색상 설정 아래바를 한 번 클릭하고 아무 곳이나 클릭하면 클릭.. 2022. 2. 17. [포토샵] 테두리 만들기 / 경계선 부드럽게 / 클리핑 마스크 / 반사 효과 등 테두리 만들기 방법 : 테두리 만들 부분을 선택 > storke (획) 처리 선택 영역을 부드럽게해서 테두리를 만들면 더 좋음 방법 : 선택 - 수정 - 매끄럽게 테두리는 바깥, 안쪽, 가운데 등 만들 수 있음 방법 : 레이어 스타일 (레이어 이름 외의 빈 부분 더블 클릭) - 포지션 - 인사이드, 아웃사이드, 센터 * 브러쉬 크기 조절 단축키 : 크게 = ] 작게 = [ 경계션을 부드럽게 / 딱딱하게 방법 : 상단에 있는 페더값 조정 왼쪽 페더 0으로 해서 저 동그라미 부분을 지우면 정확하게 지워짐. 오른쪽은 페더250으로 설정했어서 경계선이 부드럽게 지워진 모습 * 선택 영역 삭제 단축키 : Ctrl + D 클리핑 마스크 : 한 레이어 안에 다른 레이어가 들어가도록 하는 거 방법 : 레이어 사이에 마.. 2022. 2. 16. 다크 패턴 UX 뜻과 사례 다크 패턴이란? 사용자의 요구와 윤리를 고려하지 않아 사용자에게는 좋지 않지만, 회사에 이익이 되는 결정을 하도록 속이는 UIUX 사용자가 원하지 않는 경로를 선택하도록 의도적으로 신중하게 선정된 인터페이스 나쁜 의도는 없지만 엉성하거나 게으른 것은 '안티 패턴' 실수가 아닌 의도가 담긴 디자인 전술은 '다크 패턴' 둘 다 사용자에게 불편함을 야기하지만 의도냐 우연이냐에 따라 구분지을 수 있음 다크 패턴의 종류 미끼와 스위치 위장된 광고 : 광고가 아닌 것처럼 속여서 광고를 클릭하도록 유도 집중 분산/현혹시키기 : 사용자의 주의를 분산시키기 위해 불필요한 일에 의도적으로 집중시키는 유형 - 항공사 : 저렴한 시간대가 있어도 그 위의 가격대를 더 싼 것처럼 보이게 / 좌석 선택이 필수가 아니지만 필수로 해.. 2022. 2. 7. 좋은 버튼 디자인하기 - 해외 아티클 버튼의 종류 텍스트 레이블은 한 줄에, 대소문자있는 언어라면 대문자로 강조의 높낮이 1번 > 2번 > 3번 한 화면에 여러가지 버튼을 둘 경우 더 중요한 버튼과 덜 중요한 버튼을 스타일을 구분지어서 해야 함 일반적으로 단일 눈에 띄는 버튼이 있어야 함 여러 버튼을 하는 경우, 버튼의 활성화 상태가 다른 버튼의 비활성화 상태처럼 보이지는 않는지 체크 너무 많은 버튼 => 사용자는 아무것도 안 함 더 중요한 버튼을 표시 (좌) 다른 종류의 버튼인데 채우기 색상이 같지 않은 버튼은 서로 옆에 두지 말기 (우) 버튼이 아닌 것은 버튼처럼 두면 안 됨 텍스트는 동사를 사용하는 것이 가장 좋음 장바구니에 추가하시겠습니까? > 예, 아니오 보다는 추가하겠습니다. 확인하겠습니다. 같은게 나음 가능하면 비활성화 버튼을 .. 2022. 1. 25. 회원가입 전환 UX 사례 - 정보를 언제, 어떻게 주냐에따라 달라진다. 1. 정보를 '언제' 주냐에 따라 많은 것이 달라진다. 구매를 완료하기 직전, 구매 정보를 확인하는 과정에서 '회원가입 혜택'을 보여줌 => 이제 구매만 하면 되는 단계이니 사용자 입장에서는 여유로운 상태 => 더 많은 전환율 가능 비회원으로 구입한 후, 입력한 정보를 회원가입에도 곧바로 이용 가능하게 (온보딩에서 체크한 내용을, 회원 가입때 곧바로 이용가능하게 한 앱도 있다) 본인 인증 여부를 맨 마지막에 제공하는 것. 초반에 했을 때보다 부담감이 적어짐. 적어진 상태에서 '혜택' 설명까지 있으니 더 많은 전환 가능 2. 고객 연령대를 고려해서, 액션을 더 유도해보자 G마켓은 40대 이상의 분들도 많이 구매하시니, 해당 툴팁을 추가한 것이 좋다. 우리는 카카오로 하면 당연히 간편하게 로그인이 된다는 것.. 2022. 1. 18. 쿠팡 UX 리서처분과의 스터디 모임 진행하고 있는 UX 리서치 방법들 1. 데스크 리서치 : 벤치마킹, 논문 등 2. 유저빌리티 테스트 3. 서베이 4. 인덱스 인터뷰 UX 리서처에게 필요한거 집요함, 질문을 하고 인사이트를 얻는 스킬, 데이터 해석 역량, 인사이트를 설득력있게 전달 가설 > 그에 맞는 리크루팅 > 데이터를 어떻게 판단할 수 있는지 (개발자, 자기가 할 수 있는지, 정량, 정성 등) 을 사고하는 능력 키우기 인덱스 인터뷰 온라인으로 하면 어떤지 괜찮은지, 팁은? 줌이 더 효과적이라 생각 하루에 6~7개 오프라인하려고 하면 시간 낭비가 많음 온라인으로 하면 고객이 화면에 직접 공유한 화면을 기록한걸 볼 수 있음 기록을 동시에 할 수 있고 참관할 수 있는 수가 늘어나서 좋음 팁은 현실적인 것인데 모바일, pc, 태블릿 마다 접.. 2021. 12. 29. UX Writing에서 고려해야 할 8가지 1. 쉬운 용어 : 5살도 이해할 수 있게 (고객의 특징에 따라 때로는 어려운 용어, 한문 사용이 낫다는 평도 있음) 2. 꼭 필요한 핵심만 3. 행동에 따른 결과가 어떤 이유 때문인지 담기 4. 다음 단계로 넘어가기 위해서는 어떤 행동을 해야 하는 지 설명 5. 고민없이 행동할 수 있도록 6. 끝까지 작업을 돕도록 7. 해야하는 일 보다 얻을 수 있는 가치를 제공하여 사용자가 작업을 완료하도록 8. 일관성을 헤쳐서 명료성이 증가한다면 명료성에 더 중점을 두어야 함 2021. 12. 21. 이전 1 2 3 4 다음 728x90
