오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

Mobile 2x
Oneday
Class

CREATOR. KimJunu

모바일 2배율 디자인 원데이

10,000 원데이 클래스

LIVE 2.5단계에도 원격수업으로 정상진행

일정

필독 공지사항

모바일 2배율 디자인 원데이편!
UI 고밀도 해상도 가이드를 알려드려요.

모바일이나 데스크탑에 내가 디자인한 작업물을 적용할 때마다 당황하셨나요? 디스플레이 기술이 발전함에 따라 고밀도 디스플레이가 등장하면서 해상도는 지속적으로 발전했습니다. Px,dp의 기초 개념부터 실무에 바로 적용할 수 있는 고배율 작업 방법까지 5시간만에 모바일 2배율 디자인을 마스터해 선명한 디자인을 해보세요!
코로나로 집 밖에 나가기 힘든 요즘, 리메인이 온라인 라이브로 찾아갑니다! 우리 라이브로 만나요 :)

우리는 이런걸 배워요

  • 고밀도 해상도 (Retina display)의 원리

    고밀도 해상도가 무엇인지 처음 들어보셨나요?
    걱정하지 마세요. 고밀도 해상도(Retina display)의 탄생 배경과 원리, 장점을 익히면서 개념을 다져 실무에서 실제로 적용할 때 고려할 사항과 대응 방법에 대해 더욱 쉽게 접근할 수 있게 됩니다.

  • 디자이너가 이미지 2x 고배율 작업을 해야하는 이유

    Dp 개념에 맞춰 강제로 크기를 변경하면 이미지가 깨지는 현상이 발생합니다. 우리는 mdpi, xhdpi, xxhdpi, xxxhdpi에 대한 원리 이해를 바탕으로 다양한 이미지 사이즈 작업을 해야만 해상도가 큰 디바이스에서 깨지는 현상을 방지할 수 있습니다.

  • 모바일에 맞는 고밀도 해상도 디자인 방법

    px, dp에 대한 개념부터 다양한 디바이스에 대응하는 디자인 방법을 알려드립니다. 실무에서 실제로 쓰이고 있는 작업 방식과 효율적인 툴 사용, 예시를 비교해드려 처음 접하시는 분들도 쉽게 따라할 수 있습니다.

  • 모바일 디자인을 위한 2x 아트보드 세팅 노하우

    포토샵, 스케치, 피그마, xd 다양한 그래픽 툴을 통해 고배율 작업에 필요한 아트보드 세팅 방법을 배울 수 있습니다.

navigate_before
navigate_next

클래스 스피커를 소개합니다!

안녕하세요.
클래스 스피커 김준우입니다.

안녕하세요. 디자이너 김준우입니다. 저는 리메인 아카데미와 에이전시를 운영하며 디자이너이자 프론트엔드 개발자로 다수의 기업과 프로젝트를 진행해온 실무자입니다. 제가 진행하는 클래스는 웹 디자인과 개발 단계의 상호작용을 배울 수 있도록 구성되어 있습니다. 굳이 디자인을 공부하며 코드까지 공부해야할까? 생각할 수 있지만, 웹이라는 하나의 결과물을 만들기 위해서는 웹 디자이너와 퍼블리셔가 함께 고민하는 과정이 필요합니다. 이때, 서로의 작업 방식과 사고 방식을 이해해야 비로소 심도있는 결과물이 나올 수 있습니다. 웹 디자이너와 퍼블리셔의 시선에 맞춰, 웹의 구조와 작동 방식을 이해하고 실제 업무에 적용할 수 있도록 도와드리겠습니다.

커리큘럼

  • 01 2배율 디자인 원데이 #1
    • 비트맵과 벡터 동작원리
    • 모바일 해상도 종류
    • 레티나 디스플레이(고밀도 해상도)의 탄생
    • 고밀도 해상도의 원리와 장점
  • 02 2배율 디자인 원데이 #2
    • mdpi, xhdpi, xxhdpi, xxxhdpi 이해
    • 물리픽셀과 논리픽셀의 개념
    • 이미지 2x 고배율 작업이 필요한 이유
    • 포토샵(비트맵)으로 UI 디자인을 하면 안되는 이유
    • XD, Sketch, Figma (벡터)로 UI 디자인을 해야하는 이유
    • 모바일 디자인을 위한 2x 아트보드 세팅하기

