
피그마 강의 | 정리 | 개인과제 피드백 | 카카오뱅크 스플래시 화면 9:00 ~ 13:00 50분 학습 10분 휴식 루틴으로 피그마 활용 강의 듣고 정리 _ 2주차까지 학습, 정리 완료! 14:00 ~ 18:00 요즘 UI 트렌드 기사 살펴본 후 아티클 비교, UX 레퍼런스 기사 살펴봄 번외 ,, 카카오뱅크 스플래시 화면 크리스마스 VS 신년 .. 이번 화면은 조금 임팩트가 크지 않은 듯한? 크리스마스 때는 너무 귀여웠는데 .. .. !! 아가 용이라도 좀 넣어주지 @@@@ + 새해가 되니 앱 스플래시 화면 구경하는 맛도 있음!! ㅎ.ㅎ 19:00 ~ 20:00 개인과제 피드백 받은 후 어떤 점이 부족했는지 회고 개인별로 피드백을 주시다니 섬세함에 감사 인사를 .. !! ㅠ 이번 개인 과제를 하면서 시..

1. 피그마 소개 1) 피그마 툴 소개 📌 뛰어난 디자인 협업 툴 피그마는 강력한 디자인 툴이자, 와이어프레임부터 핸드오프 과정 전부를 하나의 툴에서 할 수 있는 효율적인 툴 💡제품 제작 과정 - 제품을 만들 때는 크게 기획 → 디자인 → 개발 → 테스트 및 출시의 과정 - 이 모든 과정을 피그마 하나로 활용 가능 2) 피그마의 특징 - 언제나 어디서나 웹에서도 사용할 수 있어 접근성이 좋고, 맥과 윈도우 모두 사용 - 디자인부터 개발까지 올인원 디자이너부터 개발자까지 아우르는 종합 협업 툴 (절반은 디자인 기능, 절반은 개발 관련 기능) - 강력한 커뮤니티 풍부한 커뮤니티 자료 (커뮤니티 내 각종 플러그인과 디자인 자료) - 쉬운 학습 다른 툴들과 사용 방법이 유사해 금방 배울 수 있음, 디자인 기초부..

01. 레퍼런스 분석 실무에서 레퍼런스를 분석하는 상황 1. 만들려는 솔루션이 분명해서 특정 디자인 패턴만 보고싶은 경우 2. 시장이나 도메인 분석 차원에서 유사한 서비스를 하는 앱을 전반적인 화면을 폭넓게 분석하는 경우 1. 레퍼런스 분석이란? 여러 가지 사례를 상세하게 분류해 생각해 보고 도움이 될 만한 부분을 찾아보는 과정 - 얻고 싶은 정보를 기준으로 다양한 사례 수집 -> 세부 요소로 나눠보기 - 세부 요소들을 관찰하면서 1. 좋은 점과 2. 나쁜 점, 그리고 3. 그 이유를 찾고 생각해보며 - 분석을 통해 얻은 인사이트를 정리하는 과정 2. 레퍼런스 분석은 왜 할까? 레퍼런스 분석을 통해 스스로 생각하는 힘을 기를 수 있음 - UX/UI 디자이너는 시장과 사용자의 문제를 발견하고, 여러 고민을..
Facts : UXUI 입문 강의 (1~6) 및 11번가 앱 화면 문제 정의+솔루션 도출 개인 과제 제출 Fellings : 강의 분량이 생각보다 많았고 이론적인 부분이 있어서 학습하기 힘든 부분이 있었음앤드 개인 과제 ,,, 금요일 1시까지 제출하느라 똥 빠짐 ㅜ,,,,ㅅ,, 제출에 의미를 두며,,,개인 과제를 하려고 앉은 상태로 2시간동안은 썼다 지웠다 반복했음.. !! 나만 그런 거 아니겠지ㅜㅜ 처음에는 정말 막막했는데 뭔가 하다보니 그래도 이게 맞나? 싶으면서 계속 텍스트는 쓰고 있었다는,,, 아직도 넘어야 할 산이 많다. Findings : 아직 이론 부분에 모르는 것 투성이라 서둘러서 복습해놔야 할 필요 Future : 레퍼런스를 많이 찾아보고 아티클을 분석해보며 여러 디자인들을 많이 보면서 ..

