Blog site design part1예제 (DESIGN 06)에서 이어서 학습해주세요.
Blog Site Design part 2
- 웹디자인용으로 포토샵 설정하기
- 웹디자인 순서
- canvas 생성하기
- 가이드 작성하기
- 그리드 작성하기
- 폰트사이즈와 행높이의 황금비율
반응형
포토샵
DESIGN 06 [ Blog site design part 2 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기
2019. 5. 27. 16:11
DESIGN 05 [ Blog site design part 1 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기
2019. 5. 27. 16:10
Sample Download: http://bitly.kr/GeEA7
Blog Site Design part1
- 웹디자인 준비하기
- 폰트 수집하기
반응형
'Youtube 동영상 > web design' 카테고리의 다른 글
PSD TO HTML 02 [Simple PSD] - 포토샵참조 코딩하기 기초 파트2 HEADER
2019. 4. 17. 00:24
동영상보기: https://youtu.be/RFEJ2X1YvPA
SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy
(PSD TO HTML 01번 강의를 보고 예제를 작성해야합니다.)
PSD to HTML & CSS
- HEADER : LOGO & TITLE
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#포토샵 #웹디자인 #웹퍼블리싱
반응형
'Youtube 동영상 > psd to html & css' 카테고리의 다른 글
| PSD TO HTML [proweb 02] - content, footer, fontawesome HTML 작성하기 (0) | 2019.04.22 |
|---|---|
| PSD TO HTML [proweb 01] - header, banner HTML 구조 작성하기 (0) | 2019.04.22 |
| PSD TO HTML 04 [Simple PSD] - 포토샵참조 코딩하기 기초 파트4 (2) | 2019.04.17 |
| PSD TO HTML 03 [Simple PSD] - 포토샵참조 코딩하기 기초 파트3 CONTENT (0) | 2019.04.17 |
| PSD TO HTML 01 [Simple PSD] - 포토샵참조 코딩하기 기초 - 파트1 (0) | 2019.04.17 |
PSD TO HTML 01 [Simple PSD] - 포토샵참조 코딩하기 기초 - 파트1
2019. 4. 17. 00:23
동영상보기 https://youtu.be/S1tvXn_7iq4
SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy
코딩을 위한 포토샵 기초사항 : https://goo.gl/FmVrHf
PSD to HTML & CSS
- 레이아웃 파악하기
- 폰트 확인하기
- 이미지 저장하기
- HTML 작성하기
- CSS 작성하기
본 예제의 PSD에서 HTML 작성하는 것을 누락했네요. 곧 추가하겠습니다.
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#포토샵 #웹디자인 #웹퍼블리싱
반응형
'Youtube 동영상 > psd to html & css' 카테고리의 다른 글
| PSD TO HTML [proweb 02] - content, footer, fontawesome HTML 작성하기 (0) | 2019.04.22 |
|---|---|
| PSD TO HTML [proweb 01] - header, banner HTML 구조 작성하기 (0) | 2019.04.22 |
| PSD TO HTML 04 [Simple PSD] - 포토샵참조 코딩하기 기초 파트4 (2) | 2019.04.17 |
| PSD TO HTML 03 [Simple PSD] - 포토샵참조 코딩하기 기초 파트3 CONTENT (0) | 2019.04.17 |
| PSD TO HTML 02 [Simple PSD] - 포토샵참조 코딩하기 기초 파트2 HEADER (0) | 2019.04.17 |