iOS 6/7용 야코의 R 아이콘 설정 주의

개시하다


iOS 7의 기기에서 메인 화면을 보면 아이콘 각환 R에 없는 디자인을 만드는 앱을 발견할 때도 있다.

표시 방법


아이콘을 맞추는 각환 R라인의 아이콘 등은 쉽게 알 수 있어요.
이미 많이 연구된 사람들의 사이트를 소개합니다.
Staccal 아이콘 iOS 7 지원(전면)
http://gndo.blogspot.jp/2013/09/staccalios7.html
iOS 7에 추가된 아이콘 크기 및 각도 원의 반지름 정보
http://hocosoft.com/memo/ios7대응하는 / ios7에 추가된 아이콘 크기 / 각원 반경

대책


iOS 6은 iOS 7의 R과 의식적으로 다르기 때문에 이미지를 분리해야 한다.
※ 픽셀 베이스
화면 표시
iOS6(iPhone)
iOS7(iPhone)
iOS6(iPad)
iOS7(iPad)
플랫폼
57,114
120
72,144
76,152
스포트라이트
29,58
80
50,100
40,80
화면 설정
29,58
iOS 6(아이폰)와 공통
29,58
iOS 6(ipad)용
쓰고 나서야 화면 설정은

아이콘 만들기


각환 R에 얽매인 상황

  • 각환 R과 무관한 디자인 이미지 만들기
  • OS 버전과 결합해 각환 R과 관련된 프레임 등 디자인을 적용한다.이 경우 두 가지
  • 크기 조정
  • 화면을 설정하는 데 사용할 그림이 원각 R이 필요한지 의문입니다.

    각환 R에 얽매이지 않는 상황


    템플릿 사용


    이쪽 psd로 만들었어요.

    effect, 색상(그래디언트) 등 다양
    psd의 부분과 디자인만 편집하면 사이트 이미지도 동시에 진행할 수 있다.
    첨부된 atn 파일에서 각도 R 없이 개미 Action 실행
    필요한 모든 치수 스타일 만들기

    네트워크 서비스


    모크나 규격 확인 등급 아이콘이라면 이쪽을 선택하세요
    ※ 각환 지원 여부는 별도로 확인
    http://makeappicon.com

    Xcode


    AssetCatallog에 이미지 추가



    같은 그림으로 다른 크기의 아이콘을 지정하면



    에 경고가 표시됩니다.아래 아이콘@2x은 76pixel입니다.

    확인


    우리 실기로 한번 확인해 봅시다.
    시뮬레이터에서 확인하면 배경색은 검은색만 선택할 수 있어요.
    밝은 배경으로 바꿔서 발견한 경우도 있다.

    참조 링크


    appicontemplate.com
    http://appicontemplate.com
    iOS Rounded Rect Script for Photoshop
    http://blog.mikeswanson.com/iosroundedrect
    Staccal 아이콘 iOS 7 지원(전면)
    http://gndo.blogspot.jp/2013/09/staccalios7.html
    iOS 7에 추가된 아이콘 크기 및 각도 원의 반지름 정보
    http://hocosoft.com/memo/ios7대응하는 / ios7에 추가된 아이콘 크기 / 각원 반경
    iOS 7이 자동 아이콘으로 생성됨(XCode5 지원)으로 릴리즈되었습니다.[for Mac]
    http://www.choplayer.com/choyajuu4s/mac-os-x배포 페이지 스크립트 /

    최후


    아이콘 디자인은 앱의 수명을 좌우하는 요소로 매우 높고 디자이너의 견지도 강하기 때문에 대응을 잊지 말아야 할 필요가 있다.
    각환 R, 3px의 확대를 의식한 것은 미세한 아이콘, 색의 대비도가 뚜렷한 것 등으로 점차적인 것을 사용하면 흐릿한 느낌을 준다.
    그리고 화면 설정에 대한 아이콘은 너무 작아서 그런지 잘 어울릴 것 같아서... 화면 설정용 아이콘만 변경한 각환 R에 맞는 아이콘 응용을 제안하고 싶습니다.

    좋은 웹페이지 즐겨찾기