Rainbow

그렇다면 스토리보드는 디자인까지 다입혀야 하는 것인가? 라고 물으면 디자이너가 입히는 것이라 말한다. 스토리보드는 디자인을 위한 레이아웃 시안이 아니며, 페이지내 노출된 정보, 주요한 구성요소가 표현되어야 하고 라인, 박스, 탭, 위치, 크기 색상과 같은 디자인 요소는 디자인 영역에서 쳬계를 따라 제작되어야 하므로 스토리보드에 표현되지 않은 요소이다. 웹 기획의 시작은 메뉴 구성도 사이트 내 채용 섹션 스토리보드이다. 대부분의 회사소개 홈페이지를 보면 회사 소개등의 간략한 기본 정보에 채용관련 페이지가 많이 붙어있는 편이다. 때문에 먼저 채용 사이트를 어떤 메뉴로 구성하여 어떤 페이지 흐름으로 만들지 메뉴 구성도를 제작했다. https://freemoa-blog.com/360 [기획] 프리랜서의 스토리보..

이번 글에서는 문자를 사용하되, 문자를 단락으로 사용하는 방법에 대하여 알아보고 이 단락을 정렬하는 방법에 대해서도 알아보겠습니다. 대체적으로 긴 문장을 작성할 때 유용합니다. 1. 이미지나 빈 작업 화면을 열어줍니다. 문서를 작성해 줄 배경 이미지나 이미지가 없는 빈 화면을 열어줍니다. 2. '텍스트 박스'를 생성해줍니다. 불러온 이미지 위에 이제 글을 작성해 주세요 포토샵 좌측에 있는 도구 바에서 T모양의 타입 툴을 선택해줍니다. 다음 이미지 위쪽, 좌측 위치에 적당히 마우스를 두고 클릭한 상태로 드래그 해줍니다. 텍스트 박스가 나타납니다. 3. 문장을 작성해줍니다. 이미지 위에 '텍스트 박스가 만들어졌다면, 커서가 깜빡이는 곳에 원하는 문장을 작성해줍니다. 'Character' 패널이 보이지 않을 ..

https://www.pexels.com/ko-kr/ https://www.flaticon.com/kr/ 무료 벡터 아이콘 및 스티커 - 다운로드할 수 있는 수천 개의 리소스 프로젝트를 위한 무료 벡터 아이콘과 스티커를 다운로드하세요. 디자이너가 만든, 디자이너를 위한 리소스. PNG, SVG, EPS, PSD, CSS 형식 www.flaticon.com 아이콘들이 무수히 많다 웹사이트 자료로 사용가능 png ,jpg 저장 가능

1. em : 부모 사이즈에서 곱한 사이즈 div {font-size: 14px} p {font-size: 1.2em} 일 경우, p의 사이즈는 14*1.2 = 16.8px 이 된다. 2. rem: 부모가 아닌 최상위 태그에서 곱한 사이즈 em을 사용하다보면 점점 사이즈가 커져버려서 제어가 힘든 상황이 온다. 이럴땐 rem을 쓴다. rem은 부모 사이즈에 상관없이 무조건 최상위 태그 사이즈에서 값을 곱한다. https://bomango.tistory.com/61 css 사이즈 태그 em, rem, vh, vw, vmin, vmax 완벽 정리 css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지..

상대 단위 상대(relative) 단위란 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 단위입니다. 본 포스트에서 다룰 em과 rem을 포함해 %, vw, vh 등이 대표적인 CSS의 상대 단위입니다. 절대 단위 절대(absolute) 단위는 어떤 상황에서든 항상 고정된 길이를 나타내는 단위입니다. 대표적으로 예전부터 현재까지 많이 사용되는 px와 pt를 들 수 있고, cm나 in와 같은 실생활에서 많이 사용되는 단위들도 이 절대 단위에 범주에 속합니다. PX : 폰트의 크기를 고정하고 싶을 때 씁니다. - 가장 기본적으로 사용되는 단위입니다. - 이것은 픽셀단위라는 고정값에 따라 정해지기 때문에 화면의 크기나 확대와 같이 사용자가 임의로 정의할 수 없는 고정된 값을 말합니다..

color - 글자 색을 지정. font-family - 글자의 서체를 지정. 서체의 종류 세리프(serif) - 꺽쇠가 있는 서체, 가독성을 보다 높여 줌. 산세리프(sans-serif) - 꺽쇠가 없는 서체, 심플하고 깔끔한 서체. 모노스페이스(monospace) - 글자들의 너비가 동일한 서체, 코딩 작업 등에 주로 사용. 커시브(cursive) - 필기체. 판타지(fantasy) - 장식이 많은 서체, 제목 같은 일부 영역에 유용. 웹 안전 서체는 대부분의 PC에 내장되어 있는 서체. font-size - 글자의 크기를 지정. font-style - 이텔릭과 같은 스타일을 지정. font-weight - 글자의 굵기를 조절. font-variant - 영문자 소문자를 작은 대문자로 변경. line..