jedony
10,000+ Views

Motion Profile

에펙 없이도 가능하다니 !!!!! 베가스로만 이게 가능한가요?? 베가스 편하긴 한데 ... 이정도까지 되나 ;
3 Comments
Suggested
Recent
ㅋㅋㅋ베가스효과들이 눈에보이긴하네요 ㅋㅋ 저렇게하려면 진짜 귀찮은데 ㅠㅠ 이건마치 파워포인트로 키노트 뺨치는 효과를 내는 것같아요 ㅎㅎ!!
@paradis 그렇쵸? 저도 못하겠어요 ㅋㅋ 주인이 문제임 ㅋㅋㅋㅋㅋㅋㅋ
와...어디가서 베가스 쓸 줄 안다는 말 안해야겠다..ㅋㅋ 연장탓을 하면 안되네요 역시 ㅋㅋㅋㅋ
Cards you may also be interested in
8비트로 만나는 일본의 일상
최근 발매되는 게임 CG는 이미 오락의 범위를 넘어섰다. 최신 게임 타이틀이 발표될 때마다 가상현실이 정말 머지않았다는 생각을 한다. 하지만 게임을 처음 즐겼던 그때, 8bit, 16bit의 아기자기한 이미지에 비할 수 있을까. 당장 눈앞에서 벌어지는 것 같은 구체화된 그래픽도 멋있지만, 정밀하게 표현해낸 8bit의 이미지 속에 왠지모를 애틋함이 묻어나 있다. 최초의 8bit 게임은 이미 너무도 익숙한 패미컴(Famicom)에서 처음 구현되었다. 이후 수없이 많은 게임이 8bit로 제작되었고, 이 글을 읽고 있는 많은 사람들 역시 8bit 게임을 접했으리라. 지금 세대에게 8bit는 유년시절 일부나 마찬가지일 것이다. 일본의 일러스트레이터 유타 토요이(Toyoi Yuuta)는 고전 8bit 이미지로 향수를 자극한다. 소재 대부분은 일본의 일상으로, 일본 어디에나 있을 법한 풍경을 8bit 이미지로 구현했다. 해 질 녘 지하철이 지나는 모습, 비 오는 거리, 한적한 식당의 모습까지, 일본 특유의 분위기를 자연스레 표현해냈다. 다양한 움직임을 만들어내는 GIF 이미지는 8bit의 매력을 극대화한다. 유타 토요이의 공식 텀블러 계정을 방문하면 더욱 많은 GIF 이미지를 만나볼 수 있다. Toyoi Yuuta의 공식 텀블러 계정 서브 컬쳐에 대한 최신 소식이 궁금하다면?
웹 디자이너들의 색감 키우기!!
안녕하세요. 다양한 IT프로젝트를 검증된 개발회사&프리랜서와 연결을 해드리는 프리랜서 플랫폼 프리모아입니다. 컬러는 디자이너에게 있어 무기라고 할 만큼 디자인에 있어 색상의 선택은 매우 중요합니다. 색상을 달리하면 똑같은 디자인에도 전혀 다른 느낌을 줄 수 있기 때문이죠. 어떤 색을 어떻게 사용하느냐에 따라 원하는 부분을 강조 할 수도 있습니다. 이렇게 색의 선택은 중요하기 때문에 컬러리스트(Colorlist)라는 직업도 생긴 것 같습니다. 오늘은 그런 색감을 키우는데 도움이 될만한 정보를 소개시켜드리고자 합니다. 1. Design-seeds.com 사이트의 사용방법은 다음과 같습니다. ⑴. 상단 메뉴의 "palette search" 를 클릭합니다 ⑵. "Search by color value" 에서 R,G,B 값을 지정합니다. ⑶. 원하는 카테고리가 있을경우 "Search by theme" 를 눌러 출력될 이미지의 카테고리를 지정 할 수 있습니다. 카테고리 지정을 원하지 않을 경우는 색상 아래의 "Go get it!" 을 누르면 됩니다. ⑷. 지정된 RGB값에 근사한 색을 가진 이미지가 출력됩니다. "similar colors" 에 있는 색상을 이용하여 유사한 이미지 혹은 유사한 색상이 사용된 이미지를 찾을 수 있습니다. 2. 좋아보이는 것들이 비밀 - 컬러 "컬러 차트만 보고도 디자인을 펼칠 수 없다면 당신은 반드시 이 책으로 다시 공부해야 한다" 라는 임팩트 있는 슬로건을 표지에 적어놓은 이 책은 아래와 같은 카테고리로 이루어져 있습니다. 01. 컬러를 고민하라. 02. 컬러에 다가가라. 03. 컬러를 결정하라. 04. 컬러에도 답이 있다. 06. 컬러로 승부하라. 05. 컬러 마스터에 도전하라. 표지의 강한 멘트에 어울리게 이 책은 디자이너의 무기인 '컬러'를 어떤식으로 사용하며, 어떤 부분을 생각해야 할지를 잘 표현해 주고 있습니다. 컬러 이외에도 디자인에 관련된 것들은 '좋아보이는 것들의 비밀 시리즈'는 다루고 있으니, 본인의 관심분야에 있는 책들도 한번쯤 읽어보는 것은 어떨까요? illustration / 픽토그램 / Design by nature / 타이포그래피 / Good Design / 그래픽 패키지 디자인 / UX 디자인 / 브랜드 디자인 / 캘리그래피 / 편집&그리드 / 인포그래픽
디자이너에게 영감을 주는 포트폴리오 사이트 모음
1. capptivate.co 반응형 모바일 앱을 확인할 수 있는 사이트이다. 캡쳐 화면 위에 마우스 커서를 올리면 장면전환 효과를 경험할 수 있다. 사이트 : http://capptivate.co/ 2. Media Queries 반응형 웹을 확인할 수 있는 사이트이다. 사이즈별로 스크린샷을 올려두어 레이아웃의 변화를 살펴볼 수 있다. 사이트 : http://mediaqueri.es/ 3. Daily icon 우수한 디자인의 건축물, 가구, 인테리어 소품 등의 이미지를 확인할 수 있는 사이트이다. 공간 디자이너들에게 유용하다. 사이트 : http://www.dailyicon.net/ 4. Logopond 다양한 로고 디자인을 확인할 수 있는 사이트이다. CI, BI, 심벌 디자인을 작업할 때 참고할 수 있는 이미지가 많다. 사이트 : http://logopond.com/ 5. Logospire 다양한 로고 디자인을 확인할 수 있는 사이트이다. 추천, 급상승, 인기, 최신 별로 로고를 검색할 수 있다. 사이트 : http://www.logospire.com/ 6. Inspired UI 모바일 앱 디자인 패턴을 확인할 수 있는 사이트이다. 카테고리별로 아이폰/아이패드/안드로이드 기종의 앱디자인 패턴을 확인할 수 있다. 사이트 : http://inspired-ui.com/ 7. Mobile Patterns 모바일 관련 UI를 확인할 수 있는 사이트이다. 콘텐츠 패턴 별로 분류가 되어 있으며 모바일 웹이나 앱의 화면 설계 시 참고하면 좋은 자료가 많다. 사이트 : http://www.mobile-patterns.com/ 8. PatternTap 모바일 디자인 패턴을 확인할 수 있는 사이트이다. 모든 디바이스의 UI를 타입과 스타일별로 확인할 수 있으며, 최신 및 좋아요, 댓글 순으로 정렬이 가능하다. 사이트 : http://patterntap.com/ 9. U:MOBY 국내외 모바일 웹을 소개하는 사이트이다. 국내 자료의 경우 업직종 분야별로 사이트를 모아 확인할 수 있다. 사이트 : http://www.umoby.co.kr/kor/main.php 10. Behance 전 세계 다양한 분야의 작가들이 포트폴리오를 공개하고 의견을 공유하는 커뮤니티이다. 디자인 각 분야의 세분화된 카테고리 별로 포트폴리오를 모아 볼 수 있다. 사이트 : https://www.behance.net/ 11. Dribbble 전세계 다양한 분야의 작가들이 포트폴리오를 공개하고 의견을 공유하는 커뮤니티이다. 색상 혹은 태그 별로 포트폴리오를 모아서 보는 기능을 활용하여 검색할 수 있다. 사이트 : https://dribbble.com/ 12. Ffffound 감각적이고 다양한 비주얼을 확인할 수 있는 사이트이다. 관심이 가는 비주얼을 클릭하면 비슷한 유형의 이미지를 추천받을 수 있다. 사이트 : http://ffffound.com/ 13. The Design Inspiration 디자인 각 분야의 비주얼을 확인할 수 있는 사이트이다. 키워드별 검색과 색상별 검색을 통해 참고할 수 있다. 사이트 : http://thedesigninspiration.com/ 14. Inspiration Grid 전 디자인 분야에 대한 우수 작품을 확인할 수 있는 사이트이다. 카테고리가 다양하여 폭넓은 디자인 영역을 구축하는 사람들에게 유용하다. 사이트 : http://theinspirationgrid.com/ 15. 디자이너잡 포트폴리오국내 디자이너 구인/구직 사이트 디자이너잡에서 운영하는 포트폴리오 서비스이다. 구직자들의 포트폴리오를 확인할 수 있으며, 매달 우수 포트폴리오를 선정하여 발표하고 있다. 사이트 : http://www.designerjob.co.kr/portfolio/main.php 16. 노트폴리오 국내의 디자인 커뮤니티이다. 디자인 각 분야의 작품들을 확인할 수 있으며, 국내 아티스트 및 디자이너 간의 교류가 용이하다. 사이트 : http://www.notefolio.net/ 17. Awwwards 전세계 우수한 디자인의 웹사이트를 선정하는 사이트이다. 웹 표준을 준수하면서 최신 기술 동향에 맞추어 제작된 사이트를 중심으로 수상작을 선정하고 있다. 사이트 : http://www.awwwards.com/ 18. Best Websites Award 전 세계 우수한 디자인의 웹사이트를 선정하는 사이트이다. 다양한 기능을 지원하는 필터링 검색을 통해 원하는 웹사이트 디자인을 찾을 수 있다. 사이트 : http://www.bestwebdesignaward.com/ 19. CSS Design Awards 전세계 우수한 디자인의 웹사이트를 선정하는 사이트이다. Winner 목록에 국가별로 사이트를 구분 지어 놓은 것이 특징이다. 사이트 : http://www.cssdesignawards.com/ 20. CSS Winner 매달 전 세계의 우수 디자인 웹페이지를 선정하는 사이트이다. 수상작들에 대한 색상별 검색이 가능하다. 사이트 : http://www.csswinner.com/ 21. 디비컷 국내외 신규 웹사이트를 확인할 수 있는 사이트이다. ‘오픈/리뉴얼’ 메뉴의 웹사이트를 통해 국내 웹디자인 트렌드를 파악하는데 도움을 얻을 수 있다. 사이트 : http://www.dbcut.com/bbs/index.php 22. 굿디자인웹 국내외 웹사이트와 모바일 웹/앱을 확인할 수 있는 사이트이다. ‘Korea Artwork’ 페이지에서는 디자인 각 분야의 국내 아트웍 작품을 소개하고 있다. 사이트 : http://www.gdweb.co.kr/ 23. StylesInspiration 전세계 우수한 디자인의 웹사이트를 선정하는 사이트이다. 선정작들에 대한 카테고리별 검색을 제공한다. 사이트 : http://stylesinspiration.com/ 24. FWA 최신 기술 동향을 따르는 사이트뿐만 아니라 플래시, 영상을 중심으로 제작된 사이트도 수상작으로 선정한다. 홈페이지 내 기준 별로 사이트를 검색할 수 있다. 사이트 : http://www.thefwa.com/ 25. Visual.ly 세계적인 인포그래픽 및 데이터 시각화 관련 커뮤니티이다. 인포그래픽 작업 시에 참고하면 유영한 자료가 많다. 사이트 : http://visual.ly/ 26. 그라폴리오 국내 포털 네이버에서 운영하는 일러스트레이션 포트폴리오 서비스이다. 국내 일러스트레이터들의 작품을 감상할 수 있으며 상시적으로 챌린지를 개최하고 있다. 사이트 : http://www.grafolio.com/main.grfl 27. COLOURlovers 컬러와 그 트렌드를 다루는 커뮤니티이다. 컬러 팔레트와 함께 패턴, 쉐이프 등의 자료들을 제공하며, 검색한 색상과 함께 인기도 순으로 색상을 추천받을 수 있다. 사이트 : http://www.colourlovers.com/ 28. Gurafiku 일본의 다양한 그래픽 디자인과 타이포그래피를 확인할 수 있는 사이트이다. 일본 고유의 오리엔탈 비주얼을 참고할 수 있다. 사이트 : http://gurafiku.tumblr.com/ 29. typo/graphic Posters 타이포와 그래픽이 접목된 전세계 포스터 디자인을 확인할 수 있는 사이트이다. 국가 별로 작품들을 모아 확인할 수 있다. 사이트 : https://www.typographicposters.com/ 30. typetoken 타이포그래피 작품들을 확인할 수 있는 사이트이다. 각 카테고리 별로 확인할 수 있으며 썸네일을 클릭하면 상세 내용을 볼 수 있다. 사이트 : http://www.typetoken.net/ 31. Lovely Package 패키지 디자인을 확인할 수 있는 사이트이다. 카테고리 별, 연도 별로 콘텐츠를 모아 볼 수 있다. 사이트 : http://lovelypackage.com/ 32. Packaging of the World 전세계의 패키지 디자인을 감상할 수 있는 사이트이다. 타이포나 비주얼, 패턴, 소재 디자인 등을 참고하는데 도움을 얻을 수 있다. 사이트 : http://www.packagingoftheworld.com/ 33. Pentawards 국제적인 패키지 디자인 어워드인 Pentawards의 블로그이다. 연도별 각 분야의 수상작들을 소개한다. 사이트 : http://blog.pentawards.org/ 34. 웹디자인 블라블라 웹디자인, 웹디자인소스, 웹프로그램의 정보를 접할 수 있는 블로그 사이트 : http://mojomomo.blog.me/30181531548 정보 출처 - http://m.saramin.co.kr/career-information/professional-tip-view?doc_idx=15321
캘리그라피를 시작하려는 분들을 위한 캘그사의 팁 모음집!
국내 최대 캘리그라피 커뮤니티인 캘리그라피 : 글씨를 그리는 사람들 (https://www.facebook.com/groups/CalligraphyGroup) 캘그사에서만 볼 수 있는 그룹 분들이 올려주신 캘리그라피 꿀팁들을 빙글러들을 위해 가져왔습니다!!! [_____A. 처음 시작하시는 분들을 위한 팁!!_____] . A-1. 전예주 님이 올려주신 "글씨를 써온 과정과 독학시작을 위한 약간의 팁" https://www.facebook.com/photo.php?fbid=716636971753235 A-2. 라승희 님이 올려주신 "캘리그라피 독학하는 방법" https://www.facebook.com/calligraphyartistsgallery/posts/1526413550930381 A-3. 김순 님이 올려주신 "붓펜 글씨 시작하기" https://www.facebook.com/calligraphyartistsgallery/posts/1554818384756564 A-4. 한정욱 님이 올려주신 "영문 캘리의 종류와 기본 개념들" https://www.facebook.com/groups/CalligraphyGroup/permalink/904645146256931 A-5. 박솔빛 님이 올려주신 '캘리그라피 입문 강좌' https://www.facebook.com/calligraphyartistsgallery/posts/1617367038501698 [_____B. 도구 선택 및 손질 팁!!______________] . B-1. 임신영 님이 올려주신 "어떤 펜을 써야할까요?" https://www.facebook.com/calligraphyartistsgallery/posts/1526413024263767 B-2. 김노을 님이 올려주신 "How to use 딥펜" https://www.facebook.com/groups/CalligraphyGroup/permalink/817141838340596/ B-3. 주영근 님이 올려주신 "딥펜 처음 코팅제거시 유의할 점" https://www.facebook.com/calligraphyartistsgallery/posts/1640640289507706 B-4. 안동혁 님이 올려주신 "딥펜 쉽게 고르기 1탄" https://www.facebook.com/calligraphyartistsgallery/posts/1638347959736939 B-5. 안동혁 님이 올려주신 "딥펜 쉽게 고르기 2탄" https://www.facebook.com/calligraphyartistsgallery/posts/1640642876174114 B-6안동혁 님이 올려주신 "캘리할 때 좋은 종이 추천" https://www.facebook.com/groups/CalligraphyGroup/permalink/849069398481173/?__mref=message_bubble B-7. 안동혁 님이 올려주신 "캘리할 떄 좋은 종이 추천 2탄" https://www.facebook.com/media/set/?set=oa.884599341594845 [_____C. 캘리 작품 노하우!!________________] . C-1. 임신영 님이 올려주신 "엽서/카드 제작을 위한 스케치북!" https://www.facebook.com/groups/CalligraphyGroup/permalink/797604253627688/ C-2. 강보형 님이 올려주신 "그라데이션 글씨 쓰는 방법" https://www.facebook.com/video.php?v=1555561528023492=o.697275216993926=2 그럼 모두들 다 함께 그려봐요... 글씨를 :)
[ 디자이너가 사랑하는 폰트 추천편 ]
디자인분야에서 일하시는 분들이 관심이 많은 부분이 색체랑 글꼴 등인 것 같습니다. 디자이너들 뿐만아니라 오늘 컨텐츠는 많은 분들이 관심많으시고 유용하게 쓰이실 것 같다고 예상이 됩니다~! 1. 네이버 – 나눔글꼴 카드뉴스에 많이 사용되는 폰트 중 하나입니다 나눔글꼴은 무료배포하고 한글에 대한 사랑과 애정이 담긴 글꼴입니다. 네이버가 2008년 이후 한글의 아름다움을 뽐내고 있습니다 * 라이선스 : 오픈 라이선스 http://hangeul.naver.com/2016/nanum 2. 배달의 민족 – 연성, 도현, 한나는 11살체, 주아체 카드뉴스에 많이 사용되는 폰트 중 하나인 배달의 민족 글꼴은 무료배포입니다. 카드뉴스에 가독성이 가장 좋다고 생각되는 폰트입니다. 그 중에서 도현체를 추천드립니다. 이 글꼴은 우아한 형제들을 위한 폰트입니다. * 라이선스 : 오픈 라이선스 http://font.woowahan.com/ 3. 야놀자체 - 야체 야놀자체(야체)는 친근감을 중시하며 리듬감과 자유로움을 부여했습니다. 야체의 특징은 이목을 집중 시키고, 편안함과 자연스러움을 줍니다. 야놀자체 글꼴은 무료배포이고 다양한 곳에 사용 가능한 폰트입니다. * 라이선스 : 오픈 라이선스 http://cast.yanolja.com/detail/2171 4. 구글x어도비시스템 - 본고딕 본고딕은 구글과 어도비의 콜라보로 탄생한 폰트입니다. 아름답게 만들어진 무료폰트이고 여러 언어로 사용 가능합니다. 방대한 양의 Beautiful한 폰트를 무료로 다운 받을 수 있습니다. * 라이선스 : 오픈 라이선스 https://goo.gl/1JfRIO 5. tvN – 즐거운 이야기체 즐거운 이야기체는 즐거움을 담은 손글씨입니다. 관심을 갖게 만드며 보는 사람에게 즐거움을 제공합니다. Tvn에서 10주년 기념으로 탄생한 글꼴로써 무표 폰트입니다. * 라이선스 : 다른 소프트웨어와 번들하거나 응용하여 재배포 할 경우 출처 표기를 필수 http://tvn10festival.tving.com/playground/tvn10font 프로젝트 의뢰할때는 프리모아 : www.freemoa.net
[ 디자이너를 위한 타이포그래피 사이트 ]
요즘 획기적인 타이포그래피를 사용하는 사이트나 디자인작품들이 많은 것 같습니다. 타이포그래피나 폰트에 관심있는 분들 모두 모이세요. 프리모아 X 디자이너의삶 세번째 컨텐츠 [디자이너를 위한 사이트 - 타이포그래피 편]입니다. 첫번째 Typographica입니다. "타이포그래피 관련 서채, 책, 폰트 정보제공" 심사위원들이 폰트들을 대상으로 서체 트렌드 심사도 하고있습니다. http://typographica.org/ 두번째 Typetoken입니다. "심플한 UI구성과 카테고리별 타이포그래피 정보 제공" 타이포그래피와 편집디자인, 타입디자인에 관련한 정보도 얻을 수 있습니다. http://www.typetoken.net/ 세번째 Typo/Graphic Posters입니다. "국가와 작가를 알려주며 전 세계 포스터에 대한 정보 제공" 각국의 타이포그래피가 접목된 포스터들을 모아서 볼 수 있습니다. https://www.typographicposters.com/ 네번째 Fonts In Use입니다. "웹,앱,포스터등 다양한 장르의 타이포그래피 정보 제공" 썸네일로 소개되는 프로젝트에 활용된 타이포그래피 정보를 제공합니다. http://fontsinuse.com/ 다섯번째 Typography Seoul입니다. "한글 타이포그래피 작성 시 유용한 사이트" 윤서체로 유명한 윤디자인연구소가 발행하는 전문 웹진입니다. https://www.typographyseoul.com/ 페이스북 페이지 '디자이너의삶'도 많이 사랑해주세요 https://www.facebook.com/moalife/?fref=ts
2016 웹 디자인 트렌드 요점정리!!
안녕하세요. 프리모아의 Mac 입니다. 정보를 뇌로 전달하는데 있어 가장 좋은 방법은 바로 시각적인 효과를 주는 것이라고 합니다. 어떠한 물체에 대해서 텍스트로 전달 하는 것 보다 눈으로 직접 보면 뇌는 그 물체에 대해서 몇만배나 빠르게 인식이 가능하다고 합니다. 바로 이것이 디자인이 중요하게 여겨지는 이유중에 하나인데요. 그런 디자인에 있어서 트렌드를 파악하는 것은 매우 중요합니다. 나날이 빠르게 발전하는 기기들만큼이나 디자인에 대한 트렌드도 점점 다양해 지고 있는데요. 오늘은 웹 디자이너분들을 위한 '2016년 웹디자인 트렌드' 를 알아보고자 합니다. - 디자인 트렌드 디자인에 대해서 나오는 얘기중에 하나는 평가가 지극히 주관적이라는 것 입니다. 어떤 사람에게는 최고의 디자인이라고 평가받아도 어떤사람에게는 눈길이 가지 않을 수 있습니다. 이렇게 정답이 정해지지 않은것이 디자인의 매력이기도 한데요. 그런 디자인에도 시대에 따라서 흐름은 존재합니다. 흐름을 따르는 것과, 자신의 방식을 고수하는 것. 어느것도 옳고 그르다고 할 순 없는데요. 옳고 그름을 떠나 웹디자이너 분들에게 참고가 될 수 있을만한 디자인 트렌드 자료들을 모아 보았습니다. 1. Material Design(마테리얼 디자인) 마테리얼(Material)은 재료 즉 가장 기초가 되는 요소를 말합니다. 기존의 노트북과 컴퓨터에서 이용되던 웹 디자인은 보다 화려하고, 보다 예쁜 UI와 애니메이션 플래쉬등이 많이 사용되었습니다. 그러나 웹을 출력 할 수 잇는 기기들이 점점 많아지면서 방식이 바뀌게 되었는데요. 복잡하고 예쁜 디자인 보다는 간결하고 단순하게 컨텐츠의 본래 목적만을 직관적으로 표현하는 디자인이 급부상 하게 되었습니다. 마테리얼 디자인은 평면디자인이지만 2차원이 아닌 3차원의 개념을 갖고있습니다. 디자이너분들이 많이 접하시는 포토샵의 레이어와 비슷한 개념이라고 보시면 간단 할 것 같습니다. 사물(Material)을 여러 겹 겹쳐놓은 듯한 모습이며, 모든 앱들이 어떠한 기기에서도 통일한 느낌을 줄 수 있도록 기본 가이드라인을 정해놓은 것입니다. 거기에 간단하고 깔끔한 디자인에 맞게 컨텐츠에 맞는 아이콘등을 사용하며 사용자들에게 더욱 직관적인 정보 전달이 가능한 디자인 방식입니다. 2. 고화질 이미지와 시네마 그래프 앞에서도 언급한 내용이지만 사람의 감각으로 하여금 가장 큰 영향을 미치는 것은 시각적인 효과입니다. 새로운 트렌드로 자리잡고 있는 것중에 하나인 풀 스크린 배경은 사용자의 시선을 끄는 좋은 방법입니다. 고화질의 이미지를 메인 화면에 가득 채워 보여주는 것이 바로 풀 스크린 배경인데요. 디스플레이의 해상도가 높아지면서 사용자들은 더욱 선명하고 높은 화질을 원하게 되었습니다. 이에 맞춰 높은 해상도의 이미지들을 구하기도 쉬워졌는데요. 고화질의 이미지는 사용자의 시선을 사로잡기에 좋습니다. 또, 최근에는 시네마와 그래픽의 합성어인 시네마 그래프라고 불리는 이미지도 트렌드로 자리잡고 있습니다. 정적인 이미지에서 일부분만이 움직이는 독특한 형식의 이미지인데요. 풀 스크린 배경에 고화질의 이미지 혹은 시네마 그래프를 이용한 웹 디자인이 2016년에 더욱 유행 할 것이란 전망입니다. 3. 일러스트, 타이포그래피 두번째로 언급했던 고화질 이미지에 상반되는 트렌드도 있습니다. 디자인쪽에서는 꾸준히 그 강세를 이어오던 일러스트와 타이포그래피가 바로 그것인데요. 고화질 이미지의 웅장함으로 시선을 사로잡는 것과 다르게 직접 그린 일러스트도 떠오르는 트렌드중에 하나입니다. 스토리텔링이 유행을 타기 시작하면서 어울리는 그림을 직접 그려 내용을 전달하기도 용이하다는 장점을 가지고 있습니다. 또, 풍부한 표현 방식을 통해서 사진보다 다양한 의미 전달이 가능하다는 점에서도 꾸준히 사랑받는 방법입니다. 일러스트 자체만으로 만족하지 못한다면 시네마 그래프 방식도 일러스트에 포함 할 수 있으니 일러스트에 관심이 많으신분들은 참고하셔도 좋을 것 같습니다. 타이포그래피는 텍스트를 디자인하며 보다 높은 가독성을 보여주기 위해 사용되었습니다. 웹을 이용하는 사용자가 점점 증가하고, 그에 따라 사용자들에게 보다 신선한 느낌을 주는 것이 타이포그래피의 숙제라고 생각됩니다. 최근에는 웹 폰트들도 다양하게 나오고 있어서 보다 다채로운 타이포그래피가 가능해졌고, 이런 웹 폰트들을 사용하여 사용자들에게 신선하고 생기있는 디자인을 하는것이 중요해졌습니다. - UI에 따른 변화 기기가 다양해지며 가장 많은 변화를 거쳐온 것은 UI가 아닐까 싶습니다. 기존의 4:3 비율의 모니터에서 와이드로 변화하며 웹 페이지는 보다 넓은 전체적인 관점을 보게 바뀌었고, 스마트 기기들이 나오게 되며 그 다양성은 이루 말할 수 없을만큼 많아졌습니다. UI는 이러한 다양한 기기들에 맞춰 진화했고, 다양한 기기에 적응 할 수 있는 반응형 UI 도 나왔습니다. 그러나 반응형 UI들이 많아지며 사용자들에게는 비슷한 레이아웃으로 보여 지루함을 줄 수 있다는 단점이 생겼습니다. 2016년에는 이런 비슷하게 보일 수 있는 레이아웃을 보다 색다르게 보조해줄 디자인이 요구된다고 합니다. 어떠한 디자인들이 반응형 디자인을 보조해 줄지에 대해서 알아보았습니다. 1. 긴 스크롤 데스크탑에서 출력되는 내용을 모바일로 옮기게 되면 자연스레 스크롤이 길어지게 됩니다. 모바일을 많이 사용하는 사용자들은 이러한 이유때문에 긴 스크롤이 익숙합니다. 긴 스크롤의 UI디자인은 스토리 텔링과도 잘어울리며, 네비게이션과 접목하면 멀티페이지 사이트의 효과도 볼 수 있습니다. 2. 카드 레이아웃 핀터레스트가 사용한 이후 많은 웹디자이너 분들이 애용하고 있는 스타일입니다. 여러 정보를 가볍게 훑어보아도 내용을 어느정도 전달 할 수 있습니다. 각 카드는 저마다 다른 개념으로 이루어져 있으며, 하나의 '콘텐츠 컨테이너' 로써 그 배치가 자유롭습니다. 이러한 자유로운 배치는 디바이스마다 다른 해상도를 출력해야하는 반응형 웹사이트에 맞춰 쉽게 재배치가 가능합니다. 3. 메뉴와 네비게이터 웹페이지의 디자인이 다양해지면서 메뉴에 대한 고민도 많아졌습니다. UX UI에서 사용자의 편의를 위해서 메뉴를 어떤 방식으로 넣을 것인지는 디자인에서도 많은 영향을 주기 시작했습니다. 햄버거 메뉴, 탭바 등의 여러 방식이 등장햇으나, 그에 따른 단점과 장점은 논쟁의 대상이 되고 있습니다. 최근 업데이트된 YouTube 는 이러한 논쟁에서 새로운 방식으로 접근하였습니다. 상단 탭으로 가장 많이 사용되는 메뉴만을 Swipe하게 만들어 놓았는데요. 주목할점은 이 방식은 YouTube를 사용하는 사용자들에게 보다 빠르고 편리하게 동영상을 찾을 수 있도록 만든 디자인 이란 점입니다. 웹디자인의 가장 중요한점은 바로 사용자라는 점이며, 사용자들로 하여금 보다 편하게, 보다 빠르게 목적에 다다를 수 있게 해주는 것이 중요합니다. 2015년에는 다양한 기기에 출력되는 디스플레이 자체의 난전이었다면, 2016년에는 이렇게 태어난 반응형 웹 페이지를 얼마나 사용자들에게 편하게, 빠르게 제공할 수 있느냐가 승부수가 될 것 같습니다.