multiking

01. 튜토리얼 UI 제작 2. 텍스트 툴( )로 ‘MUSIC BOX’를 입력하고 글꼴은 Lovelo Line, 크기는 60으로 설정해 아트보드의 밝은 부분에 배치한다. ‘채우기’ 색상은 #FFFFFF, ‘테두리’ 색상은 #FF00AA, 테두리의 ‘크기’는 1로 지정하면 네온사인 같은 느낌을 만들 수 있다 3. 선택한 이미지가 아트보드에 나타나지 않는다. 이미지를 보기 위해 툴 패널에서 아 트보드 툴( )을 선택하고 옵션 창에서 같은 크기의 새 아트보드를 추가한 후 + 를 누르면 ‘Review’ 이미지가 나타난다 4.이미지의 크기를 줄여 아트보드 상단에 배치한다. 이미지 아래에 텍스트 툴( )로 ‘01’, ‘02’, ‘03’을 입력하고 색상은 #BEBEBE로 설정한 후 ‘01’의 색상만 #DD00FF로 ..

1. 준비된 파일 ios_list_1.xd 불러온다 3. 사각형이 선택된 상태로 옵션 창에서 ‘테두리’의 체크는 해제하고 ‘그림자’에 체크한다 6. 준비 파일 왼쪽에 있는 상태 바를 드래그해 좌우측 가이드라인에 맞게 붙이고, 텍스 트도 그대로 복제하여 배치한 후 타이틀을 ‘Friends’로 변경한다 준비 파일에 있는 상태 바는 [목록] - [UI 키트 받기] 를 통해 미리 다운로 드해 필요한 부분만 가져온 것이다. 위치나 글꼴의 크기는 UI 키트를 참고 하면 좋다 8. 텍스트 툴( )을 이용해 사람 이름인 ‘Lauren David’, 대화 내용인 ‘Did you do well on your exams?’를 각각 입력해 다음과 같이 배치하고 옵션 창에서 글꼴과 크기, 속성을 각각 설정한다. 10. 대화 내..

https://youtu.be/qfuhIAmqiDQ 1. iOS 로그인 페이지 제작 1 배경 제작, 입력 필드 만들기, 텍스트 사용 소스 [내 컴퓨터에서 열기]를 선택해 파일을 연다. [가져오기]를 선택해 ‘back.jpg’ 파일을 불러온다 Ctrl + Shift + I 옵션 창에서 종횡비 잠금( )을 클릭해 가로세로 비율 일치를 해제한 후, 이미지 크 기를 아트보드 크기에 맞게 조정 11. material design > resource > icon font > 폰트 가져오기 png vs SVG 비교 해 보기 man, password 검색해서 아이콘 다운로드 받은 후 가져오기 12. 아이콘 붙여 정렬하고 색상과 투명도를 변경 해 보자

1. iOS 아이콘 만들기 (소요시간15분) - 기본 기능 활용 ( 도형, 그리드 , 추가, 빼기, 교차, 오버랩제외 기능) - 내어보내기 - 아트보드 복사 1. 아트보드 생성 : 아이콘 사이즈-120*120 2. 선택 툴을 선택하고 아트보드의 이름을 더블클릭해 ‘Appicon’으로 변경 3. 아트보드의 이름 부분이 선택된 상태로 오른쪽 옵션 창의 ‘그리드’ 항목에서 [정사각형] 을 선택한다. ‘정사각형 크기’는 기본값인 8을 유지 4. 툴 패널에서 타원 툴( )을 선택하고 를 누른 채 W(너비)와 H(높이)가 88px인 원을 아트보드의 정중앙에 그린다. 이때 원의 상하좌우 여백은 그리드 두 칸 이다 5. 계속해서 타원 툴( )로 + 를 누른 채 W(너비)와 H(높이)가 56px인 원을 아트보드의 정중..

반응형 웹에서 가장 일반적인 화면크기는 너비를 기준으로 ~768px : 모바일 기기 768px ~ 1024px : 태블릿 1024px ~ : 데스크탑 column1 column2 column3 column4 실습 반응형 웹에 적합한 화면 구성하기 1. 아트보드 선택 > 사각형 도구를 이용하여 제목 영역 그려봅니다. 2. 아트제목 선택 > 옵선에서 반응형 크기 조정 활성화 3. 파란사각형 선택 후 > 레아아웃 아래의 반응형 크기 조정 수동으로 선택 > 폭고정 해재, 높이고정 활성화 4. 확인 > 아트보드의 가로 크기를 가변적으로 변경 해 본다. 안쪽 패딩 여백 지정하기 1. 사각형 그리고, 내부에 사각형을 하나 더 그린다. 2. 두 사각형을 선택하고 구성요소 Ctrl + K로 만든다. 3. 구성 요소를 선..