본문 바로가기

UXUI 디자인 입문(23.12.18~24.01.29)

 (39)
피그마 활용법(2)_복습6 #아침조례 (아티클1 / 아티클2) 어제에 이어서 AI에 관련된 아티클을 찾아보았다. 좀 더 깊이 있게 알아볼 필요가 있다고 생각하는 대목이다. AI는 곧 우리 생활에서 자연스럽게 써야하는 한 부분이 될테니깐 말이다. 그쪽 분야에 대해서 무지렁이라서 지금부터라도 차차 지식을 매꿔나가고자 한다. 예술분야에서의 AI활용에 대한 아티클을 좀 더 모아봐야겠다. #WRS 어제 진행했던 레퍼런스에 대해 정리하는 시간을 가졌다. 매일 매일 진행되다보니, 가면 갈수록 내용에 대한 퀄리티가 부재하는 것 같다. 시간에 급급해서 대충 모양만 만들고 머리속에 정리되거나 심도 있는 요점 파악이 빠지는 느낌이다, 어제 레퍼런스에서 느낀점을 살려서 다시 집중해서 포인트를 잡아야겠다. 오늘의 주제는 '엔터테인먼트'이다. 무엇을 어떻..
피그마 활용법(2)_복습5 #아침조례 (아티클1 / 아티클2) 오늘은 AI를 주제로 아티클을 작성해 보았다. 말로는 많이 들어봤던 챗GTP 인데, 인공지능이 우리 예술 분야에서는 어떻게 다뤄지고 있는지 자세한 생각을 한 적이 없다. 앞으로의 발전 방향을 보자면, 계속해서 화두되는 인공지능쪽일 것이다. 그리고 신재생 에너지쪽도 실무로 일하게 될 때, 자세히까지는 아니더라도 현 시장에서의 인공지능을 공부해보는 것도 필요한 듯 하다. 관련해서 토스에서는 인공지능을 학습시켜서 야무지게 부려먹고 있었다. 나도 한번 해보고 싶다는 작은 태동을 느꼈다. #WRS 우리 조의 오늘의 레퍼런스 주제는 커머스 이다. 관련하여 모두들 참 빼곡히도 준비해주셨다. 쿠팡잇츠, 오아시스,쿠팡의 앱/웹앱/웹, 그리고 알리익스프레스/아마존/쿠팡 차이. 오늘도 지..
피그마 활용법_1차 피드백 보호되어 있는 글입니다.
피그마 활용법(2)_복습4 #아침 조례 (아티클1 / 아티클2) 아침조례로 구독중인 뉴스레터 정독 후, 아티클 작성을 진행한다. 내가 원하는 방향을 정해서 그쪽으로 계속해서 서치해 나가고 공부한다면 자연스럽게 원하는 길로 걸어가고 있지 않을까 싶다. 오늘의 아티클 선정은 'UI/UX 디자이너 포트폴리오, 어떻게 시작하지?' 이다. 이 아티클을 전, 후로 나의 계획이 더 치밀하게 짜여질 예정이다. 내가 앞으로 나아가야 할 방향을 잘 제시해 주고 있다. 내가 원하는 길, 되고자 하는 디자이너는 무엇인지 구체화를 시키는 중이다. 그에 맞추어 계획하고 치밀해져야 한다. #복습 피그마 활용법(1),(2) 강의내용을 모두 정독 후, 아직 미숙하다고 판단되는 부분을 연습하려고 한다. 스크롤, 다이얼로그, 버튼컴포넌트, 홈화면클론 등은 진행 완..
피그마 활용법(2)_복습3 #피그마 활용법(2)_2주차 복습 오늘 오전에는 피그마 활용(2) 2주차를 복습했다. 개인과제 진행으로 급급하게 넘겼던 강의였다. (3주차에 진행하는 프로토타이핑을 수강하기 위해 빠르게 스킵했던 2주차 강의) 내가 놓치고 있던 영역에 대해서 면밀하게 배웠다. 이 부분이 사실 실무를 할 때에 실수하기 딱 좋은 중요한 포인트라고 생각된다. 왜냐하면, 사소하지만 까다롭게 다른 디자인이 적용되기 때문이다. 안드로이드, 아이폰(신버전), 아이폰(구버전), 웹, 앱 환경에 따라서 UI를 다르게 디자인하고 기능을 적용해야 하기 때문이다. 물론, 큰 틀에서 벗어나는 차이는 아니지만 각자 환경에 따라 규칙을 잘 적용시켜야 한다. 이번 주차에 복습한 내용을 까먹지 말고 잘 숙지하고 있어야 겠다. 오후 아티클 정리와 일일 ..
피그마 활용법(2)_복습2 #복습1 오전부터 진행한, 피그마 활용법 복습시간. 그간에 배웠던 피그마 활용법(2) 3주차 숙제에 대해서 복습을 진행했다. 당시 숙제를 진행했을때는 '이제는 제법 알것 같네' 하고 생각했던 것 같다. 오늘 복습 전까지도. 다시 진행 해보려고하니, 어코디언 부분과 버튼 부분에서 막혔다. 복습하면서 추가로 머리속에 더 들어온 인풋이 있다. 정리하자면, 오토레이아웃 프레임을 잘 감싸야지 화면 안에서 자유롭게 반응한다는 것. 이건 원래 알고 있는 개념이지만 막상 화면에서 구현하다보면 되돌아 봐야지 깨닫는다. 프레임 안에 프레임(오토레이아웃) 안에 내용. 그래야 가로,세로 스크롤을 자유롭게 먹일 수 있다. #복습2 (디자인시스템 : 버튼컴포넌트) UI컴포넌트중 중요한 비중을 차지하고 있는 버튼 컴포넌트를 복습해..
피그마 활용법(1)_복습1 1월3일(수) - 피그마 활용법(1) 1,2주차 완강 1월4일(목) - 피그마 활용법(1) 3,4주차 완강 1월5일(금) - 피그마 활용법(2) 1주차 완강, 개인 과제 : 사용자 시나리오 완료 1월8일(월) - 개인 과제 진행 : 공통화면, 홈화면, 목록 화면, 상품 상세 화면 완료 1월9일(화) - 피그마 활용법(2) 2,3주차 수강 후, 개인 과제 마무리(장바구니 화면, 상품 상세 화면 스크롤, 프로토타이핑),심화(시간이 허락한다면..) 01월10일(수) - 심화(어제 못한 심화 단계를 마무리하고), 개인과제 9시 제출(완료) 계획대로 일정에 맞춰서 과제 제출을 완료했다. 강의와 함께 진행하면서 3일을 소요했다. 필수요소와 디테일 요소 그리고 심화과정까지. 해 놓고 살펴보니 계속 발견되는 오류로 인..
피그마 활용법(2)_3주차 숙제 💡 프로토타입 기능과 원리를 어느정도 배웠으니, 배운 걸 최대한 응용해보세요! 1. 이미지 슬라이드 만들기 - ① 프레임 준비(375*812), 슬라이드 프레임 준비(375*500) - ② 슬라이드 이미지 배열 후, 슬라이드 프레임에 넣기 - ③ 슬라이드 프레임에 프로토타입 패널에서 Scroll behavior, Horizontal 추가 2. 어코디언 만들기 (accordion=foldable,collapsible) - ① 프레임 준비(375*812), 어코디언 프레임 준비(375*000) - ② 어코디언 컴포넌트 제작(펼쳤을 때, 안펼쳤을때 배리언츠 컴포넌트) ‣ 참고영상 : (https://www.youtube.com/watch?v=SsTtjgvwXIA) - ③ 버튼컴포넌트(안펼쳤을때) 배열 후 오..

티스토리툴바