본문 바로가기

분류 전체보기363

CSS 아이콘 채우기 호버 효과 | 소셜 미디어 버튼 소셜버튼에 마우스를 올리면, 채워지는 효과가 나는 버튼효과입니다. 2020. 8. 9.
초보 웹디자이너를 위한 사이트 메인페이지 강좌 정말 쉽게 알려주는 누구나 따라 할 수 있는 포토샵 웹디자인 강의(포토샵 기초디자인) 2020. 8. 6.
IBM의 UX디자이너 김수연이 알려주는 좋은 디자인과 포트폴리오 (Full Version) 미국 IBM의 한국인 UX 디자이너 김수연. UX 디자인의 정의부터 트렌드 리서치까지. 그녀가 알려주는 좋은 디자인과 포트폴리오의 비밀을 공개합니다. 2020. 8. 6.
Javascript를 사용하여 반응 형 사이드 바 메뉴를 만드는 방법 HTML CSS 및 Javascript를 사용하여 반응 형 사이드 바 메뉴를 만드는 방법 | 대시 보드 사이드 바 메뉴 2020. 8. 6.
디자인씽킹, 그리고 서비스디자인의 모든 것 (Full Version) 홍익대학교 IDAS 나건 교수가 설명하는 디자인씽킹, 그리고 서비스디자인의 모든 것 2020. 8. 6.
XD모바일 모바일UI Kit 11종 디자인 하기 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. 2020. 8. 6.
원페이지 사이트 작업 영상 (러닝타임 : 3시간 20분 ) 오늘 우리는 멋진 한 페이지 웹 사이트가 될 웹 사이트를 만들 것입니다. 이것은 HTML 및 CSS 연습을위한 것이며이 프로젝트를 통해 웹 사이트를 완벽하게 반응시키는 방법과 유사 요소, 햄버거, 오프 캔버스 메뉴 등에 대한 많은 것들을 볼 수 있습니다. 이 비디오가 마음에 드시길 바랍니다. 또한 아래 링크에서 소스 코드를 다운로드 할 수 있습니다. 소스 코드 https://github.com/WebCifar/one-page-website-html-css-project-for-practice 2020. 8. 5.
신입 웹디자이너를 위한 크롬 개발자도구 활용법 개발자도구는 크게 패널 메뉴와 패널 영역으로 나누어져 있습니다. 우리는 주로 패널메뉴 앞단의 내용을 가지고 작업하게 될 것입니다. 패널 메뉴 중 디자이너들이 가장 눈여겨볼 만한 네 가지 기능을 소개하겠습니다. ➊ 검사도구(Inspect) : 검사하고 싶은 영역을 선택하게 도와주는 도구입니다. ➋ 디바이스 모드(Device mode) : 화면을 디바이스별로 확인하도록 도와주는 도구입니다. ➌ Elements 패널 : 태그를 분석하고 실시간으로 수정할 수 있도록 도와주는 도구입니다. ➍ Dock side : 개발자의 취향이나 편의에 따라 원하는 방식대로 Dock 위치를 지정하여 사용할 수 있습니다. [더보기 ▼] PART 1 http://blog.rightbrain.co.kr/?p=11693 신입 웹디자이너.. 2020. 8. 4.
Cuberto의 UI / UX 디자인 [트렌드] 팁 Top 5 (2020) 2020. 8. 4.
텍스트 3D효과 및 애니메이션 - Pure CSS3 CSS3로만 사용해서 텍스트 3D효과를 만들어 보았습니다. 덤으로~ 애니메이션 까지 ^^ 2020. 8. 4.
CSS 및 Javascript를 사용하여 간단한 이미지 슬라이더 만들기 | 이미지 슬라이드 쇼 CSS 애니메이션 및 호버 효과 https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D 2020. 8. 4.
그 많던 액티브X는 정말 사라질까? feat.(exe) ActiveX! 과연 2020년말에 다 없어질까? 없어지면 문제가 해결되나? 액티브X가 무엇이고. 왜 생겼는지. 브라우저 보안은 뭔지? .exe로 대체되는것에 대한 외국인 1인의 솔직한 의견입니다~ㅠㅠ 2020. 8. 4.
[Illustrator] 대략적인 스케치부터 벡터 로고 만들기까지 • 앵커 포인트 삭제 도구를 사용하는 새로운 방법 • 선 두께의 중요성 • 적은 수의 벡터 포인트를 사용하는 이유 및 방법 • 폭 도구의 장단점 • 모서리를 둥글게하는 이유 및 방법 • 방법 부드러운 곡선 만들기 • 펜 도구 사용 • 가위 도구 사용 2020. 8. 4.
무시할 수 없는 NEW 무료 디자인 소스 신선하고 유용한 NEW 무료 디자인 소스가 있습니다. 아래 링크 된 모든 디자인 공짜 및 다운로드를 확인하고 오늘 비디오에서 그래픽 디자인 워크 플로우에 가장 도움이되는 추가 사항을 알려주십시오. https://www.humaaans.com/ https://products.ls.graphics/paaatterns/ https://freebiesbug.com/ https://photos.icons8.com/creator https://usemodify.com/ https://inspofinds.com/ 2020. 7. 31.
코로나 시대에 뜨는 디자인 TOP 5 예상치 못한 재난 상황이 닥쳤을 때 디자이너들의 역할은 무엇이며, 어떤 영향력을 전파할 수 있을까요? 코로나 시대에 뜨는 디자인 TOP 5 를 소개해 드립니다. Supported by 아시아 디자인 프라이즈 / 심사위원장 카림라시드 2020. 7. 31.

티스토리툴바