Submit Search
Upload
퍼블리셔, 디자인을 퍼블리싱하다
•
Download as PPTX, PDF
•
5 likes
•
2,541 views
jeong seok yang
Follow
2016년 5월 21일 하드코딩하는사람들 빼로님의 발표자료 입니다.
Read less
Read more
Design
Report
Share
Report
Share
1 of 58
Download now
Recommended
개발친화적인 디자인
개발친화적인 디자인
디프만
Room Planner Project
Room Planner Project
송 진수
기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부
jinwook shin
EMOCON 2015 - 디자인이 뭐예요?
EMOCON 2015 - 디자인이 뭐예요?
이상한모임
Jquery핵심노토
Jquery핵심노토
jeong seok yang
나의 jQuery 실력 향상기
나의 jQuery 실력 향상기
정석 양
퍼블리셔, 프론트엔드개발을 시작하다
퍼블리셔, 프론트엔드개발을 시작하다
정석 양
하코사세미나_캔버스 파이그래프 만들기
하코사세미나_캔버스 파이그래프 만들기
정석 양
Recommended
개발친화적인 디자인
개발친화적인 디자인
디프만
Room Planner Project
Room Planner Project
송 진수
기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부
jinwook shin
EMOCON 2015 - 디자인이 뭐예요?
EMOCON 2015 - 디자인이 뭐예요?
이상한모임
Jquery핵심노토
Jquery핵심노토
jeong seok yang
나의 jQuery 실력 향상기
나의 jQuery 실력 향상기
정석 양
퍼블리셔, 프론트엔드개발을 시작하다
퍼블리셔, 프론트엔드개발을 시작하다
정석 양
하코사세미나_캔버스 파이그래프 만들기
하코사세미나_캔버스 파이그래프 만들기
정석 양
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
Kenu, GwangNam Heo
JavaSript Template Engine
JavaSript Template Engine
Ohgyun Ahn
프론트엔드 개발자의 자바스크립트
프론트엔드 개발자의 자바스크립트
jeong seok yang
퍼블리셔, 디자인을 퍼블리싱하다
퍼블리셔, 디자인을 퍼블리싱하다
jeong seok yang
비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기
jeong seok yang
컴포넌트 관점에서 개발하기
컴포넌트 관점에서 개발하기
우영 주
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
Chang W. Doh
웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
JinKwon Lee
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
우영 주
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
나영 김
사용자중심
사용자중심
지현 이
인터랙트
인터랙트
Geunyoung Kim
사용자중심
사용자중심
지현 이
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
Amy Young Ah Kim
프로젝트실무와기획의역할
프로젝트실무와기획의역할
Amy Young Ah Kim
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2
Young Choi
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
NAVER D2
2024_Platz_Company brochure(Brand ZAKAK)
2024_Platz_Company brochure(Brand ZAKAK)
Platz
인터랙션 디자인 3장 조현영
인터랙션 디자인 3장 조현영
Hyunyoung Cho
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
DongYoung Kim
110903_아꿈사_DDD_03
110903_아꿈사_DDD_03
Steve Hansol Kim
서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서
Young Choi
More Related Content
Viewers also liked
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
Kenu, GwangNam Heo
JavaSript Template Engine
JavaSript Template Engine
Ohgyun Ahn
프론트엔드 개발자의 자바스크립트
프론트엔드 개발자의 자바스크립트
jeong seok yang
퍼블리셔, 디자인을 퍼블리싱하다
퍼블리셔, 디자인을 퍼블리싱하다
jeong seok yang
비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기
jeong seok yang
컴포넌트 관점에서 개발하기
컴포넌트 관점에서 개발하기
우영 주
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
Chang W. Doh
웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
JinKwon Lee
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
우영 주
Viewers also liked
(9)
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
JavaSript Template Engine
JavaSript Template Engine
프론트엔드 개발자의 자바스크립트
프론트엔드 개발자의 자바스크립트
퍼블리셔, 디자인을 퍼블리싱하다
퍼블리셔, 디자인을 퍼블리싱하다
비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기
컴포넌트 관점에서 개발하기
컴포넌트 관점에서 개발하기
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
Similar to 퍼블리셔, 디자인을 퍼블리싱하다
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
나영 김
사용자중심
사용자중심
지현 이
인터랙트
인터랙트
Geunyoung Kim
사용자중심
사용자중심
지현 이
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
Amy Young Ah Kim
프로젝트실무와기획의역할
프로젝트실무와기획의역할
Amy Young Ah Kim
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2
Young Choi
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
NAVER D2
2024_Platz_Company brochure(Brand ZAKAK)
2024_Platz_Company brochure(Brand ZAKAK)
Platz
인터랙션 디자인 3장 조현영
인터랙션 디자인 3장 조현영
Hyunyoung Cho
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
DongYoung Kim
110903_아꿈사_DDD_03
110903_아꿈사_DDD_03
Steve Hansol Kim
서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서
Young Choi
Designus
Designus
Minsoo Park
계원예술대학교 2014 서비스디자인 강의계획서
계원예술대학교 2014 서비스디자인 강의계획서
Young Choi
2021 한양대_로컬브랜드_idolly_OAOA_최종제출.pdf
2021 한양대_로컬브랜드_idolly_OAOA_최종제출.pdf
Artcoon
반복적 실패를 통한 성장-소주콘 Shot 5 발표자료
반복적 실패를 통한 성장-소주콘 Shot 5 발표자료
Kije Park
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
keesung kim
아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915
jinwook shin
SEF 2017 — 디자이너, 디자인에 코딩을 더하다
SEF 2017 — 디자이너, 디자인에 코딩을 더하다
yamoo9
Similar to 퍼블리셔, 디자인을 퍼블리싱하다
(20)
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
사용자중심
사용자중심
인터랙트
인터랙트
사용자중심
사용자중심
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
프로젝트실무와기획의역할
프로젝트실무와기획의역할
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
2024_Platz_Company brochure(Brand ZAKAK)
2024_Platz_Company brochure(Brand ZAKAK)
인터랙션 디자인 3장 조현영
인터랙션 디자인 3장 조현영
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
110903_아꿈사_DDD_03
110903_아꿈사_DDD_03
서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서
Designus
Designus
계원예술대학교 2014 서비스디자인 강의계획서
계원예술대학교 2014 서비스디자인 강의계획서
2021 한양대_로컬브랜드_idolly_OAOA_최종제출.pdf
2021 한양대_로컬브랜드_idolly_OAOA_최종제출.pdf
반복적 실패를 통한 성장-소주콘 Shot 5 발표자료
반복적 실패를 통한 성장-소주콘 Shot 5 발표자료
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915
SEF 2017 — 디자이너, 디자인에 코딩을 더하다
SEF 2017 — 디자이너, 디자인에 코딩을 더하다
퍼블리셔, 디자인을 퍼블리싱하다
1.
퍼블리셔, 디자인을 퍼블리싱하다 디자이너에게
사랑받는 퍼블리셔 되기 2016. 05. 21 하드코딩하는사람들 빼로
2.
디자이너와 왜 충돌이
생길까? 퍼블리셔의 고민
3.
디자인을 공부해야 할
것 같은데 뭘 해야 할지 모르겠어... 퍼블리셔의 고민
4.
너 자신을 알라 -
소크라테스 - 퍼블리셔의 고민
5.
퍼블리셔, 디자인을 퍼블리싱하다
6.
퍼블리셔 HTML, CSS, JavaScript를
이용하여 브라우저 상에 디자인 된 화면을 구현하는 직업
7.
퍼블리셔 HTML, CSS, JavaScript를
이용하여 브라우저 상에 디자인 된 화면을 구현하는 직업
8.
퍼블리셔 퍼블리셔는 왜 HTML, CSS,
JavaScript를 사용할까?
9.
퍼블리셔 브라우저에서 지원하는 대중적인 언어
10.
퍼블리셔 퍼블리셔의 기반 =
브라우저
11.
퍼블리셔 퍼블리셔는 디자인만 구현할까?
12.
퍼블리셔 웹표준 마크업, 웹
접근성 준수, UI 개발...
13.
퍼블리셔 이러한 작업으로 퍼블리셔가 다루는
것은 무엇일까?
14.
퍼블리셔 글, 이미지, 비디오,
오디오, 인터랙티브, 모션 등의 컨텐츠
15.
퍼블리셔 컨텐츠를 어떻게 하지?
16.
퍼블리셔 웹 표준, 웹
접근성으로 기기 및 사용자 접근성을 높임
17.
브라우저 지원 언어를
이용하여 브라우저 플랫폼 상에서 구현 가능한 컨텐츠를 환경에 구애 받지 않고 누구나 이용할 수 있도록 제작하는 직업 퍼블리셔
18.
정말? 너무 거창한거
아닌가요? 퍼블리셔
19.
이런 상황을 가정해보면 어떨까요? 퍼블리셔
20.
이 비디오 파일을
mp4, ogg, webm으로 인코딩하세요 퍼블리셔
21.
왜 비디오 인코딩은
어색하고 이미지 자르는 것은 당연할까요? 퍼블리셔
22.
브라우저 환경에 맞게 최적의
컨텐츠를 제공할 수 있어야 한다 퍼블리셔
23.
퍼블리셔 = 브라우저 컨텐츠 전문가 퍼블리셔
24.
퍼블리셔, 디자인을 퍼블리싱하다
25.
디자인 글 이미지 비디오
오디오모션 사이트 디자인 웹 디자이너의 디자인 영역 컨텐츠의 종류
26.
디자인 초창기 웹디자인의 모티브는 편집디자인
27.
디자인 HTML5에서 추가된 레이아웃
태그 Section (문서・책 등에서) 절(節), (신문의) 난(欄) Article (신문・잡지의) 글, 기사 Header 머리말(문서 각 페이지의 상부에 문서의 표제, 날짜 등 동일 내용을 동일 형식으로 인쇄하는 것) Footer 꼬리말(인쇄 때 문서의 각 페이지 아랫부분에 자동으로 첨가되는 표제, 날짜 등) 출처 : 옥스퍼드 영어사전
28.
디자인
29.
디자인 출처 : 웹
여행을 시작하는 퍼블리셔를 위한 가이드
30.
디자인 디자이너에게 퍼블리셔는 디자인을 사용할
수 있게 구현해주는 기술자이며, 최적의 결과물을 낼 수 있게 도움을 주는 전문가다
31.
퍼블리셔, 디자인을 퍼블리싱하다
32.
퍼블리싱 디자인의 두 속성 균형
색상
33.
퍼블리싱 디자인에서 균형이란?
34.
퍼블리싱 그냥 딱! 봤을
때 안정감 있고 정갈한 느낌 사이트로 보여주고 싶은데 마음에 드는 사이트를 못찾겠음 ㅠ_ㅠ
35.
퍼블리싱 왜 디자이너는 1px에
집착할까? 바로 균형에 그 해답이 있다.
36.
퍼블리싱 글자의 배치, 요소간
간격, 박스의 크기 등이 균형에 영향을 주며 이 모든 것을 결정하는 요소가 바로 그리드(Grid)
37.
38.
39.
40.
41.
퍼블리싱 반응형 웹에서의 그리드
변화는 두 가지로 나뉨 첫째, 컨텐츠 박스모델 그리드의 변화
42.
퍼블리싱 둘째, 전체 가로크기에
맞춘 기둥형 그리드 간격의 조절
43.
퍼블리싱 Bootstrap의 12 Column
Gird System
44.
퍼블리싱 디자인에서 정말 중요한
부분을 캐치하여 잘 구현했다면 디자이너는 더 이상 픽셀 단위로 체크하지 않는다. Pre Ing Post
45.
퍼블리싱 디자이너에게 색상이란... 절대 지적하면 아니되는 금단의 영역 Pre
Ing Post
46.
퍼블리싱 단, 웹 접근성
프로젝트에서 텍스트와 배경간의 명도대비 이슈는 언급 가능 Pre Ing Post
47.
퍼블리싱 배경과 선 색상에 투명도가
들어가는 경우 포토샵과 브라우저의 렌더링에 차이가 있음 포토샵의 Opacity 수치대로 구현하면 안됨 Pre Ing Post
48.
퍼블리싱 Pre Ing
Post 투명도 작업시 디자이너가 Multiply로 작업을 하면 구현이 불가능 Opacity로 작업해 달라고 미리 이야기 하면 좋음
49.
퍼블리싱 Pre Ing
Post 원본 Multiply Opacity
50.
퍼블리싱 디자이너에게 Multiply는 굉장히 매력적인
기능이기 때문에 디자인 하기 전에 미리 꼭 이야기하기! Pre Ing Post
51.
퍼블리싱 그리고 마지막으로 폰트
52.
퍼블리싱 웹디자인에서 폰트는 디자인의
전부다 컨텐츠의 기본이며 전부이기 때문이다
53.
퍼블리싱 그렇기 때문에 디자인에 부합하는
폰트 렌더링은 퍼블리셔가 디자이너에게 줄 수 있는 최고의 선물이다
54.
퍼블리싱 디자이너가 디자인을 시작하기
전에, 사용가능한 웹폰트를 미리 공유하기 Pre Ing Post
55.
퍼블리싱 퍼블리셔, 디자인을 퍼블리싱하다 Typography
편 2014.12.06 발표 바로가기
56.
발표를 정리하며...
57.
58.
감사합니다
Download now