디자인 원칙 | 개인과제 9시 땡하자마자 4주차, 5주차 강의를 들었는데(6주차 강의를 남겨 둔 채,,,,) 어느덧 저녁 시간이 되어서야 개인 과제를 건드리기 시작했다! 처음 과제 내용을 봤을 때 너무 막막하고.. 어디서부터 건드려야 할 지 도무지 감이 잡히지 않았던 터라 백 번을 썼다 지웠다 하면서 한 시간만에 드디어 갈피를 잡기 시작! 했지만 문제 정의를 끝낸 지금,, 현재 시계는 9시를 향해 흘러가고 있다.... ^^ 나 오늘 밤샘각 ,,, ㅋ!! 제출기한 12/29(금) 13:00 라고 적힌 텍스트가 야속할 뿐.... 넹????? 아아ㅎ 저 안 울어여!!!ㅎㅎㅎㅎㅎㅎ!!!!!!! 디자인 툴에 대한 강의를 들을 땐 되게 흥미롭고 재밌었는데 갑자기 디자인 원칙 두둥탁 .. 하자마자 바로 머리를 부여잡..

01. 디자인 원칙 1. 디자인 원칙이란? 인지심리학의 관점에서 디자인할 때 지켜야 할 규칙을 정해놓은 것 - 인지심리학은 인간이 어떻게 보고, 생각하고, 받아들이는 지를 연구하는 학문 - 디자인 원칙은 많은 사람들이 비슷하게 느끼고, 행동하는 방식에 기초해 디자인하는 방법을 제시 - 디자인 원칙을 기반한 디자인시 사람들이 편안하게 느끼고 자연스럽게 행동하도록 유도 가능, 사용성이 높은 제품을 만들 수 있도록 도움 2. 디자인 원칙의 종류 1) 게슈탈트 심리학 게슈탈트 심리학은 사람이 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는다는 이론 - 유사성의 원리, 근접성의 원리, 폐쇄성의 원리, 연속성의 원리, 공통성의 원리 2) UX 비주얼 디자인 원칙 UX에 영향을 끼치는 시각 디자..

[디자인 툴] 01. 디자인 툴 : 디지털로 이미지를 만들거나 편집할 수 있는 컴퓨터 프로그램 - 디자이너에게 디자인 툴은 강력한 무기, 상황에 맞는 디자인 툴이 무엇인지 알고 잘 활용해야 함 1-1. 디자인 툴의 종류 1) 인터페이스 디자인 툴 : 디지털 제품의 화면 인터페이스를 그리기 위해 사용하는 툴 - 피그마, 스케치, XD - (참고) 인터페이스 디자인 툴은 주로 벡터 기반 인터페이스 디자인 => 다양한 디바이스 화면에 대응 필요 디자인한 화면을 여러 크기로 늘리고 줄여도 문제가 없도록 하기 위한 목적 2) 그래픽 디자인 툴 : 비주얼 그래픽 이미지를 만들 때 사용하는 툴 - 포토샵, 일러스트레이터 - 사진을 편집하거나 일러스트를 그려서 원하는 이미지 제작 3) 3D 그래픽 디자인 툴 : 3차원..

*뱅크샐러드의 회원가입/로그인 과정에서 휴대폰 본인인증 화면에 대한 QA를 한다고 가정 1. 테스트케이스 작성하기 테스트 케이스(TC) - 특정 조건에서 요구 사항을 충족하는지 확인하기 위해 모든 케이스를 작성하는 문서 - 특정 조건 아래의 환경을 테스트하는 것이기 때문에 특정 조건, 테스트 범위, 케이스, 기댓값, 테스트 환경 등을 상세히 기입해야 함 화면 조건 테스트 케이스 입력값 기댓값 테스트 환경 일반 회원가입/로그인 정상 모든 텍스트 필드에 정상 값 입력 이름 : 일이삼 주민등록번호 : 123456-7****** 휴대폰번호 : 010-1234-5678 통신사 : SKT 인증요청 화면으로 이동 iOS/Android 일반 회원가입/로그인 에러 형식에 맞지 않은 이름 입력 이름 : 사오육 '정보를 확..