Sample Download: https://goo.gl/icduFr
(please check from Desgin 01[figma 1/4] footage)
- 펜툴 사용하기
- 컴포넌트 사용하기
- 모바일 사이트 디자인하기
- 헤더 완성하기
Code Editor: Notepad++
http://alikerock.tistory.com/
Twitter: #eztoweb
https://github.com/alikerock/ezweb
Sample Download: https://goo.gl/icduFr
1/4
- 피그마로 디자인하기
- 피그마로 요소들 그리기
- 그리드 사용하기
- 텍스트 사용하기
2/4
- 펜툴 사용하기
- 컴포넌트 사용하기
- 모바일 사이트 디자인하기
- 헤더 완성하기
3/4
- 폰트어썸 아이콘
- 로그인 입력폼, 버튼
- 첫 메인화면 완성하기
- 반응형에 맞춰 유연하게 디자인하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
4/4
- 서브페이지 만들기
- google material design 활용하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
- 페이지가 연결되는 프로토 타이핑 하기
- 디자인단계에서 css 코드 확인하기
- image 저장하기
| DESIGN 06 [ Blog site design part 2 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기 (0) | 2019.05.27 |
|---|---|
| DESIGN 05 [ Blog site design part 1 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기 (0) | 2019.05.27 |
| DESIGN 04 [Figma 4/4 ] 피그마! - 구글 material design 소스 활용, css 코드 확인하기, image 저장하기 (0) | 2019.05.27 |
| DESIGN 03 [Figma 3/4 ] 피그마! - 로그인 입력폼, 버튼, 메인화면 완성하기 (0) | 2019.05.27 |
| DESIGN 02 [Figma 2/4 ] 핫! 디자인 프로그램 피그마! -펜툴, 쉐이프, 컴토넌트 (0) | 2019.05.27 |