전체 글
-
소리도 없이기록 2022. 2. 20. 20:26
인간은 선과 악이 모호한 환경 속에서 각자의 생존을 위해 변화한다. /홍의정 감독 이 영화 연출의 시작이 위와 같다고 한다. 감탄을 했다. 내가 감탄을 할 위치의 사람은 절대 아니지만 저 문장이 주는 영향력은 나에겐 실로 대단했다. 선과 악 자체에 대해 시간을 들여 생각해 본 적이 없을 뿐더러 나에게 인간은 惡이 아닐 이유가 전혀 없었기 때문이다. 그럼에도 불구하고 인간의 선함을 볼때마다 혼돈이 옴과 동시에 내가 믿고 싶은 인간의 모습이 이게 아닐까? 라고 넘겨짚기도 했었다. 답은 여전히 내리지 못하고 있다.
-
웹디자인 기능사_아이디어 발상법학습/웹디자인 기능사 2022. 2. 18. 19:19
1️⃣ 브레인스토밍 기법 : 참여자 모두가 아이디어를 사전 조율 없이 말하는 방법 2️⃣ 체크리스트 기법 : 표를 보고 하나씩 체크해 가는 방법 3️⃣ 마인드맵핑법 : 주제를 정한 뒤 주제에 해당하는 내용을 가지 뻗어나가듯이 4️⃣ 시네틱스 : 두개 이상의 관련없는 요소를 서로 결합하여 연상되는 아이디어 찾음 ex) 소금 + 헬리콥터 = ? / 휴지 + 전화기 = ? 5️⃣ 강제 결부법(강제연결법) : 아이디어가 더이상 떠오르지 않을 때 요소를 강제로 연결 ex) 선풍기 + 욕조 = 파도풀욕조 / 의자 + 욕조 = 반신욕의자 6️⃣ 형태 분석법 : 사물과 본질적으로 비슷한 무언가를 찾아내어 그것을 힌트로 하여 아이디어를 생각하는 것 ex) 크록스에 지비츠 7️⃣ 육색모 사고법 : 백, 적, 황, 청, 녹..
-
HTML 하이퍼링크(a), 이미지(img) 태그학습/HTML 2022. 2. 17. 20:40
[이미지 태그] 기본 문법 1️⃣ 절대주소(http)를 사용하여 이미지 삽입하기 ex) 2️⃣ 상대주소(http 없음)를 사용하여 이미지 삽입하기 ex) ./폴더명/내가 가지고 있는 이미지 이름.확장자 이미지가 폴더 여러개 상위폴더에 있을 때는 ../../ 식으로 ../이 늘어납니다. [하이퍼링크] 기본 문법 title 속성을 써주는 이유는 '웹접근성' 때문입니다. 웹접근성이란 사용자가 이용하는 브라우저나 디바이스 환경이 다양할 것이고, 이용하는 사용자들도 다양한 사람들이 있기 때문에(적목색맹, 시각 장애인, 청각 장애인 등) 웹사이트에서 제공하는 정보를 모두에게 차별과 제한없이 이용할 수 있도록 해주는 것입니다. img 태그에도 웹접근성을 준수하려면 와 같이 alt 속성을 넣어줍니다. 추가로 웹접근성 ..
-
HTML 기초학습/HTML 2022. 2. 15. 16:31
1️⃣ HTML_메타 태그 viewport : 화면에 비율에 콘텐츠를 맞춘다. content : 문서안에 내용. width=device-width : 가로폭을 스마트폰의 가로너비에 맞춘다. intial-scale=1 : 실제 사용자가 보는 화면 크기를 100%로 보게 해준다. 2️⃣ 특수문자 삽입 HTML에서는 entity code를 보고 특수문자를 넣어주며, https://entitycode.com 원하는 특수문자가 없을시에는 유니코드 변환기로 변환하여 넣어줍니다. http://kor.pe.kr/convert.htm 3️⃣ 푸터 영역 sns, 회사정보, 로고, 이용약관, 회사소개, 저작권, 개인정보처리방침 등이 들어갑니다.
-
UIUX 모바일 앱의 종류학습/UIUX 2022. 2. 14. 13:19
1️⃣ 네이티브 앱 순수 모바일에서만 동작하는 프로그램으로 만들어진 앱 (앱 스토어, 플레이스토어에서만 다운받을 수 있는 앱) 2️⃣ 하이브리드 앱 * 운영체제 상관없이 아무데서나 다운 가능 * 안드로이드 - java / IOS - Object C 3️⃣ 모바일 앱 * 순수 모바일에서 정보를 보여주기 위한 웹사이트 * html, css, javascript, jquery 언어 활용하여 제작 4️⃣ 모바일 웹앱 * 모바일 앱과 사용성 동일 * 모바일 앱으로 발행 용이 * 앱처럼 뛰어난 UX * 단순 웹사이트보다 비즈니스적 강점(구매율 상승 등)
-
Adobe Photoshop 기초학습/Photoshop 2022. 2. 13. 15:22
1️⃣ 펜툴 * 자유도형(shape) : 자유롭게 도형 그리고자 할 때 * 선택영역(path) : 원하는 이미지를 정교하게 배경과 분리 * 곡선 그릴땐 alt키 누르고서 한쪽 기준선 지워줘야함 * 도형 그린 후 패스패널에서 ctrl 누르고 클릭하면 선택영역 생김(점선) * 선택영역 반전 : menu > select > inverse (ctrl + shift + i) 2️⃣ 색채우기 * 단일컬러(전경색, 배경색) * 전경색으로 색채우기 : alt + del * 배경색으로 색채우기 : ctrl + del * 페인트버킷툴 * menu > edit > fill(채우기) 3️⃣ 그라데이션 2가지 이상의 색상을 이용하여 자연스럽게 배경색을 넣고자 할 때 사용하며, 입체감, 고급스럽고 세련된 이미지를 만들 수 있다...
-
Adobe Photoshop 기초학습/Photoshop 2022. 2. 11. 18:50
1️⃣ 전경색 색상 칠하기(alt + del) 배경색 색상 칠하기(ctrl + del) 2️⃣ 자석 올가미툴을 사용한 후 올가미툴로 영역 빼는건 alt 영역 추가는 shift 3️⃣ 화면확대(alt + 마우스 휠) 화면축소(돋보기 더블클릭시 100% 화면 비율로 맞춰짐) 4️⃣ 선택 영역 반전 : menu > select > inverse 5️⃣ 선택영역툴 더보기 * 마퀴툴 - 사각형, 원형, 가로줄, 세로줄 * 라쏘툴 - 올가미, 다각형, 자석 * 빠른영역선택툴 * 마술봉툴 * 펜툴 6️⃣ 문자툴 더보기 * 가로문자툴 * 세로문자툴 * 가로마스크문자툴 - 마스크영역에 문자를 입력하여 이미지와 자연스럽게 합성 * 세로마스크문자툴 * 문자 입력방법 2가지 - 클릭, 드래그하여 영역지정 * 문자 편집방법 *..
-
Adobe illustrator 기초학습/illustrator 2022. 2. 11. 01:52
1️⃣ 선택도구 : 직접선택, 전체선택, 마술봉, 올가미 2️⃣ 도형툴 : 사각형, 원형, 다각형, 별, 빛무리 3️⃣ 선 도구(Stork 패널) : 선굵기, 선끝모양(cap), 점선(dash_둥근점선, 사각점선) 4️⃣ 패스파인더 : 여러개의 도형을 합치거나 나누는 10가지 기능 5️⃣ 쉐이프 빌더툴 : 도형을 합치거나(드래그) 나누는 툴(alt) 6️⃣ 타입툴(문자) : 가로문자, 가로영역문자, 가로패스문자, 세로문자, 세로영역문자, 세로패스문자 더보기 * 타이포그래피 - 글꼴(글자모양), 크기, 색상, 자간, 장평(글자 가로폭), 행간 * 문자를 도형화 - creat outline * 문자 변형하기 - menu > effect > warp option 7️⃣ 방향전환툴 : 직각을 곡선으로, 곡선을 ..