Lab

목록 Lab2016/12/26조회 3,059

Bosslab | 진지한 연구6_2017년 웹디자인 트렌드! _2탄

페이스북으로 보내기 트위터로 보내기 주소복사

본문

3f96670a21ab2bf839048b6615b16484_1482715238_7538.jpg

 

얼마 남지 않은 2016년! 잘 보내고 계시나요?

행복했던 일도 있었고 불행했던 일도 있었지만 이제 다 훌훌 털어버리고

새롭게 찾아올 2017년을 잘 맞이해보아요~!

 

오늘은! 앞서 소개해드렸던 2017년 웹디자인 트렌드에 이어 2탄을 준비했습니다~

1탄에서는 인터페이스의 디자인적인 요소를 중점으로 보여드렸다면~

2탄에서는 사용자의 경험을 토대로 변해가는 기술적인 요소를 중점으로 이루어진

웹디자인 트렌드를 소개해드리려고 합니다~

 

한 땀 한 땀 준비한 웹디자인 트렌드! 지금 바로 보러 가시겠습니다~!

 

 

 


3f96670a21ab2bf839048b6615b16484_1482715239_0461.jpg


3f96670a21ab2bf839048b6615b16484_1482715239_3435.jpg

 

 

마이크로 인터랙션은 우리가 디바이스를 사용할 경우 나타나는 모든 상태에 대해 알려주는 시스템으로

알림, 다운로딩, 버튼을 누른 후 나타나는 화면의 전환 등을 보여주어 사용자가 인터페이스를

막힘없이 사용할 수 있도록 도와줍니다. 기존에도 사용되고 있어지만 애니메이션 효과가 적용되어

좀 더 세부화되고 ​부드럽게 화면 전환을 이루어 내는 방식이 유행될 것입니다.

 

 

 


3f96670a21ab2bf839048b6615b16484_1482715237_2799.jpg


3f96670a21ab2bf839048b6615b16484_1482715237_8607.jpg

 

사용자의 동작에 따라 화면의 흐름이 바뀌는 인터랙티브 스토리텔링은 웹사이트 또는 게임상에서

사용되기 시작한 방식으로 앞으로도 더 많이 사용하게 될 방식입니다.

 

최근 이 방식이 매우 각광받고 있으며, 사용자의 흥미 유도와 참여에 매우 좋은 효과를 낼 수 있습니다.

 

 

 


3f96670a21ab2bf839048b6615b16484_1482715236_9627.jpg


3f96670a21ab2bf839048b6615b16484_1482715238_1716.jpg

 

프로토 타이핑 툴은 손쉬운 작업 방식으로 간단하게 작업이 가능하여, 코딩 작업이 불가능한

웹디자이너들도 손쉽게 작업할 수 있는 프로그램입니다. 일일이 코드 속에서 수정하지 않고 제작하기 전

웹상에서 간단한 작업으로 레이아웃을 설계하고 수정할 수 있습니다.

 

※참고:오븐(https://ovenapp.io/)

 

 

 

 

 


3f96670a21ab2bf839048b6615b16484_1482715237_5592.jpg


3f96670a21ab2bf839048b6615b16484_1482715238_4503.jpg 

 

동작과 대응 사이의 시간이 길어지거나 재미가 없다면 사용자는 흥미를 잃어 그 화면에서

이탈하는 상황이 발생할 수 있습니다. 사이사이의 시간을 단축해야 하며 길어질 경우 다양하고 재미있는

애니메이션 등의 효과로 사용자의 흥미를 계속 잡아두어 이탈하는 상황을 방지해야 합니다.

 

 

 

 

 

3f96670a21ab2bf839048b6615b16484_1482717098_6551.jpg


3f96670a21ab2bf839048b6615b16484_1482717099_0044.jpg

 

기존에 홈페이지들은 배경과 전경 이미지가 모두 고정되어 함께 움직이는 형태로 자리 잡아왔지만

이제는 그 요소들이 스크롤에 의해 시간차로 교차되어 입체적인 효과를 나타내는 방식으로 변화됩니다.

이미 이 방식이 적용된 홈페이지들이 다수 생겨나고 있으며,

사용자에게 보다 더 강한 인식과 흥미를 나타낼 수 있도록 도와줍니다.

 

 

 

 

 

 

이렇게 다양한 2017년 웹디자인 트렌드에 대해서 알아보았는데요~

 

아직 우리나라에는 생소하면서도 거부감이 느껴지는 방식도 있겠지만 이미 해외에서는

많은 수의 홈페이지들이 이러한 방식으로 제작되었다는 사실! 절대 무관심해서는 안될 부분이라는 거죠~!

홈페이지 제작 시 꼭 필요한 부분이니 참고하시길 바랄게요~!!

 

 

 

 

 

이제 단 일주일만을 남겨놓은 2017년! 붉은 닭의 해! 새해 복 많이 받으시고 대박 나세요~!!

 

 

 

3f96670a21ab2bf839048b6615b16484_1482718996_6689.jpg 

 

 

 

 

"홈페이지는 마케팅이다"


온라인 마케팅 분야 1위 아이보스
마케팅 기반의 홈페이지를 만듭니다.

 

 


 

목록


top 문의하기

(주)아이보스

대표 신용성
사업자번호 105-87-01912
Copyright (c) 2016 i-boss. All rights reserved.

연락하기

Tel070-4325-7644
FaX02-6265-7475
E-mailevergon@hanmail.net

회사 위치

서울특별시 금천구 벚꽃로 234, 1202호
(가산동 60-25, 에이스하이엔드타워 6차)
1,7 호선 가산디지털단지역 ④번 출구 도보 5분거리

(주)아이보스

대표 신용성
사업자번호 105-87-01912
Copyright (c) 2016 i-boss. All rights reserved.
페이스북 다운로드

아이보스 Web Service

전체메뉴 전화걸기

About Services Work Lab News Contact