디자인 툴/Figma10 [Figma] 피그마 사용법(2) 피그마 오브젝트 사용법 - 01. Edit object원하는 도형을 하나 만들어주고 클릭된 상태로 화면 상단 중앙에 있는 edit object를 클릭하면 자유변형을 할 수 있다. - 02. Select matching layers변형을 완료한 도형의 점선값을 없애고 이미지와 같은 도형으로 만들 수 있다. - 03. Create component (ctrl + alt + k)그룹처럼 만들어서 관리할 수 있다.- 04. Create multiple components- 05. Create component set- 06. boolean group https://wdnote.tistory.com/189 2024. 5. 27. [Figma] 피그마 사용법 (1) https://www.figma.com/ Figma: The Collaborative Interface Design ToolFigma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.www.figma.com 피그마 로그인 후 홈페이지 간단 설명 - 01. Draft : 내 작업물들- 02. Get desktop app : 닉네임 클릭 후 클릭하면 모바일로도 작업 가능- 03. Explore Community : 다른 사람들의 창작물을 다운로드 가능- 04. Design fil.. 2024. 5. 27. 모바일 디자인 기초, 해상도와 배수의 개념 해상도란?화면에 표시되는 픽셀 수.일반적으로 너비와 높이를 픽셀단위로 지정.화면의 픽셀 수가 많을 수록 해상도가 높아지고 이미지가 더 섬세하고 선명하게 나타난다. 가로 * 세로PC : 1920 px * 1080 pxTeblet : 834 px * 1194 pxMobile : 390 px * 844 px배수(Scale Factor)디스플레이 기술의 발전으로 인해 같은 면적 안에 더 많은 픽셀을 담을 수 있게됨. (고밀도 디스플레이)이러한 디스플레이에서는 픽셀밀도가 증가하면서 배율도 2x, 3x 와 같이 증가한다.그렇기 때문에, UI 디자인을 할때 여러 기기에 올바른 디자인이 표시되기 위해 다양한 배율로 에셋을 내보내는 것이 중요하다. 예를 들어, 아이콘 이미지가 jpg, png 일 때 1배수로 디자인 된 .. 2024. 5. 27. '노트폴리오'에서 다양한 포트폴리오 보기 https://notefolio.net/?keywords=UI%2FUX 노트폴리오 :: 국내 최대 창작자/디자이너 플랫폼 by 스터닝노트폴리오는 여기저기 흩어져 있는 아티스트와 디자이너들이 한 곳에 모여 자신의 작업을 공개하고 이야기하는 공간으로 스터닝에서 서비스합니다.notefolio.net 노트폴리오 안의 다양한 카테고리 중 UI / UX 를 선택하여 들어가면 많은 포트폴리오들을 만날 수 있다. 모든 디자인에는 '이유'가 있어야 한다는 것을 생각하며 어떻게 디자인 해야하는지 분석하며 보자. 1. 메인컬러 / 서브컬러, Color System, 헥사코드 2. 데스크리서치 : 논문, 기사, 통계 등 공적인 자료를 기반으로 한 것. 정형화 된 데이터가 있어야함 3. 니즈, 페이포인트 등을 바탕으로 한 마이.. 2024. 5. 24. 이전 1 2 다음
