본문 바로가기

전체 글70

[240107]WIL 1/7 헉 금욜에 과제하느라 WIL 쓰는 걸 잊어서 한 주의 마무리 느낌으로 일요일에 작성한다... 주말에 가족 모임도 있었고 알바도 계속 나가서 잠도 부족하고 너무 지치고 힘든데... 왜 시간이 이렇게 빠르게 흐르는 걸까 빨리 2월되어서 캠프에만 집중할 수 있었으면 좋겠다ㅠㅠㅠ!! 사장님 절 놓아주세요 빨리... 여튼 이번 주에는 진짜 UXUI 디자인을 해보는 과제를 진행하는 주였다. 처음엔 감이 안잡혔지만 강의도 듣고 유튜브도 찾아보면서 하나하나 계획하고 설계해 나가고 있다. 지금은 막막하지만 다음 주에 제출할 땐 뿌듯하겠지? 하루하루 성장하는 느낌이라 재밌고 시간이 빨리가는 한 주였다. 다음주도 화이팅! 2024. 1. 8.
[240104]Figma 활용1_4주차(강의정리/HW) 1/4 *4주차 강의에서 가져갈 것* file->select matching layers: 같은 위계의 레이어 모두 선택해줌 [컴포넌트] 컴포넌트란 파운데이션의 조합을 쌓고 쌓아 만들어지는 구성품 컴포넌트는 모양이 아니라 기능이 중요하다! UI의 목적, UI의 기능에 초점을 둘 것! 종류 6가지 액션 : 사용자가 중요한 행동을 수행할 때 사용해요. 인풋 : 사용자의 입력을 받을 때 사용해요. 인포메이션 : 사용자에게 서비스의 상태나 안내 사항을 전달할 때 사용해요. 컨테이너 : 컴포넌트 여러개가 결합되어 하나의 덩어리를 이루는 컴포넌트에요. 내비게이션 : 사용자가 페이지를 이동할 때 사용해요. 컨트롤 : 사용자가 설정이나 값을 수정할 때 사용해요. [의사상태] 컴포넌트의 가상의 상태이다. 버튼에 커서를 .. 2024. 1. 4.
[240103]Figma 활용법1_3주차 그리드, 디자인 시스템 1/3 *3주차 강의에서 가져갈 것* 권장 1배수(원본) 디자인: 아이폰의 경우 375 * 812, 안드로이드의 경우 360 * 800 [구현 과정] 1) 1배수 사이즈로 디자인을 한다. 2) 기기는 코드를 읽고 자기 배율에 맞게 확대 또는 축소를 한다. = 랜더링, 아이폰 15프로 기기의 경우, 375 * 812의 디자인을 3배 확대해서 1125 * 2436으로 만듦. 3) 기기 실제 해상도에 맞게 미세 조정 후 화면에 띄운다.(업, 다운스케일) [분기점] 웹, 테블릿, 앱 픽셀값을 나눠서 디자인하기 테블릿은 사용자가 적으니 필요한지 판단을 해볼 것 가로가 1024px 이상이라면 데스크탑 화면입니다. 가로가 768px 이상, 1024px 미만이라면 태블릿 화면입니다. 가로가 768px 미만이라면 모바일.. 2024. 1. 3.
[240103]Figma 활용법 1_2주차(프레임/그룹의 차이, 오토레이아웃/컨스트레이트) 1/3 *강의를 통해 가져갈 것* [프레임vs그룹의 차이] 프레임은 코드 블록을 만드는 기능과 동시에 코드 블록 그 자체이다. 그룹은 여러 개체를 하나로 묶을뿐 [레이어와 정렬] 레이어의 앞 뒤: z축, 모니터랑 어느 게 더 가까운지 여러 객체를 누르고 정렬을 하면 기준과 가장 가까이 있는 객체를 기준으로 삼는다. [오토레이아웃] 오토레이아웃 내에 있는 순서는 단순 레이어랑 반대의 위계를 가짐 [컨스트레인트 Constraints] 부모 컨테이너의 왼쪽, 상단을 기준으로 자식 컨테이너가 움직인다. 오토레이아웃보다 이게 더 헷갈리는 것 같다. *2주차 HW* 주어진 영상과 동일하게 만들어 보기 1~6번 숙제인데 헷갈렸던 건 3번 문제이다. 오토레이아웃 적용이 아닌 부모 컨테이너를 기준으로 어떻게 움직일 건지.. 2024. 1. 3.
[240103]Figma 활용법1_1주차 1/3 *강의 들으며 배운 점* [ UXUI 디자이너의 가장 중요한 점] 사용자 문제를 끈기있게 해결하는 것 논리적인 사고 또한 중요, 왜 이렇게 디자인을 해야하는지 설득할 수 있어야 함 서비스를 사용하는 사용자들에 대한 애정 [기본 기능] 도형에 이미지 삽입 기능-Fill, Fit, Crop, Tile Tile 기능 %줄이면 사진 반복!! [이미지로 추출] 오른쪽 패널 Export [자동저장 되기 전 파일 저장하기] 왜냐면 뒤로가기가 좀 힘들 수 있음. 백업해놓기 자동저장 시점을 불러올 수 있음(Save to version history)->실무에서 자주 사용된다. 2024. 1. 3.
[240102]UXUI 웹 디자인 개인학습 1/2 오후 시간에 유튜브 강의 들으면서 기본 간격 잡는 걸 연습했다. 왜인지 모르게 마음이 편해지는 그런 느낌... 2024. 1. 2.

티스토리툴바