안녕하세요.
우리 클래스를 소개합니다.

이미지 고배율 작업이 필요한 디자이너라면 필수!
모바일 2배율 디자인 원데이 클래스 오픈

이번 원데이 클래스에서는 내 디자인의 퀄리티를 높여줄 고배율, 고밀도 디자인에 대해 배울 수 있어요. 디바이스 환경을 고려하면서 깨지지않는 UI 디자인을 만드는 모바일 2배율 디자인의 주요 개념을 알려드립니다.


모바일 2배율 디자인 원데이
클래스 포인트 강점

고밀도 해상도의 원리부터 디바이스에 맞는 작업 노하우, 디자이너가 실무에서 바로 사용할 수 있는 고배율 디자인 방법을 배울 수 있습니다


고밀도 해상도 (Retina display)의 원리

고밀도 해상도가 무엇인지 처음 들어보셨나요?
걱정하지 마세요. 고밀도 해상도(Retina display)의 탄생 배경과 원리, 장점을 익히면서 개념을 다져 실무에서 실제로 적용할 때 고려할 사항과 대응 방법에 대해 더욱 쉽게 접근할 수 있게 됩니다.


디자이너가 이미지 2x 고배율 작업을 해야하는 이유

Dp 개념에 맞춰 강제로 크기를 변경하면 이미지가 깨지는 현상이 발생합니다. 우리는 mdpi, xhdpi, xxhdpi, xxxhdpi에 대한 원리 이해를 바탕으로 다양한 이미지 사이즈 작업을 해야만 해상도가 큰 디바이스에서 깨지는 현상을 방지할 수 있습니다.


모바일에 맞는 고밀도 해상도 디자인 방법

px, dp에 대한 개념부터 다양한 디바이스에 대응하는 디자인 방법을 알려드립니다. 실무에서 실제로 쓰이고 있는 작업 방식과 효율적인 툴 사용, 예시를 비교해드려 처음 접하시는 분들도 쉽게 따라할 수 있습니다.


모바일 디자인을 위한 2x 아트보드 세팅 노하우

포토샵, 스케치, 피그마, xd 다양한 그래픽 툴을 통해 고배율 작업에 필요한 아트보드 세팅 방법을 배울 수 있습니다.


온라인 라이브 클래스에서만
만날 수 있는 특별한 자료 제공 이벤트

클래스가 진행되는 동안 적극적인 참여를 해주신 10분과 SNS에 수업 후기를 적어주신 20분, 총 30분께 클래스에서 진행을 했던 ppt를 선물로 드립니다!

SNS 후기 작성시 #웹디자인 #리메인클래스 태그를 적어주셔야 확인이 가능합니다 :)

실제 클래스의 수업 자료입니다.

클래스를 마치고,
여러분은 이렇게 달라질 거에요

모바일 2배율 디자인의 개념을 통해 디바이스에 최적화된 고밀도 디자인을 할 수 있습니다.

우리는 이렇게 느꼈어요!

    사용후기가 없습니다.

우리는 이런 분위기로 수업해요!

navigate_before
navigate_next

클래스 수강을 위해선
이런 사전 지식이 필요해요!

  • done 기초지식이 없으신 분들도 수강하실 수 있습니다.
    비전공자 분들도 따라오실 수 있는 난이도로 수업이 진행됩니다.

클래스 수강을 위해선
이런 준비물과 프로그램이 필요해요!

  • 개인노트북 (window, mac 운영 체제 모두 사용 가능)

  • zoom 프로그램

오시는길

  • 클래스 주소 서울 마포구 양화로6길 33
  • 상세소개 2층 리메인

현재 클래스와
함께 수강하면 더욱 좋아요!

쿨하고 깔끔한 환불정책

환불규정 안내

  • 100% 전액환불 : 개강 전까지
  • 33% 공제환불 : 강의 1/2 지나기 전 시점
  • 공제환불 불가 : 강의 1/2이 지난 시점
  • 환불은 신청한 일자 기준으로 처리되며, 강의가 시작되는 당일은 강의를 듣지 않았더라도 해당일자에 포함됩니다.

학원의 설립ㆍ운영에 관한법률 제18조 및 동법시행령 제18조 제3항 〔별표 4〕의 기준에 따른다.

expand_less expand_more