PS 를 사용하여 UI 디자이너의 작업 인터페이스를 설정하려면 어떻게 해야 합니까?

폭: 640 픽셀

높이: 1 136 픽셀 (4 인치 아이폰 장치)

해상도: 인치당 72 픽셀 (PPI)

색상 모드: RGB 색상

배경 내용: 흰색 (선택 사항)

색상 프로파일: 더 많은 색상 설정 후 파일에 대한 색상 관리가 수행되지 않습니다.

픽셀 가로 세로 비율: 정사각형 픽셀

구성은 다음과 같습니다.

정렬 설정은 레이어, 모양 및 기타 작업을 사용할 때 자동으로 격자에 정렬됩니다. 벡터 그래픽을 그리면 가장자리가 흐려지는 것을 두려워하지 않으므로 각 픽셀이 선명하게 유지됩니다.

설정:

메뉴 → 보기 → 정렬

메뉴 → 보기 → 정렬 → 모두

기본 설정 작업: 메뉴 → 편집 → 기본 설정 → 일반. 다음 그림에 따라 설정하는 것이 좋습니다.

박자 번역을 활성화하다

슬라이딩 효과로 메모리를 차지하며 컴퓨팅 효율성을 높일 수 없습니다. 닫는 것이 좋습니다.

HUD 수직 이동에 따라 제어됩니다.

이 기능은 사용하기 쉽다. Alt+ 키를 누른 채 오른쪽 위, 왼쪽, 오른쪽, 위, 아래로 이동하여 브러시의 크기와 경도를 각각 변경합니다.

벡터 도구를 정렬하고 픽셀 격자를 사용하여 변환합니다.

UI 디자인이 이 기능을 켜는 것이 좋습니다. 이렇게 하면 반픽셀 가상 가장자리가 없는 벡터력을 생성할 수 있어 매우 유용합니다. 그러나 미세 조정이 필요할 때 일시적으로 끌 수 있습니다.

나는 보통 텍스트 글꼴을 선명하게 설정합니다. 만약 당신이 Photoshop CC 에디션에 있다면, 그것은 Windows LCD/Mac LCD 앤티앨리어싱 기능을 가지고 있고, 문자는 웹 페이지와 같은 효과를 낼 수 있으므로 Photoshop CC 로 업그레이드하는 것이 좋습니다.

조치: 먼저 텍스트→문자 도구 (AA) 를 선택하고 Windows LCD/Mac LCD 를 선택하십시오.

전역 조명은 Apple iOS 의 인간-기계 인터페이스 지침을 따르므로 조명을 90 으로 설정해야 합니다.

조치: 레이어 → 레이어 스타일 → 전역 조명 → 90.

메쉬 설정은 이제 iOS 인터페이스가 retina 와 호환되도록 설계되었기 때문에 각 메쉬를 2 픽셀로 설정하여 Retina 장치 아래에서 이미지가 흐려지는 것을 두려워하지 않습니다.

조작: 메뉴 → 편집 → 환경 설정 → 안내선, 격자 및 슬라이스, 격자 줄 간격: 4 픽셀; 서브그리드 2. 또는 그리드 선 간격: 2 픽셀; 서브 그리드 1. 전 전자를 좋아해요

내보내기 설정 웹 페이지에서 IOs 앱을 디자인하든 "웹 형식으로 저장" 을 사용하여 내보낸 그림을 내보내는 것이 좋습니다.

다음은 "웹 형식으로 저장 ..." 을 통해 PNG-24 를 내보내는 예입니다. 여기서 기본 설정은 다음 그림과 같이 더 중요합니다.

조치: 메뉴 → 파일 → 웹 형식으로 저장.

기본값: PNG-24

투명도: 선택

인터레이스: 선택되지 않음

포함된 색상 프로파일: 선택 안 함 (Photoshop CC 버전에서만 사용 가능)

SRGB 로 변환: 선택되지 않았습니다.

질량: 2 차 입방체

Retina 디스플레이 설정 Retina 가 장착된 MacBook Pro 를 사용한다면 2800× 1800 픽셀 (1440×900 픽셀) 을 사용하고 있는지 확인해야 합니다.

조작: 애플 메뉴 → 시스템 선호도 → 모니터 → 모니터가 가장 좋습니다.

색상 구성표 색상 구성표는 매우 복잡한 작업입니다. 만약 네가 이 방면의 큰 신이 아니라면, 솔직히 추천 구성을 써라. 여기서 나는 마크 에드워즈의 색상 구성 옵션을 선택했다.