반응형 전체 글71 [노션 꾸미기] 캘린더 활용 - 색상 추가하기 목차1. 노션 캘린더 생성노션 - / - 캘린더 보기 - 새 캘린더새로 만들지 않고 기존 캘린더에서 수정할래요 > 캘린더 보기 기존에 있는 일정(데이터 베이스) 선택해서 수정2. 일정추가- + 버튼 누르기- 기간 선택 (종료일) 해주기3. 색상 넣기속성 추가 - 텍스트텍스트 값에 아래 사항 넣어주기, 달러($) 표기가 꼭 들어가야함.$$\color{색상}\rule{넓이}{높이}$$// 예시1$$\color{#88C273}\rule{1000px}{10px}$$// 예시2$$\color{red}\rule{1000px}{10px}$$캘린더 - 점 3개 - 속성 - 방금 추가한 속성 보이게 표시 (눈 표시 클릭)4. 결과AS-ISTO-BE 2024. 10. 18. [UX/UI 제작 실무] 자주쓰는 페이지 디자인 목차1. 로그인 페이지 - 아트보드에서 원하는 모바일 사이즈를 선택합니다. (테블릿, 웹 등 사이즈 선택가능)예시 - 로그인 페이지- 와이어프레임을 그대로 사용할 수 도 있고 디자인 요소를 추가하여 사용할 수 있다.와이어프레임 : 웹사이트의 골격이나 애플리케이션의 사용자 인터페이스(UI) 및 핵심 기능을 나타내는 단순한 선과 도형으로 구성된 다이어그램 또는 다이어그램의 집합 2. 카드형 프로필 페이지- 기본 프로필 와이어프레임에 이미지 넣어보기① 드래그해서 이미지 삽입② 이미지 위에 사각형 삽입 후 배경 흐림 효과 사용③ 이미지 맨 뒤로 보내기 (순서 : 이미지(맨 뒤) - 사각형 - 와이어프레임에 있던 기본 박스) 출처HRD FLEX : UXUI 제작 실무와이어프레임 예시 출처 : adobe - UI .. 2024. 10. 7. [UX/UI 제작 실무] 디자인 - 심볼의 이해와 제작 목차1. 심볼의 이해와 활용- sketch에 심볼이라는 기능이 있음 - Xd에서는 구성요소라는 기능으로 sketch 심볼과 크게 다르지 않는 기능임심볼(구성요소) 만들기- 오른쪽 클릭 > 구성요소 만들기 or cmd + K심볼(구성요소) 활용하기- 1. 드래그나 2. 복사+붙혀넣기로 사용- 모체만 수정하면 여러 곳에 변경된 디자인이 반영되어 일일이 수정할 필요가 없음- 가져가서 사용한 곳의 일부 디자인을 수정하면 모체는 변경되지 않아 부분 디자인이 가능함 2. 심볼화- 컬러, 텍스트 등 도 심볼화할 수 있음- 심볼화한 후 색상이나 문자스타일 변경 시 사용한 곳에 모두 반영되어 편리함- 방법1 : 색상이나 글자를 각 요소로 만들고 드래그 > 마우스 오른쪽 > 에셋에 색상 추가 or 에셋에 문자스타일 추가-.. 2024. 10. 2. [UX/UI 제작 실무] 디자인 - 텍스트 목차1. 자간- 자간의 경우 보통 25, 50, 100으로 설정함2. 줄간격- 보통 글자 크기의 1.5배 3. 정렬- 고정 크기에 따라 글자를 정렬하는 기능을 자주 쓰임4. 글자 깨기- window : ctrl + 8- mac : cmd + 8- 글자의 속성을 없애고 이미지화 시키는 단계 (깨트리면 아래 이미지와 같이 앵커포인트가 활성화됨)출처HRD FLEX : UXUI 제작 실무 2024. 10. 2. 이전 1 2 3 4 ··· 18 다음 반응형
