필터
-
#9 웹디자인 실습 PC 섹션, 푸터 디자인 04 - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 아홉 번째 시간입니다.
저번시간에 이어 럭셔리 클래스 영역과 푸터 영역 디자인을 이어서 해보도록 할게요.
이걸로 메인 페이지 PC 시안은 끝입니다 :)
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫 단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*이미지 사용 출처
BMW Site : https://www.bmw.com/en/index.html
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
https://www.wavecont.com/
Video Link: https://youtu.be/Ch2GzlOsUDU
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: https://youtu.be/vtHGESuQ22s
Lights by Sappheiros https://soundcloud.com/sappheirosmusic
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/LightsSappheiros
Music promoted by Audio Library https://youtu.be/-lbbHQbZNKg
Music: Tokyo Music Walker - Way Home -
#8 웹디자인 실습 PC 섹션 디자인 03 - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 여덟 번째 시간입니다.
저번시간에 이어 하단 영역 디자인을 이어서 해보도록 할게요.
이번에는 Find your bmw와 Journal 섹션 영역 디자인을 해보겠습니다.
이번에도 스케치 심볼을 활용해서 편하게 디자인을 하는 방법을 같이 알아봅시다.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*이미지 사용 출처
BMW Site : https://www.bmw.com/en/index.html
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
https://www.wavecont.com/
Video Link: https://youtu.be/Ch2GzlOsUDU
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: https://youtu.be/vtHGESuQ22s
Lights by Sappheiros https://soundcloud.com/sappheirosmusic
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/LightsSappheiros
Music promoted by Audio Library https://youtu.be/-lbbHQbZNKg
Music: Tokyo Music Walker - Way Home -
#7 웹디자인 실습 PC 배너 디자인 02 - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 일곱 번째 시간입니다.
저번시간에는 공통으로 적용될 헤더(Header)를 작업했었죠. 이어서 바로 아래 메인 배너 영역을 작업해볼게요.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*이미지 사용 출처
BMW Site : https://www.bmw.com/en/index.html
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
https://www.wavecont.com/
Video Link: https://youtu.be/Ch2GzlOsUDU
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: https://youtu.be/vtHGESuQ22s
Lights by Sappheiros https://soundcloud.com/sappheirosmusic
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/LightsSappheiros
Music promoted by Audio Library https://youtu.be/-lbbHQbZNKg
Music: Tokyo Music Walker - Way Home -
#6 웹디자인 실습 PC 헤더 디자인 01 - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 여섯 번째 시간입니다.
지금까지 작업 전에 배워볼게 많았죠? 이제 실제로 디자인 작업을 들어갑니다.
어떤식으로 풀어볼까 하다가, 아무래도 예제를 따라하게 하기엔 무리가 있을 것 같아서 제가 작업하는 과정과 툴을 사용하면서 터득한 저만의 팁?을 알려드릴게요. 이번에는 페이지 공통으로 적용될 헤더(Header)를 작업해볼게요.
사용할 툴은 스케치를 사용할 예정입니다 : )
툴 강좌는 아니니... 필요하신 분들은 스케치 강좌를 따로 시청해주세요.
웹 디자인하는 과정을 보면서 눈으로 따라 공부하는 느낌으로 시작해봐요.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
https://www.wavecont.com/
Video Link: https://youtu.be/Ch2GzlOsUDU
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: https://youtu.be/vtHGESuQ22s
Lights by Sappheiros https://soundcloud.com/sappheirosmusic
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/LightsSappheiros
Music promoted by Audio Library https://youtu.be/-lbbHQbZNKg
Music: Tokyo Music Walker - Way Home -
#5 게슈탈트 이론으로 보는 와이어프레임(지식 UP) - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 다섯 번째 시간입니다.
웹디자인 작업하기 전에 와이어프레임이 무엇인지, 왜 중요한지 알아봅시다. 와이어프레임에서 중요한 점은 고민을 많이 해야하기 때문인데 그 중 디자이너가 고민할때 알아두면 좋은 게슈탈트 이론에 대해 배워보는 시간을 갖도록해요! 게슈탈트 이론 어디서 한 번쯤은 들어보셨죠?!
UI 디자인 시에 알아두면 아주 좋은 피와 살이 되는 이론입니다.
우리의 뇌는 무언가를 볼 때 다양한 기준에 의해 연관지어 바라보는 심리적인 기준들이 있습니다. 게슈탈트에서 중요한 핵심 4가지를 배워보며 와이어프레임을 짜는 과정들을 가볍게 살펴봅시다.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : 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: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO -
#4 웹디자인 그리드 시스템의 모든 것?! - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 네 번째 시간입니다. 웹 디자인의 가장 기초가 될 수 있는 그리드 시스템! 한 번 자세히 파헤쳐봅시다. 짧은 시간안에 많은 내용을 담아서 어려울 수 있지만, 이해가 갈때까지 반복해서 학습해보세요.
그리드 시스템에 핵심인 컨테이너(전체폭), 거터(단과 단 사이 간격), 컬럼 수, 마진에 대해 배우고 그리드 시스템의 허와 실을 저와 함께 알아봅시다. 초급자 분들이 실수하는 부분들도 다루고, 실제 코드로 예제를 통해 이해도를 높여봅시다.
혹시 스케치강좌 4번째 그리드 시스템에 대한 영상을 안보고 온 분들은 꼭 하단 영상을 먼저 시청하고 와주세요 : )
스케치 그리드 강좌 : https://www.youtube.com/watch?v=Q_gcAAKfGKw
그리드 계산해주는 사이트 : http://gridcalculator.dk/
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : 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: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO -
#3 부트스트랩으로 웹 UI 컴포넌트 파악하기 - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 세 번째 시간입니다. 부트스트랩을 통해 웹 UI 컴포넌트를 알아볼게요. 저번 강좌에서 웹에 전반적인 내용을 알아봤다면, 이번에는 실무에서 사용하는 웹 디자인의 컴포넌트와 엘리먼트 용어를 배워봅시다.
버튼, 인풋, 테이블, 브래드크럼브, 팝오버, 아코디언, 캐로샐 등의 요소를 알아볼 수 있습니다.
부트스트랩 사이트 : http://bootstrapk.com/
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : 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: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO -
#2 이 용어 뭔지 아세요? - 웹디자인 입문 강좌
오늘은 웹디자인 입문 강좌 두 번째 시간입니다. 웹디자인과 관련된 알아두면 좋은 용어를 살펴보겠습니다.
어포던스가 뭔지 아시나요? WSG는 뭘까요? LNB는 뭐고 GA는 뭐지...? (아는 분들은 건너뛰셔도 좋습니다.. 입문자 용이에요ㅎㅎ)
제가 웹 디자인 쪽으로 처음 공부할 때 이해하기 어려운 용어들이 있었지만, 실무로 일해보니까 알고 있어 도움되는 용어들이었습니다. 딱! 20가지로 추려서 공유합니다.
나중에 예제를 통해 배워보면서 여러분과 저와의 원활한 소통을 위해 용어를 배워두는 것이 좋겠죠?
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : 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: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO -
#1 지금 웹 디자인을 배우는 건 너무 늦었나? - 웹디자인 입문 강좌
안녕하세요~! 디자인베이스에서 드디어 웹 디자인 입문 강좌를 시작합니다.
사수가 없어서 시작을 어떻게 해야될지 모르겠어요…”
“웹디자이너가 되고 싶은 학생인데 학교에서 따로 안 배워요…”
“전 웹디자이너가 아닌데 회사에서 시켜요…”
일반적으로 웹 디자인 혹은 앱 디자인을 하고 싶은 분들의 가장 큰 고민은 이 3가지라고 생각이 됩니다. 고액의 비용과 시간을 투자해서 학원을 다니기엔 부담되는 경우도 있죠. 물론 세상에 공짜는 없습니다… 초반에 실력 쌓을때까지 학교, 학원, 주변 지인들에게 도움 없이는 시작하기 쉽지 않습니다.. 그래도 제가 있잖아요...ㅋㅋㅋㅋ 응?
웹디자인 입문 강좌 1화에서는 가볍게 해당 강좌 소개와 웹 디자인에 대한 개인적인 생각에 대해 공유합니다.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )
☞ 디자인베이스 소개 : 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: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo
Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO
