"UI Design"의 검색 결과
필터
-
9
사이트 만들기 프로젝트_디자인편
사이트 만들기 프로젝트입니다.
디자인부터 레이아웃까지 이루어지는 강의합니다.
디자인, 레이아웃 파트별로 되어 있습니다. -
![[ Rock's Easyweb] 포토샵 웹디자인 - UI design for web](https://i.ytimg.com/vi/YyVG0RL7yzQ/mqdefault.jpg)
8
[ Rock's Easyweb] 포토샵 웹디자인 - UI design for web
포토샵으로 웹디자인 하기 연재입니다.
약 4 ~ 5편 연재예상합니다.
기타 강좌와 마찬가지로 초기파일만 제공하니 이번영상(design 20번)부터 차근차근 따라서 학습해주세요.
[ 영상 내용 ]
- 웹디자인 순서
- 스케치, 와이어 프레임
- 포토샵 그리드 생성하기
- 일러스트레이터 그리드 생성하기
[ Sample Download ]
https://drive.google.com/file/d/17UUW5e_iwitjMYexOb6FyVHBv2cN1UdL/view?usp=sharing
#webdesign #photoshop
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/ -
![[Rock's Easyweb] figma(피그마)로 디자인과 프로토타이핑을 동시에 하자!](https://i.ytimg.com/vi/_myVwi0vq5s/mqdefault.jpg)
4
[Rock's Easyweb] figma(피그마)로 디자인과 프로토타이핑을 동시에 하자!
Sample Download: https://goo.gl/icduFr
1/4
- 피그마로 디자인하기
- 피그마로 요소들 그리기
- 그리드 사용하기
- 텍스트 사용하기
2/4
- 펜툴 사용하기
- 컴포넌트 사용하기
- 모바일 사이트 디자인하기
- 헤더 완성하기
3/4
- 폰트어썸 아이콘
- 로그인 입력폼, 버튼
- 첫 메인화면 완성하기
- 반응형에 맞춰 유연하게 디자인하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
4/4
- 서브페이지 만들기
- google material design 활용하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
- 페이지가 연결되는 프로토 타이핑 하기
- 디자인단계에서 css 코드 확인하기
- image 저장하기
- 수료생 포트폴리오 보기 : http://bitly.kr/yEkoJC
- 후원하기: https://toon.at/donate/ezwebpub
홈페이지 방문하기: http://ezwebpub.com/
#피그마 #웹디자인 #figma #prototyping #프로토타이핑 -
12
프로덕트 디자인 가이드북
디지털 애플리케이션을 설계하는 디자이너의 역할은 심미적으로 아름다우며 사용하기 편리한 프로덕트를 설계해 비즈니스 골을 달성하는 것입니다. 도전적인 이 미션을 달성하기 위해서는 단순히 시각적인 아름다움만을 생각하는 디자이너를 뛰어넘어 다양한 관점으로 디자인을 바라 볼 수 있어야 할 것입니다. 이 브런치북은 구현이 아닌 설계의 관점에서 UI를 만드는 법에 대한 가이드를 담았습니다.
-
5
Tutorials: Create your design system in Figma
Whether you’re building out a design system for the first time or migrating existing libraries, Figma helps you maintain and scale your design system no matter how fast you grow.
-
7
Figma Auto layout: Learn to create flexible designs and components
In these auto layout tutorials, you’ll learn how to create fluid and responsive designs to save time, bring designs closer to your final product and to technologies like flexbox. The tutorials will guide you through the process from a blank canvas to a completed component. Please comment on what you’d like to see us build next!
-
5
New to Figma? Get started with "Figma for beginners" tutorials
If you’re brand new to Figma or design tools, check out this playlist for a quick tour of key features as we take you through a rough approximation of the design process, and design a mobile app together. We move quickly and keep things at a high level, so search help.figma.com for more in-depth guides.
-
9
Tutorials: Prototype while you design
Learn how to create interactive prototypes to present ideas and test with users.
-
11
Figma Tips
These ultra-short videos hosted by our designer advocates each cover one of our most popular #FigmaTips. Leave a comment on what tips you'd like to see next!
-
18
Tutorials: Explore design features in Figma
Dive into Figma features and learn how to speed up your design workflow.
-
10
Create a Design System in Figma
Free course for learning how to use Figma to create a beautiful layout and a powerful design system for your team.
