본문 바로가기

UXUI70

[240122]TIL, 아티클 읽기 1/22 오늘 컨디션 진짜 메롱이다.ㅜ 그래도 다행히 아침에 지각 안하고 잘 일어나서 과제를 다듬었다. 로그인 화면에서 텍스트 필드에 아이콘을 넣고 싶어서 수정을 하였다. 아이콘에 인스턴스스왑, 불리언 프로퍼티를 넣었다. 오늘의 아티클 https://brunch.co.kr/@2c265fc170b74b6/19 알아두면 좋을 2024 UX 트렌드 3가지 알아두면 쓸모 있는 UXUI디자인 트렌드 | UXUI디자인은 패션과 같이 매 분기마다 새로운 스타일이 반짝하고 등장했다가 사라지진 않습니다. 좋은 서비스 경험들과 혁신적인 아이디어, 새로운 기술 brunch.co.kr 1. 생성형 AI 시대 개막 챗지피티의 영향으로 생성형 AI의 시장이 커지고 있다. 이로 인해 챗봇 UI와 정보 중요도에 따라 유연하게 변할 .. 2024. 1. 22.
[240119]WIL_개인학습(피그마 3D아이콘, 무작정 따라하기), 피그마 활용법 7주차 복습, 개인과제 피드백 특강 1/19 휴 무사히 이번주도 무사히 지나갔다..! 학교에서 하는 프로그램도 지금 2개 진행 중이라 시간이 더 없어졌다... 그래도 선택한 일이니 책임지고 해야겠다... 시간 버리는 일이 없도록 다음 주는 계획을 더 잘 짜봐야겠다. *특강 메모* 바텀시트 만들 때 사각형으로 만드는 게 아니라 오토레이아웃에 배경을 깔아야하는 것! -> 수정할 것 규칙이나 간격이 4, 8배수이기만 하면 된다. 끄앙 네비게이션 탭도 다시 만들고 싶은데... 시간이 되려나 모르겠다... *개인학습* 아이콘 3D: 피그마안에서 이펙트로 3D효과 내기->레이어 블러 활용하기! 무작정 따라하기 개인학습 ->간격과 폰트 행간을 잘 익혀둘 것, 색상의 계층도 익혀둘 것 7주차 강의 복습 2024. 1. 19.
[240118]TIL_특강, 피그마 활용법 1~6주차 복습, 아티클 읽기 1/18 *튜터님 강의에서 얻은 것* 제한적이기 때문에 길을 잘 설정해주는 것이 UXUI 디자이너가 하는 일 UI->PUI: 제품의 그립감, 형태 등등 ->GUI: UXUI 디자인과 깊은 연관 경험설계->감정 유도->행정 유도->소비 유도->반복 유도 *데스크 리서치(배경/사례조사) -디스커버(다양한 사용자 조사 기법을 통함) 시장분석, 경쟁사분석(미충족 가치를 찾아보기 등) UX에이전시에 들어간다면 다양한 클라이언트들을 만나게 되는데 매우 재미있을 것 같다는 생각이 들었다. 만약 튜터님의 경험처럼 해양수산물관련 클라이언트와 커뮤니케이션을 해야한다면 그 분야에 대해 새롭게 배워야 하고 디자인의 사용자는 누구인지, 어떤 점을 목표로 해야하는지를 알아야 할 텐데 이 과정 굉장히 신선한 경험이 될 것 같다! .. 2024. 1. 18.
[240117]개인과제 피드백 후 디벨롭, 특강_디자이너의 소프트 스킬 1/17 *개인과제 디벨롭* - 피드백을 받아 별점 후기 폰트 사이즈를 6px에서 10px로 키웠다.(캡션이라고 해도 6px은 너무 작은 크기!!!) - 스타일 가이드에 텍스트를 적어 구분을 해주었다. - 구매하기->구매수량 선택 모달을 다이얼로그로 제작 - 장바구니에 담는 모달도 오버레이로 다시 재작하였다. *튜터님 특강_디자이너의 소프트 스킬* 문화지체 현상: 문화, 기술이 발달했지만 사람들의 사고방식, 사회가 그에 맞게 따라오지 못하는 사회적 현상 Owner+ship: 디자이너로서의 주인의식, 정체성 -내가 디자인을 대하는 관점 -시장이 디자이너를 대하는 관점 대충 얘기해도 뚝딱 만들어주는 사람 ->기획에 적극적으로 참여하기 디자인을 값싼 노동으로 생각하는 사회 분위기 ->내 디자인을 객관적으로 파.. 2024. 1. 17.
[240116]커머스 UXUI 디자인 디벨롭 1/16 오늘은 개인과제를 디벨롭해보는 시간을 가졌다. - 디벨롭한 사항들 버튼 컴포넌트를 새로 만들었다->pressed 베리언츠도 추가! 구매하기 버튼을 눌렀을 때 갯수를 선택할 수 있는 모달을 추가하였다. 라디오 컴포넌트 32px 사이즈를 추가하였다. 품절 화면에서 재입고 알림 설정 버튼을 버튼 베리언츠로 적용하여 수정하였다. 컨텐츠 간격들도 16에서 20정도로 더 넓게 바꾸었다. 상단 네비게이션 탭도 bg에 흰색 박스를 넣었고 간격을 조정하였다. 비회원으로 구매하기 화면 제작 중....! 2024. 1. 16.
[240115]UXUI 개인과제 디벨롭, 아티클 읽기 1/15 벌써... 1월의 반이 지나갔다. 오늘도 아침 8시 45분에 일어나서 습관처럼 책상에 앉았는데 이렇게 지낸지 벌써 약 한달이 되었다니..! 오늘은 UXUI 디자인 관련 영상 개인 학습을 했다. 1920 1080->1440이 적당? 썸네일 인트로는 강렬하지만 심플하게..! 와이드를 풀로 쓴다면 타이틀이 좌측에 치우칠 필요는 없다. 역피라미드 구성이 좋다. 설명 폰트와 디자인 폰트 강약 조절 계층 구조를 정확히 생각할 것... 다른 사이트 개발자모드로 폰트사이즈나 여백 간격 봐둘 것 2024. 1. 15.
[240112]WIL 1/12 오늘은 금요일이기때문에 마무리 WIL 작성 이번 주는 개인과제하느라 정신이 없었다가 수요일에 과제 제출하고 목요일에 강의 다 듣고 오늘 여유가 좀 있었다... 다음 주에는 개인과제 피드백 받기 전까지 디벨롭을 해봐야겠다..! 디벨롭할 것: 장바구니 추가 모달 오버레이로 넣어보기, 클릭했을 때 버튼 베리언츠 바꿔보기, 갯수선택 오버레이로 바꿔보기 계층 구조도 다시 한 번 바꿔보기!! - 폰트 사이즈, 컨텐츠간에 여백 사이즈 넓혀보기 2024. 1. 12.
[240111]Figma 활용법2_7주차 프로토타입 1/11 *강의에서 얻은 것 프로토타입 미리보기(실시간 반영) 단축키: shift+space bar 트리거(~하면: 조건)->액션(발생한다: 결과) 1000ms=1초 change to -> 베리언츠끼리 상호작용 스마트 애니메이션에서 가장 주의할 점 ->움질일 요소의 이름이 같은지! ->레이어의 구조가 동일한지! 컨텐츠의 길이가 스크롤보다 길어야 한다. -> 스크롤 할 게 있어야 작동하니까! 포지션: scroll, sticky, fixed 앱솔루트는 오토레이아웃 안에 있어야 작동한다. =앱솔루트는 오토레이아웃 안에서 위치 구애받지 않고 자유롭게 이동시킬 수 있 ->와 앱솔루트 기능 완전... 필요했던 기능인데 대박!!! 피그마 오버레이 안에는 라이트박스의 개념이 포함되어 있다. 오버레이->다이얼로그 활용... 2024. 1. 11.
[240111]UXUI디자인 개인과제 1차_가상의 커머스 앱 디자인하기 1/11 어제 개인과제를 제출하고 1차 완성본 기록한다. 게으름을 피웠는지 23시 55분쯤에 제출을 했다. 이렇게 빠듯하게 제출을 하다니... 다음엔 더 여유롭게 제출하도록 나만의 기한을 미리 정해야겠다. https://www.figma.com/proto/vkQh9OOAeFrTyutzh94woz/%5BA13%EC%A1%B0_%EA%B0%9C%EC%9D%B8%EA%B3%BC%EC%A0%9C_%EA%B9%80%EC%9D%80%EC%95%A0%5D?page-id=0%3A1&type=design&node-id=1-4&viewport=50%2C273%2C0.42&t=pKG219GzSKpbs9bI-1&scaling=scale-down&mode=design Figma Created with Figma www.figm.. 2024. 1. 11.

티스토리툴바