그리드시스템
페이지 정보
본문
UI 디자인 기초 그리드 시스템 개념 용어 적용방법 총정리 | 디자이너 필수 시청 + 개발자랑 소통하려면 반드시 알아야 하는 내용
#그리드 #디자이너 #uidesign #개발자 #스타트업 #지식
영상이 도움 되셨다면 좋아요, 구독부탁드립니다 :)
진짜 쓰는 디자인만 쏙!쏙! 가져갈 수 있도록 양질의 강의로 보답하겠습니다.
일러스트\u0026포토샵 VOD강의 https://taling.me/vod/view/7633
차라리 내가 하고 말지(책) www.yes24.com/Product/Goods/108851802
디자인과 연구 관련 브런치 https://brunch.co.kr/@moongarden
디자인/강의/비지니스 문의 qufekfasd@naver.com
Copyrightⓒ2024 Moongarden Design All rights reserved.
#4 웹디자인 그리드 시스템의 모든 것?! - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 네 번째 시간입니다. 웹 디자인의 가장 기초가 될 수 있는 그리드 시스템! 한 번 자세히 파헤쳐봅시다. 짧은 시간안에 많은 내용을 담아서 어려울 수 있지만, 이해가 갈때까지 반복해서 학습해보세요.
그리드 시스템에 핵심인 컨테이너(전체폭), 거터(단과 단 사이 간격), 컬럼 수, 마진에 대해 배우고 그리드 시스템의 허와 실을 저와 함께 알아봅시다. 초급자 분들이 실수하는 부분들도 다루고, 실제 코드로 예제를 통해 이해도를 높여봅시다.
혹시 스케치강좌 4번째 그리드 시스템에 대한 영상을 안보고 온 분들은 꼭 하단 영상을 먼저 시청하고 와주세요 : )
스케치 그리드 강좌 : https://www.youtube.com/watch?v=Q_gcAAKfGKw
그리드 계산해주는 사이트 : http://gridcalculator.dk/
예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*BGM 사용 출처
Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
Free Download / Stream: http://ncs.io/FastLaneYO
피그마로 레이아웃 그리드 설정하는 방법 - 피그마 강좌 1-4
안녕하세요! 이번 강의에서는 디자인 도구에서 사용되는 레이어, 그룹, 프레임, 섹션, 페이지 등의 핵심 개념들을 심층적으로 다룹니다. 초보자부터 숙련된 사용자까지, 누구나 쉽게 이해하고 실제 작업에 적용할 수 있도록 구성하였습니다.
레이어: 디자인의 기본 구성 요소로, 다양한 요소들이 층층이 쌓여서 최종 이미지를 형성합니다. 레이어의 순서를 조정하여 요소들의 앞뒤 관계를 쉽게 조절할 수 있습니다.
그룹: 여러 레이어를 하나의 단위로 묶어 빠르게 선택하고 조정하는 기능입니다. 그룹화 및 그룹 해제 방법도 소개합니다.
프레임: 화면의 틀을 설정하여 인터페이스 디자인을 구성하는 방법을 배웁니다. 다양한 해상도의 프레임을 쉽게 생성하고 수정할 수 있습니다.
섹션: 프레임을 포함할 수 있는 더 큰 단위로, 디자인을 체계적으로 관리할 수 있게 해 줍니다.
페이지: 하나의 파일 내에서 여러 디자인 요소를 체계적으로 관리할 수 있는 고급 기능으로, 큰 규모의 프로젝트에서 특히 유용합니다.
이 강의를 통해 기본적인 레이어 관리부터 고급 프레임 및 페이지 관리까지, 디자인 도구의 모든 기능을 마스터할 수 있습니다.
디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : http://designbase.co.kr/
#그리드 #디자이너 #uidesign #개발자 #스타트업 #지식
영상이 도움 되셨다면 좋아요, 구독부탁드립니다 :)
진짜 쓰는 디자인만 쏙!쏙! 가져갈 수 있도록 양질의 강의로 보답하겠습니다.
일러스트\u0026포토샵 VOD강의 https://taling.me/vod/view/7633
차라리 내가 하고 말지(책) www.yes24.com/Product/Goods/108851802
디자인과 연구 관련 브런치 https://brunch.co.kr/@moongarden
디자인/강의/비지니스 문의 qufekfasd@naver.com
Copyrightⓒ2024 Moongarden Design All rights reserved.
#4 웹디자인 그리드 시스템의 모든 것?! - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 네 번째 시간입니다. 웹 디자인의 가장 기초가 될 수 있는 그리드 시스템! 한 번 자세히 파헤쳐봅시다. 짧은 시간안에 많은 내용을 담아서 어려울 수 있지만, 이해가 갈때까지 반복해서 학습해보세요.
그리드 시스템에 핵심인 컨테이너(전체폭), 거터(단과 단 사이 간격), 컬럼 수, 마진에 대해 배우고 그리드 시스템의 허와 실을 저와 함께 알아봅시다. 초급자 분들이 실수하는 부분들도 다루고, 실제 코드로 예제를 통해 이해도를 높여봅시다.
혹시 스케치강좌 4번째 그리드 시스템에 대한 영상을 안보고 온 분들은 꼭 하단 영상을 먼저 시청하고 와주세요 : )
스케치 그리드 강좌 : https://www.youtube.com/watch?v=Q_gcAAKfGKw
그리드 계산해주는 사이트 : http://gridcalculator.dk/
예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*BGM 사용 출처
Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
Free Download / Stream: http://ncs.io/FastLaneYO
피그마로 레이아웃 그리드 설정하는 방법 - 피그마 강좌 1-4
안녕하세요! 이번 강의에서는 디자인 도구에서 사용되는 레이어, 그룹, 프레임, 섹션, 페이지 등의 핵심 개념들을 심층적으로 다룹니다. 초보자부터 숙련된 사용자까지, 누구나 쉽게 이해하고 실제 작업에 적용할 수 있도록 구성하였습니다.
레이어: 디자인의 기본 구성 요소로, 다양한 요소들이 층층이 쌓여서 최종 이미지를 형성합니다. 레이어의 순서를 조정하여 요소들의 앞뒤 관계를 쉽게 조절할 수 있습니다.
그룹: 여러 레이어를 하나의 단위로 묶어 빠르게 선택하고 조정하는 기능입니다. 그룹화 및 그룹 해제 방법도 소개합니다.
프레임: 화면의 틀을 설정하여 인터페이스 디자인을 구성하는 방법을 배웁니다. 다양한 해상도의 프레임을 쉽게 생성하고 수정할 수 있습니다.
섹션: 프레임을 포함할 수 있는 더 큰 단위로, 디자인을 체계적으로 관리할 수 있게 해 줍니다.
페이지: 하나의 파일 내에서 여러 디자인 요소를 체계적으로 관리할 수 있는 고급 기능으로, 큰 규모의 프로젝트에서 특히 유용합니다.
이 강의를 통해 기본적인 레이어 관리부터 고급 프레임 및 페이지 관리까지, 디자인 도구의 모든 기능을 마스터할 수 있습니다.
디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : http://designbase.co.kr/
... 
댓글목록
등록된 댓글이 없습니다.
