Design Study

광고배너를 만들다 보면 사이트마다 이미지 용량 제한이 있습니다. 한 번에 사이즈별 이미지 용량을 조절해야 할 때 이미지를 압축해주는 사이트를 이용하면 편합니다. 1. Compressjpeg https://compressjpeg.com/ko/ 온라인으로 JPG 이미지들을 압축하기 JPEG 이미지들과 사진들을 압축해, 웹페이지에 올리거나, 소셜 네트워크 또는 이메일을 통해 공유할 수 있습니다. compressjpeg.com 이미지별로 압축 퀄리티를 조절 할 수 있어 가장 많이 이용하는 사이트입니다. 기본적으로 세팅되는 압축값 말고 세부적으로 압축률을 조절할 수 있습니다. 1. 사이트에 올려놓은 이미지를 클릭하면 [모두 다운로드] 버튼 아래에 해당 이미지가 크게 뜹니다. 2. 이미지 옆 슬라이더를 이용해 압축..

뉴모피즘(Neumorphism) 디자인은 디자인 커뮤니티 Dribble의 디자이너 Alexander Plyuto로 부터 시작됐습니다. 뉴모피즘 스타일은 그림자와 빛으로 요소와 배경을 구분하여 부드러운 느낌을 주는 것이 특징입니다. 이런 특징은 접근성 측면에서는 단점이 되기도 하는데 대비가 약해 배경과 요소의 구분을 어렵게 하기 때문입니다. 그렇다고 대비를 강하게 주면 뉴모피즘 스타일의 특징인 부드러움이 사라져버립니다. 플랫 디자인이 주류를 이루며 디자인의 개성이 사라지고 있는 상황에서 뉴모피즘 스타일은 새로운 느낌을 주기 때문에 많은 디자이너들이 관심을 주고 있는 것 같습니다. 뉴모피즘 스타일을 시도해볼 때 도움이 되는 사이트들을 모아봤습니다. 1. 뉴모피즘 디자인 세팅값 Neumorphism UI Tr..

1. Favicon Generator 260x260이상(최소 70x70)의 PNG, JPG, SVG 등 이미지를 업로드하면 파비콘을 만들 수 있다. https://realfavicongenerator.net/ Favicon Generator for perfect icons on all browsers The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages. realfavicongenerator.net 옵션들을 선택하고 [Generate your Favicons and HTML code] 버튼을 누르면 파비콘..

1. 눈누 상업용 한글 폰트 모음 사이트 https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 2. AI한글폰트검색 이미지로 한글 폰트 검색 가능. 이미지를 업로드하면 최대한 비슷한 폰트를 검색해줍니다. https://kfonts.kr/ AI한글폰트검색 이 폰트 뭐야? 사진속에 궁금한 폰트! AI가 알려줄께요! 약 4천종의 한글 폰트를 검색할 수 있는 폰트 이미지 검색 엔진. AI 한글 폰트 검색. 이미지 검색 엔진. fontbox.kr 3. WhaTheFont 영문 폰트 이미지로 검색. 이미지를 업로드하면 비슷한 영문 폰트를 찾아줍니다. https://www.myfonts.com/Wh..

1. Picular 키워드에 어울리는 색상 추천 사이트 https://picular.co/ Picular Picular is a rocket fast primary color generator using Google’s image search. If you ever needed the perfect yellow hex code from a banana, this is the tool for you. picular.co 단어를 입력하면 해당 단어에 어울리는 색을 추천해줍니다. 2. BrandColors 유명 브랜드들의 공식 컬러를 알려주는 사이트 https://brandcolors.net/ BrandColors - official brand color hex codes Close Modal About Br..

선택 전체 선택/해제 a 사각 영역 선택 b 원으로 그림 그리듯이 선택 c 반전 선택 ctrl + i 연결된 부위 선택 alt + 클릭 주변 선택 범위 확장 ctrl + +(플러스키) 주변 선택 축소 ctrl + -(마이너스키) 이동 흰색 원 영역 안에 같이 연결된 부위가 같이 이동 o 렌더링 렌더링 미리보기 영역 지정 ctrl+b 렌더링 미리보기 shift+z 렌더링 f12 렌더링 결과물 저장 f3 x 오브젝트 삭제 e 면 뽑아내기 i 안쪽으로 면 하나 더 만들기 h 숨기기 alt + h 다시 보이기 shift+a 오브젝트 생성 shift+s 커서 위치 선택 메뉴 alt+s/g/r 방향/스케일/이동 동작 이전으로 돌리기 ctrl + 마우스 오른쪽 클릭 E 누른 것처럼 클릭하는 위치만큼 확장됨 ctrl ..