손으로 그린 아이콘 및 요소를 사용하는 8 가지 방법
완벽한 픽셀 디자인 요소에 초점을 맞추는 경우가 많지만 모든 요소에 적합하지는 않습니다. 때때로 당신은 조금 더 ... 뭔가 기발한 무언가를 원합니다. 좀 더 정통!
손으로 그린 아이콘 또는 요소는 프로젝트에 특별한 것을 추가하는 올바른 디자인 기술 일 수 있습니다. 대부분의 디자이너는 손으로 그린 것처럼 보이는 요소에 열중하지 않지만, 몇 번의 터치만으로도 사용자에게 끌리는 개인적인 느낌을 더할 수 있습니다.
웹 디자인에서도 트렌드가되고 있습니다. 아이콘의 구불 구불 한 것에서 사용 성과 예술이 동일한 전체 경험에 이르기까지 손으로 그린 요소는 인기있는 디자인 옵션입니다. 이 트렌드를 사용하는 8 가지 새로운 방법이 있습니다!
분리 만들기
손으로 그린 디자인 요소를 거의 모든 유형의 다른 시각적 디스플레이와 혼합하여 사용할 수 있습니다. 사진이나 비디오, 공백 또는 텍스트 요소 근처에서 작업 할 수 있습니다. 이 유형의 요소를 사용하는 개념을 제거하지 마십시오. 전체 디자인 패턴에 맞는 방식이 무섭기 때문입니다.
시도 해봐; 당신은 몰라요
디지털 방문자는 디자인 전체에서 이러한 요소를 사용하여 컨텐츠의 요소와 비트를 분리합니다. 홈페이지의 요소는 단순히 점이지만 스크롤 아래 여러 위치에 예가 있으며 파비콘조차도 손으로 그린 풍미가 있습니다.
각 요소의 배치는 사용자가 올바른 콘텐츠를 볼 수 있도록 설계되었습니다. 위의 예에서 요소는 화면 중앙에 있으며 두 콘텐츠 영역을 구분하는 데 사용됩니다. 디자인이 낮을수록 비슷한 요소가 작은 텍스트 상자에 대해 아이콘 스타일로 사용되어 회사의 기능을 보여줍니다.
대화식 기념일 로고
손으로 그린 요소는 디자인에서 재미있는 대화 형 조각을 만들 수 있습니다. 이 게시물의 많은 웹 사이트 예제에서이 스타일을 사용하는 애니메이션로드에서 완전한 대화식 환경에 이르기까지이 디자인 기법은 사용자의 관심을 끌기에 충분히 흥미 롭습니다.
Real Estate Stained Glass는 웹 사이트 디자인 트렌드와 창의적인 요소를 결합한 대화 형 게임의 멋진 예입니다. 사용자는 화면에서 그림을 색칠 할 수 있습니다. 모양을 손으로 그리는 동안 요소가 정확하고 원활하게 작동합니다. 채색은 사용자의 관심을 사로 잡을 수있는 경험을 위해 필요에 따라 작동합니다.
거의 그려진 타이포그래피
때로는 손으로 그린 최고의 요소가 실제로 표시되지 않는 경우가 있습니다. 필기를 모방하는 타이포그래피 스타일은 특히 표시 목적으로 특히 인기가 있습니다.
이 유형의 스타일은 사용자가 관련시킬 수있는 더 가볍고 더 친근한 느낌을줍니다. (트릭은 글자를 읽을 수있게하는 것입니다.)
Tradewinds Hotel은 한눈에 읽을 수있을 정도로 크고 읽기 쉬운 단순하고 필기체 스타일의 서체로 훌륭하게 작동합니다. 타이포그래피 지원은 모두 간단한 산세 리프 스타일로 표시 서체에 강조를 추가하고 사용자가 소화하기 쉬운 모든 것을 유지합니다.
디자인 디봇
일부 손으로 그린 요소는 순수한 시각적 목적을 제공합니다. 그것들은 다른 방식으로는 확립하기 어려운 디자인에 대한 흐름이나 느낌을 만들기 위해 존재합니다. 이 divots는 디자인 전체의 작은 장소에서 사용될 때 특히 재미있을 수 있습니다.
어머니의 양조가 바로이 일을합니다. 홈페이지에는 큰 마음이 있습니다 – 그것은 분명합니다. 그러나 거의 모든 다른 페이지에도 작은 요소가 있습니다. 각 버튼에는 리본 디자인으로 손으로 그린 터치가 있으며 배경에 요소가 나타나고 슬라이딩 요소에 오버레이되어 디자인의 불필요한 공간을 채 웁니다. 전반적인 효과는 영리하고 시각적으로 흥미 롭습니다.
분위기를 설정하려면
손으로 그린 디자인 요소는 종종 더 가볍고 쾌활한 음색을냅니다. 그들은 거의 모든 프로젝트에 이러한 유형의 분위기를 줄 수 있으며 사용하는 손으로 그린 요소가 많을수록 프로젝트가 더 밝아집니다.
Signs for Science는 재미 있고 거의 어린이와 같은 미학을 위해 손으로 그린 요소로 디자인을 포장하는 방법의 훌륭한 예입니다 (색상도 기여). 타이포그래피부터 아이콘까지, 밑줄을 긋기까지, 전체 컨셉은 매우 특정한 분위기를 가지고 있습니다. 창의적이고 가벼우 며 사용자 상호 작용을 장려합니다.
쇼케이스 창의성
손으로 그린 디자인 컨셉은 포트폴리오 웹 사이트 디자인에 창의성을 강조 할 수 있기 때문에 좋은 기회가 될 수 있습니다. 이 요소들은 디자인 프로세스와 프로젝트에 들어갈 수있는 사고와 작업 방식에 더 중점을 둡니다.
또한 창의적인 근육을 늘리는 재미있는 방법입니다.
Feebles는 위의 방식으로 기본 이미지에 손으로 그린 요소를 사용하고 왼쪽 상단의 손으로 그린 로고와 결합합니다. 자세히 보지 않으면 놓칠 수 있습니다.
아이콘 또는 로고
이것은 손으로 그린 요소의 가장 보편적 인 용도 중 하나이므로 목록의 맨 위에 없었습니다. (일반적으로 다른 아이디어로 넘어 가기 전에 다른 아이디어를 생각하는 데 도움이됩니다.)
손으로 그린 터치는 아이콘이나 로고에 큰 도움이 될 수 있습니다. 구불 구불 한 모양에서 중심이 맞지 않는 모양 또는 원형이 아닌 원형에 이르기까지, 완벽한 컴퓨터 모양 스타일이 할 수없는 불완전 성은 개성과 매력을 더합니다.
Higher Ground는 구불 구불 한 모양을 사용하여 아이콘 스타일 로고의 문자를 구분합니다. 최소한의 스타일은 눈에 띄고 효과적이며 손으로 그린 요소는 직선이 전달하지 못하는 개성을 부여합니다.
애니메이션 효과
손으로 그린 요소를 애니메이션으로 생생하게 표현하십시오.
화면에 그려진 이미지는보고 재미있게 볼 수 있습니다. 사용자에게 명백한 이점은 무언가가 생생하게 나오는 것을 보는 엔터테인먼트이지만 웹 사이트 소유자에게는 이점이 있습니다. 즉, 사이트에 머문 시간이 길어지고 더 많은 전환 가능성이 있습니다.
Long Story Short는 홈페이지에서이 개념을 사용합니다. 먼저 손으로 그린 타이포그래피 스타일을 사용하는 로고를 그립니다. 그런 다음이를 빠르게 디자인하고 여러 핸드 드로잉을 프로세스에 포함시키는 디자인 프로젝트 패키지로 애니메이션합니다. 전체 루프는 몇 초만 지속됩니다.
결론
그릴 수 없더라도 디자인 프로젝트에서 손으로 그린 요소를 시뮬레이션하면 사용자가 좋아하는 개인적인 느낌을 더할 수 있습니다. 타이포그래피에서 게임, 애니메이션로드에 이르기까지 이러한 요소는 창의성과 개성을 보여줄 수 있습니다.
손으로 그린 요소가 모든 프로젝트에 해당되는 것은 아니지만 다음에 기분을 밝게하거나 사용자에게 붙잡을만한 것을 추가해야 할 때 생각하십시오. 아이디어를 단순하게 유지하고 디자인 전체에 적용되는 테마에 연결하십시오. 그리고 재미있게 보내십시오! 이것이 바로 이러한 요소에 관한 것입니다.
