CREATIVE

'Inspiration/Design Reference' 카테고리의 글 목록

이매지네이션 라이브러리 Design Studio and Creative Agency | Canvas 감각적인 디자인의 캔버스 웹사이트(Canvascreative.co)입니다. 동적 애니메이션을 활용한 사이트 레이아웃과 효과들이 눈을 즐겁게 합니다. 국내 사이트와는 조금 다른 느낌의 사이트이며, 큼지막한 이미지 활용이 돋보입니다. 전체적으로 텍스트 디자인 레이아웃이 돋보이는 스타일입니다. 전체 웹사이트 디자인 마우스 커서에 동적 애니메이션 효과를 넣었으며, 각 요소에 호버가 되었을 때, 다양한 디자인으로 변형됩니다. 브랜딩 또는 마케팅 사이트 등의 웹사이트를 제작하는 디자인 스튜디오입니다. 단순히 텍스트와 라인만으로도 효과적인 레이아웃으로 구성되어 있습니다. 부가적인 설명문구가 마우스 호버가 되면서 보이는 효과를 적용하였습니다. 메뉴바의 모습에서도 텍스트만으로도 레이아웃 디자인을 통해 직관적으로 이동할 ..
이매지네이션 라이브러리 탭 바(Tab Bar) 일러스트 디자인 비핸스에서 본 탭바 일러스트 및 아이콘 요소가 포함되어 있는 디자인, 그라에디션 컬러로 부드럽게 적용된 파스텔 톤은 세련된 스타일을 느끼게 한다. 배경 요소는 원형의 오버레이 효과가 여러 레이어로 적용이 되어 있다. HOME / FOUND / FOLLOW / MY 라인 형태의 아이콘 일러스트와 함께 기본적으로 공통적인 디자인 요소가 포함되어 있다. 컬러 색상 조합은 #FDC165에서 #FA8B39까지 그라에디션으로 불투명 조절 그대로 적용한다. 파스텔 색상에서 원색(채도가 높은색상)으로 갈수록 중간색이 조합되면서 무게가 느껴지면서도 입체적인 컬러스타일을 낼 수 있다. 파스텔 + 원색 조합 같은 원리로 그라데이션 효과를 냈을 때, 이와 같은 느낌을 줄 수 있다.
이매지네이션 라이브러리 심플하면서 아름다운 오픈소스 아이콘(feather icons) Simply beautiful open source icons CDN으로 사용하는 방법 CDN으로 사용이 가능하고, 사용방법은 아이콘 태그를 활용하여 아이콘 명으로 쉽게 사용할 수 있다. 정말 심플하면서 아름다운 디자인의 아이콘이며, 일러스트 디자인 용으로도 사용할 수 있다. 아이콘의 확장자는 SVG로 이미지 깨짐없이 사이즈 조절과 색상 변경이 아주 쉽게 가능하다. 또한 일러스트 디자인으로 사용하기에도 적합하다. 모든 요소 압축파일 SVG만 추출한 압축파일 공식사이트 : https://feathericons.com/ 깃허브 : https://github.com/feathericons/feather#feather
이매지네이션 라이브러리 PNG 누끼이미지를 다운받을 수 있는 사이트 PurePNG PurePNG 디자인 작업을 할 때, 누끼이미지가 필요한 경우가 아주 많이 있다. 직접 따는 방법도 있지만, 빠른 작업을 하기 위해서는 누끼이미지를 다운받는 것이 훨씬 좋다. 상업디자인은 무엇보다도 속도가 중요하기 때문에 굳이 중요한 내용이 아니라면 빠르게 처리하는 것이 중요하다. 정말 다양한 이미지들이 있고 양도 많다. 약 3만 개 이상의 누끼이미지가 있으며, 인물, 동물, 사물, 자연 등 기본적인 이미지부터 최근 트렌드를 반영한 수많은 이미지들이 있다. 디자인을 잘 하기 위해서는 무엇보다도 정보를 많이 알고 잘 정리해놓는 것이 중요하다. 사이즈도 생각보다 크다. 위의 병아리 이미지는 사이즈를 줄인 것이다. 이렇게 다운 받은 누끼이미지와 내가 가지고 있는 이미지 또는 디자인 작업물과 합성한다면 예쁜 이..
이매지네이션 라이브러리 [효율적인 웹사이트 디자인] 화장품 브랜드 시예누(SIENU) 나는 이런 디자인 스타일의 웹사이트를 매우 효율적인 디자인으로 제작되었다고 표현한다. 전체적으로 분위기만으로 사이트의 완성도를 채웠다. 왼쪽 툴바 스타일의 메뉴형태와 메인 전체를 채우는 풀사이즈 메인슬라이드, 그리고 메인슬라이드에 적용된 텍스트와 버튼으로 구성되어 있고 우측 상단에는 검색 아이콘이 적용되었다. S I E N U 메인 이미지도 매우 화려하며, 바로 하단에는 메인 상품의 이미지가 자리잡고 있다. 하이라이트 이미지와 함께 타이틀 텍스트, 그리고 서브 텍스트로 구성되어 있다. 화장품 관련 웹사이트 답게 화려하면서도 심플한 것이 매력적이다. 매우 간결하면서도 효율적인 디자인 방식이라고 얘기하고 싶다. 브랜드스토리 페이지(SIENU STORY) 이 부분도 각 섹션을 채우는 텍스트와 이미지로만 형성되..
이매지네이션 라이브러리 노토산스 라이트와 데미라이트의 디자인적 미의 성질 최근에 사이트를 꾸미면서 각 섹션에 맞는 부제를 달았다. 이에 사용된 글꼴은 Baskerville Old Face와 NotoSans Light다. 이 두가지 폰트는 웹에서 매우 활용성이 높다. 기본적으로 영문과 한글로 표현할 것이라면 역시 가독성과 미려함을 따지지 않을 수가 없다. 그래서 이 두 글꼴은 활용성이 높은 것이다. 사이트의 부제에 사용된 일러스트 제작이미지는 아래와 같다. 위에 제작한 이미지를 보면 굉장히 미려한 분위기를 느낄 수 있다. 영문은 명조체고 한글은 고딕체지만 어색함이 없다. 오히려 더욱 완성도가 높아지는 느낌이다. 고딕의 딱딱한 느낌의 단점을 명조체로 채워주고 있기 때문에 디자인적으로도 우수하다. 여기서 디자인적으로 우수하다는 것은 쉽게 말해 '예쁘다'라는 것이다. 그래서 추천하는..
이매지네이션 라이브러리 웹페이지 상세내용 구글 레퍼런스(UI / UX / CONCEPT) 구글 뮤직 웹페이지 부분이 매우 직관적이고 군더더기 없이 깔끔하게 레이아웃되어 있는 부분을 분석하고, 디자인을 할 때 어떤 부분을 참고하면 좋은지 생각해보기에 좋은 구글 레퍼런스 페이지입니다. 구글뮤직 메인페이지 일단 헤딩부분을 통해서 각 섹션별로 직관적으로 구분할 수 있도록 되어 있습니다. 별로 창의적으로 디자인 된 것 같지 않아보이지만, 굉장히 군더더기 없고 보기 좋으며, 디자인적으로도 손색이 없다고 느껴지는데요. 전체적으로 보면 3가지 톤으로 조합이 되어 있어 컬러톤이 복잡하지 않고, 폰트의 굵기도 적절하게 삽입되었다고 생각합니다. 즉, 가독성에 특화되어 있어 매우 보기 좋은 디자인이라고 할 수 있습니다. 요즘에도 많이 생각하는 부분이 어렵게 디자인을 한다고 해서 좋은 디자인은 아니라는 생각이 들었..
이매지네이션 라이브러리 비핸스(Behance) 보고 배우고 그리고 느끼는 공간 비핸스 예전부터 비핸스는 내가 자주 찾던 포트폴리오 사이트였다. 어도비가 운영하고 있는 공간이고 디자이너, 예술가라면 비핸스를 모르는 사람이 없을 정도로 훌륭한 작품이 실시간으로 올라오고 있다. 다른 플랫폼이나 업로드 사이트와 다르게 굉장히 퀄리티가 좋아서 사실 보는 것만으로도 눈이 즐거운 공간이다. 다양한 주제의 작품을 만나볼 수 있는 공간이다. 그래서 보는 내내 재밌는 디자인이나 일러스트레이션 작품들도 만나볼 수 있어서 좋았다. 방구석오타쿠답게, 애니메이션이나 애니메 관련 일러스트레이션을 보고 속으로 뭔가 만족하고 있는 내 모습을 보게 된다. 아참, 그래! [다른 이름으로 저장]도 빼놓을 수 없는 법이지! 이렇게 많은 사람들이 올린 작품들을 보고 배우고, 또 습작 연습도 한다. 조금 여유가 생기면 나..
이매지네이션 라이브러리 퀄리티 좋은 종이 텍스쳐 이미지 다운로드 다양하게 활용할 수 있는 종이 텍스쳐 이미지 입니다. 퀄리티가 너무 좋아서 다양한 용도로 사용하실 수 있을 것 같은데요. 이미지 사이즈는 그리 크지는 않습니다. 그래서 부분적으로 사용하거나 포토샵으로 편집 또는 이미지를 늘려서 사용하시면 될 것 같습니다. 주로 텍스쳐 용도의 이미지지만, 일러스트 및 포토샵에서 넓게 사용이 가능하고 클리핑 마스크나 레이어 마스크로 예쁘게 꾸밀 수도 있겠네요. 글씨에 텍스쳐를 씌우면 정말 예쁘게 꾸밀 수 있습니다. 금손 분들이 꾸미시면 더 예쁘게 꾸미실 수 있을 것 같습니다. 텍스쳐만 잘 사용해도 글씨 자체의 퀄리티가 높아집니다. 편하게 디자인합시다. 이미지 다운로드는 아래의 나열된 이미지들을 우클릭해서 다른 이름으로 저장하시길 바랍니다.
이매지네이션 라이브러리 페이스북 카드뉴스 템플릿 :: 디저트편 이전에 제작해서 사용했었던 페이스북 카드뉴스 템플릿 디자인, 달콤한 디저트와 카페 디자인을 할 때, 쉽게 사용하기 좋은 디자인이다. 요즘 나는 안쓰지만, 혹시라도 템플릿이 필요한 사람이 있으면 다운받아서 사용할 수 있다. 일러스트 파일로 제공되고, 혹시라도 위 이미지 템플릿이 필요한 사람들은 댓글을 남겨주시면 압축파일 비밀번호를 알려드리고, 압축해제 후 사용하면 된다. 이외에 여러가지 템플릿 작업을 한 것들이 많이 있는데, 정리되는대로 업로드 할 예정이다.
이매지네이션 라이브러리 리아 리히터 캐릭터일러스트(한복) 리아 리히터 캐릭터일러스트 개인적으로 포즈가 너무 마음에 들었던 캐릭터일러스트, 가끔 핀터레스트에서 이미지를 주워오면 디자인이 정말 예쁘다고 생각한다. 다리가 저렇게 마른게 신기할 정도지만, 작화이기에 오히려 건강하면서도 섹시한 느낌이 드는 이미지다. 그림자 부분에서도 피부색을 그대로 살렸고, 명량한 한복 이미지와 함께 비녀도 인상적으로 디자인되었다.
이매지네이션 라이브러리 宗像久嗣(むなかたひさつぐ)원화가 깔끔한 선터치가 매우 인상적인 그의 작품들, 그리고 거의 대부분의 작품들이 내가 정말 좋아하는 스타일의 작품들이다. 선이 매우 세밀하고, 섬세한 느낌이 들고 그림에 군더더기가 없다. 깔끔하고 선명한 느낌의 작업을 많이 한다. 굉장히 고운 느낌의 그림들을 그려내는데, 대부분은 일상적인 여성의 이미지를 그려냈고, 일본 전통의상을 입은 그림들도 많이 그렸다. OLラフ 数年前から医療器械製造事業のサクラエスアイ株式会社様のキャラクターを描かせていただいている。公式サイトでも右下のアイコンなどに採用されているが、企業のマスコットの一つとして利用していただいており、ノベルティなどにも採用していただいている。嬉しいやら申し訳ないやら恥ずかしいやら。 この絵はその時の依頼時に描いたラフ(だったと思うがあまり記憶がない)をリメイクしたものである。 左から二番目..
이매지네이션 라이브러리 일본 여우(이나리) 무녀 캐릭터일러스트 일본에서는 여우신이 굉장히 중요하다. 여우는 일본말로 이나리(벼의 신)라고도 하는데, 내가 직접 갔었던 교토 남부의 후시미 이나리 신사도 여우신이 있다는 것을 의미한다. 신성한 여우가 지키는 신사라는 타이틀답게 직접 신사에 찾아가면 정말 많은 여우 조형물들을 쉽게 찾아볼 수 있다. 또한, 서양에서도 여우는 굉장히 중요한 의미다. 풍요를 뜻하기 때문인데, 과거에는 농작물이 풍년이 나는 것이 매우 중요하고, 작물이 매우 중요했기 때문에 그만큼 여우(이나리)의 의미가 얼마나 중요한지 이해할 수 있을 것이다. 위의 캐릭터 일러스트는 여우가면을 살짝 걸치고 있는 어린 소녀의 모습으로 나온다. 여우로 나오는 애니메이션은 늑대와 향신료라는 유명한 작품이 있다. 물론, 거기에는 늑대로 나오지만, 늑대나 여우나 과거에는..
이매지네이션 라이브러리 한국 전통문양 일러스트 (.AI) 파일 다운로드 우연히 찾은 꽤 쓸만한 벡터소스, 일러스트 파일이다. 해당 파일을 다운로드 하는 곳은 이곳에서 다운받으실 수 있다. 디포트라는 곳에서 제작된 이미지이며, 디포트 사이트는 워드프레스로 제작이 되었다. 다양한 디자인 관련 소스들과 자료들을 찾아볼 수 있고, 최신 트렌드에 맞는 디자인 뉴스도 찾아볼 수 있는 좋은 사이트다. 일러스트 파일 다운로드 디포트 공식사이트 바로가기
이매지네이션 라이브러리 윈도우 XP 일러스트 GIF 이미지 매우 매우 매우 귀엽고 깜찍한 윈도우 XP 이미지를 찾아냈다. 옛날 생각나는 이미지인데, 전자레인지 같은 모니터 디자인과 플로피 디스크가 매우 인상적이다. 뭣하면 데이터가 날라갔던 그 시절의 플로피 디스크, 인식도 잘 안되었던 도스 운영체제까지 생각이 나지만, 그래도 윈도우 XP때만 해도 굉장히 훌륭한 운영체제였다고 생각한다. 귀여운 GIF 이미지다. 다음 화면으로 넘어가지 않는 것을 보니까, 재부팅을 해야할 것만 같다.
이매지네이션 라이브러리 한국 전통문양과 전통문양에 어울리는 배색조합 전통문양과 배색 전통문양을 그려넣는 것 뿐만 아니라, 배색에 따라서 다양한 패턴의 색감조합이 매우 매력적으로 느껴질 수 있다. 따라서 고급스럽게 그려내고 싶을 때는 배색조합을 잘 생각하면서 그려내야하는데, 이럴 때는 저채도의 컬러를 선택하되, 서로 어울리는 컬러로 조합하거나, 아예 대비되는 컬러로 조합하는 것도 좋은 방법이다. 같은 계열 컬러 배색 대비되는 컬러 배색 전통 문양의 선 굵기에 따른 배색의 비율