Threads에 개발자 분들이 많아서 종종 피드에서 유익한 글을 읽게 되는데, 2주 전쯤에 UI/UX와 관련한 글을 읽고 캡쳐해둔 내용을 블로그에 백업해본다. 웹사이트 혹은 어플리케이션에 고객이 유입되고 그게 구매로 연결되어 실제 매출이 잡히려면, 사용자의 편의를 생각하는 UI/UX가 중요하다는 것을 공부할 당시에 배워서 알고 있었지만, 현재 일하면서 몸소 체감하고 있다.어떻게 해야 더 많은 고객을 유입시킬 수 있을까고객이 우리 웹사이트/어플리케이션을 사용해야하는 이유가 뭘까 (소구점 어필)유입률이 구매율로 이어지려면 어떻게 해야하는가

이번주는 지난주에 이어 피그마의 다양한 기능에 대해서 배웠다.일주일 전까지만 해도 ‘오토 레이아웃’ 이 어렵다고 생각했는데, 지금은 ‘컴포넌트’ 가 더 어려운 느낌!이제 배우기 시작해서 익숙하지 않아서 그럴거라고 위안을 삼아본다.😅컴포넌트 (Component)‘컴포넌트(Component)’ 는 반복적으로 사용되는 요소들에 규칙을 정하는 것.요소~모듈~템플릿~페이지 순서로 구성된다.컴포넌트를 사용하면 반복해서 사용하는 요소들을 한 번에 수정할 수 있어 작업 효율이 향상될 수 있다.컴포넌트는 원본과 복제본으로 나눌 수 있는데, 페이지 제작에는 복제본을 사용한다.◆ 마스터(master)가 원본. 자유롭게 수정이 가능하고, 마스터를 수정하면 복제본도 수정된다.◇ 인스턴스(instance)가 복제본. 원본에 없..

수업 넷째날에 실습하느라 필기 내용이 많지 않아서 일주일치를 한번에 기록하기로 했다.🙂아무튼, 이번 주에는 지난주에 배운 피그마의 기능들을 복습하고 새로운 기능들을 배웠다.피그마 단축키가 많아서 정리의 필요성을 느끼고 있었는데 복습을 진행하며 리더님이 정리해주셔서, 수업 셋째날 귀가하자마자 복습 내용과 지난 시간에 배웠지만 복습에서 빠진 내용까지 모두 노션에 정리해두었다.👏텍스트 (Text)말 그대로 문자를 입력하는 툴. Inter에서 폰트를 선택하는데 사용 가능한 폰트가 매우 많았다!👍Regular는 굵기나 이텔릭체 등 스타일을 설정하는 곳, 옆의 숫자는 폰트 사이즈 설정.그 아래는 줄 간격을 의미하는 Line height, 글자 간격을 의미하는 Letter spacing.Paragraph spa..

수업 둘째날이자 2023년 마지막 수업이었다.이 날은 ‘피그마’ 가 어떤 프로그램이고 어떻게 사용하는지 배웠는데,대부분의 기능이 올해 가을에 공부한 포토샵이랑 비슷해서 배우는데 수월한 편이었다.파일 형식과 해상도레스터(Raster) 형식은 ‘비트맵 방식’ 이라고도 하는데, 이미지를 픽셀로 표현하는 방식이라 확대하면 깨진다.벡터(Vector) 형식은 디지털 이미지여서 해상도에 영향을 받지 않는다.→ 깨지면 안 되는 이미지는 반드시 벡터 형식으로 작업해야 한다. UI/UX 디자인에서 많이 나오는 단어 중 하나인 ‘해상도’ 의 정확한 개념은 ‘화면에 표시되는 픽셀의 수’ 이다.숫자가 클수록 밀도가 높아지니까 해상도가 높아지고, 이를 표현하는 단위가 ppi/dpi 이다.ppi/dpi는 특정 영역 안에서의 픽셀의..

서류~레벨테스트~인터뷰라는 과정을 거쳐 SeSAC 강동 3기 프론트엔드 입문과정에 합격했다! 수강신청부터 최종합격까지의 후기는 10년 전부터 운영중인 네이버 블로그에 기록했고, 앞으로 교육을 받으면서 배우는 내용을 깔끔하게 정리+아카이빙할 공간을 따로 만들고 싶었는데, 마침 첫 수업날 OT에서 개발 블로그로 티스토리가 괜찮다고 해서 바로 다음날 개설했다!👏이제부터 여기에 꾸준히 수업내용을 차곡차곡 기록할 예정.✍️개강 첫 날은 오전에 OT를 하고, 오후에 UI/UX 관련해서 이론 수업을 했다.UI (User Interface)UI = User Interface, 소비자가 제품/서비스를 이용할 때 처음 접하는 매개물UI 디자인이란 시각적 디자인을 의미한다.💡 UI 디자인에서 포인트 컬러 설정1. 중요도..