본문 바로가기

분류 전체보기

 (319)
[Color Combination] 22 💡menudurable.ca/en/ 웹사이트에서 컬러 조합을 참고했습니다 👇노션에서 보기 http://bit.ly/kimmy_colors Design Colors 아름다운 컬러 조합을 공유합니다👩‍🎨 💡컬러는 디자인을 의미있게 만들고 사용자의 시선을 원하는 곳으로 안내할 수 있습니다 오래 지속될 수 있는 디자인을 사용자들의 인식에 남기기 www.notion.so 컬러 조합이 적용된 menudurable.ca/en/ 웹사이트입니다 Home Because each meal impacts not only the health, recovery and well-being of patients, residents and staff, but also the environment and local economies. ..
[Design Article] 아이콘 디자인의 7가지 기본 법칙 MarketSplash에 작성된 아티클을 해석해 보았습니다 👇노션에서 보기 7가지 기초 아이콘 디자인 MarketSplash에 작성된 아티클을 해석해 보았습니다 www.notion.so 아이콘 디자인의 7가지 기본 법칙 디지털 마케팅에는 인포그래픽, 웹 사이트 브랜딩 및 기타 다양한 시각적 콘텐츠 같은 많은 시각적 요소가 필요합니다. 그래서 우리는 친근하고 자기만의 방법으로 비즈니스를 브랜딩하는 매력적인 마케팅을 구현해야 합니다. 이 마케팅 접근 방식에는 다양한 응용 프로그램에서 사용될 전문적이면서도 개별적인 아이콘 세트가 필요합니다. 디자인하는 아이콘은 매력적이고 트렌디하며 현대적인 모양이어야 합니다. 당신은 아이콘 모양을 스케치하고 메모하는 것으로 시작하거나 소프트웨어 파트로 바로 이동합니다. 전문적..
[Design Article] 웹과 모바일 타이포그래피에 대한 초보자 가이드 Medium에 작성된 Vichita Baheti의 아티클을 해석해 보았습니다 👇노션에서 보기 bit.ly/kimmyarticle08 웹과 모바일 타이포그래피에 대한 초보자 가이드 Medium에 작성된 Vichita Baheti의 아티클을 해석해 보았습니다 www.notion.so 웹과 모바일 타이포그래피에 대한 초보자 가이드 정규 교육을 받지 않은 디자이너로서 타이포그래피는 제가 처음에 공부할 때 가장 힘들었던 부분이었습니다. 너무 많은 전문용어, 너무 많은 타입페이스, 너무 많은 사례들은 저를 당황스럽게 했습니다. 처음에 저는 타이포그래피를 Human Interface Guidelines 및 머티리얼 디자인의 권장 사항 내에서 작업했습니다. 그러나 저는 천천히 그리고 꾸준히, 타이포그래피를 즐기고 실험..
WEB1 - 13. 문서의 구조와 슈퍼스타들 13. 문서의 구조와 슈퍼스타들 : 웹 페이지의 제목, 본문의 제목이 무엇인지 설명하는 태그 title 태그는 검색엔진이 웹페이지를 분석할 때 가장 중요하게 생각하는 태그 = 책표지 title 태그 꼭 쓰기-! : 이 웹페이지가 HTML로 만들어졌다는 것을 표현 : body 태그와 head 태그를 감싸는 태그 : body태그를 head로 묶기로 약속 : 본문은 body라는 태그로 약속
WEB1 - 12. 부모자식과 목록 12. 부모자식과 목록 : list, 목차 태그 경계, 그룹핑을 위한 태그 태그 - li의 부모 태그 HTML CSS JavaScript 넘버링을 위한 태그 태그 - li의 부모 태그 HTML CSS JavaScript
WEB1 - 11. 최후의 문법 속성과 img 11. 최후의 문법 속성과 img : 이미지 태그 태그에 속성을 적용 img 태그에 source의 줄임말인 src를 붙임 (이미지는 html과 같은 폴더에 저장하기) ex)
WEB1 - 9. 줄바꿈 : br vs p 9. 줄바꿈 : br vs p br 태그 : 줄바꿈 태그 태그는 닫지 않음 무언가를 설명하지 않는 태그는 감싸야 하는 콘텐츠가 없기 때문에 태그를 닫지 않는다는 규칙이 있음 ex) img, input, br, hr, meta 등 br 태그는 쓰는만큼 줄바꿈이 됨 p 태그 : 단락을 표현할 때 쓸 수 있는 태그 p 태그는 br 태그와 다르게 하나의 단락을 그룹핑할 수 있도록 열고, 닫는 태그가 존재 단락과 단락의 간격이 고정되어 있음 > 이 단점을 CSS로 극복할 수 있음 위와 같이 p 태그에 style="margin-top:45px"를 추가하면, p 태그 위쪽에 45px 만큼의 여백(margin)이 생깁니다
WEB1 - 6. 기본 문법 태그 6. 기본 문법 태그 강조 표시 underline 자주 묻는 질문 한글이 깨지면 어떻게 해야 하나요? 추가

티스토리툴바