본문 바로가기

UXUI94

[TIL] 0923 1. 오늘 학습 키워드프레이머css반응형 레이아웃 2. 오늘 학습한 내용을 나만의 언어로 정리하기 [프레이머] seo 설정 시 고려해야 할 요소검색 결과facivon: 브라우저 탭에 표시되는 작은 아이콘(사이트 로고)title: 브라우저 탭과 검색 결과, sns나 메신저 공유 시 보이는 웹 사이트 제목description: 검색 결과에 보이는 설명 문구도메인 설정: 웹 사이트 주소sns/메신저og title: sns나 메신저의 미리보기에서 상단에 보이는 공유용 웹 사이트 제목og description: sns 나 메신저의 미리보기에서 제목 아래 보이는 공유용 설명 부분og image: sns나 메신저의 미리보기에서 보이는 공유용 썸네일 이미지그 외language 설정: 웹 사이트가 언어 설정. 해당 국가.. 2025. 9. 23.
[TIL] 0922 1. 오늘 학습 키워드프레이머css 2. 오늘 학습한 내용을 나만의 언어로 정리하기 프레이머 Breakpoint모바일: 390px태블릿: 810px데스크탑: 1200px너무 많은 Breakpoint는 관리하기 어려우니, 3개 정도로 만드는 것을 추천함 Wireframer텍스트로 웹 사이트 와이어프레임을 자동으로 만드는 AI 기능와이어프레임만 제작하기 때문에 컬러, 폰트, 아이콘 등 디자인 고도화 필요함프롬프트 작성법wireframer는 구조를 짜는 데 유용한 기능원하는 섹션을 정확히 입력해주는 게 중요함(초안 정도로만 사용하는 것을 추천) 1-6~2-3(27:18)선택자 종류클래스 선택자: 여러 요소를 한꺼번에 꾸밀 때 사용 .클래스이름 {}아이디 선택자: 특정 요소 하나를 꾸밀 때 사용 #아이디이.. 2025. 9. 22.
[TIL] 0919 1. 오늘 학습 키워드프레이머html 태그 2. 오늘 학습한 내용을 나만의 언어로 정리하기 Size | Relatvie부모 요소의 백분율로 사이즈를 지정하는 프로퍼티 Size | Fill부모 요소의 분수 단위로 사이즈를 지정하는 프로퍼티Relative VS Fill특정 요소만 비율 지정 가능, 모든 요소의 비율을 균등 분배 가능 Position의 종류Relative: 섹션의 순서대로 쌓임 (default)Absoulte: 원하는 곳에 자유롭게 위치 지정Fixed: 스크롤 시 화면 고정Sticky: 스크롤 시 특정 위치에 도달하면 고정리스트 태그: , , : 순서 없는 목록사과포도: 순서 있는 목록 사과포도 테이블 태그: , , , : 가로줄: 데이터 칸: 제목 칸로 한줄(가로줄)씩 쌓아가는 형태 폼 .. 2025. 9. 19.
[TIL] 0918 1. 오늘 학습 키워드UX 팀 프로젝트 제출 및 발표 2. 회고 (설명은 추후에 수정해서 추가할 예정) 3. 학습하며 겪었던 문제점 & 에러 & 느낀점 서비스를 처음 선정할 때 팀원 중 커머스에 관심이 있는 분이 있어서 자연스럽게 커머스 분야로 정하게 되었다. 저번 팀 프로젝트도 그렇고, 내가 일단 알고 있는 어플을 주제로 하게 되서 다행이었다..🫠🫠이번 프로젝트에서는 물론 다 같이 전과정을 진행했지만, 장표 정리에서는 경쟁사 분석을 주로 맡았는데, 다음에는 플로우나 페르소나 정리처럼 다른 영역도 주도적으로 경험해보고 싶다. ++ 특히 UT는 처음 해보았는데, 진행할수록 프로토타입이 생각보다 복잡하고, 지시사항?도 생각보다 더 자세해야 하다는 걸 느꼈다. 그래도 이번 팀 프로젝트를 통해 튜터님뿐만 .. 2025. 9. 18.
[TIL] 0909 1. 오늘 학습 키워드데스크 리서치유저 페르소나 작성 2. 오늘 학습한 내용을 나만의 언어로 정리하기 오늘 달성한 학습 목표개선 서비스 앱 선정데스크 리서치유저 페르소나 작성 3. 학습하며 겪었던 문제점 & 에러 & 느낀점처음에는 앱을 선정하는 과정이 쉽지 않았는데, 다이소몰로 결정한 이후부터는 진행이 훨씬 순조로워졌다 굿...,, 역시 혼자 하는 것보다 팀원들이랑 같이 하니 데스크 리서치 속도도 빠르고 효율적이었다. + 팀원들이 꼼꼼하게 조사해줘서 내가 미처 놓쳤던 부분까지 알게 되는 것 같다 4. 내일 학습 할 것은 무엇인지페르소나 부분 정리설문지 작성 및 배포문제정의 시작하기 2025. 9. 9.
[TIL] 0905 1. 오늘 학습 키워드시나리오 설계 2. 오늘 학습한 내용을 나만의 언어로 정리하기 오늘은 2단계 시나리오 설계를 진행했고, 아이디어 발산 부분은 아직 진행 중이다. 오늘 진행한 디자인 카타 [디자인 카타] 지도 화면에서 버튼을 어떻게 보여주는 것이 편할까요?1. 주제 선정 지도 화면에서 버튼을 어떻게 보여주는 것이 편할까요? 2. 개인 의견 [A] 선택 왜 해당 UI가 더 좋은지?화면의 가로폭을 활용하기 때문에 화면을 덜 가리게 된다.처음 서비스를 접하는azure326.tistory.com 3. 학습하며 겪었던 문제점 & 에러2단계 아이디어 발산을 진행 중인데, 이전 프로젝트 피드백이 떠올라서 단순히 아이디어를 내기보다 설득력 있는 근거를 붙이며 다시 수정하고 있다. 덕분에 처음엔 10개였던 아이디어.. 2025. 9. 5.