디시인사이드 갤러리

마이너 갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

[디자인 담론 01] 최근 업데이트된 유튜브를 통해 본 앱 디자인 트렌드

E.W.H.(58.236) 2018.07.14 02:43:21
조회 397 추천 1 댓글 1
														

2018.07.14 모바일 앱의 UI 레이아웃 디자인 담론


유튜브가 최근 일부 바뀌었습니다.

구글의 자회사인 유튜브는 국내에서 가장 많이 이용되는 비디오 앱이며,

최근에는 모든 앱을 통틀어서 하루 평균 사용하는 시간이 가장 긴 앱으로 뽑히기도 했습니다.



그렇게 영향력있는 유튜브가 최근 여러가지 UI 레이아웃을 조금 변화시켰습니다.

UI를 중심으로 변화된 점을 체크해보고 새로운 앱 트렌드를 추정해보았습니다.



01. 틀을 깨는 (확장성) 있는 화면 구성

viewimage.php?id=2aafd136eddb3b&no=24b0d769e1d32ca73fef83fa11d028313beb8c5deb3949d9e177a10ae18958a967b557f70a6358bd041265162fc744a3d173e391d12729abc3d0dfde00


위의 그림은 바뀐 유튜브의 메인 화면입니다. 과거에 비해 동영상을 구분하던 양 옆의 틀이 사라지고 모두 화면에 꽉차게, 확장성있게 변화하였습니다.

이러한 트렌드는 인스타그램의 레이아웃과 기술의 발달로 스마트폰의 노치 전쟁의 영향을 보였을것으로 추정됩니다.




2. 세로로 긴 화면을 대비한 동영상 재생시 화면 레이아웃

viewimage.php?id=2aafd136eddb3b&no=24b0d769e1d32ca73fef83fa11d028313beb8c5deb3949d9e177a10ae18958a967b557f70a6358bd041265162fc744a3d129e3c786212cabced0dfde00


몇년전 구글에서 스마트폰의 화면비를 18:9 비율로 만드는것을 권장한적이 있습니다. 

이 이야기는 하루가 다르게 바뀌는 모바일 시장에서 새로운 트렌드를 예고한다고 할 수 있을것 같습니다. 

이것의 영향인지 유튜브가 이번 업데이트를 통해 과거 세로로 긴 영상에서는 자연스럽게 만들어지던 세로의 여백을 없애고 영상을 확장시켰습니다.

또한 티비에 익숙한 우리의 문화 때문에 그간 핸드폰을 세로로 들고 영상물을 시청하는것이 우리의 기본 프레임이었지만,

잼라이브 등에서는 여러가지 세로로된 영상들을 많이 만들어내고 있고, 앞으로 점점더 늘어날 것으로 유튜브에서 추정하였는지

이를 반영한 업데이트라고 볼 수 있을것 같습니다.


제가 유튜브 업데이트를 통해 느낀 두가지 최근 UI 레이아웃의 트렌드는

01. 틀을 깨는 (확장성) 있는 화면 구성

2. 세로로 긴 화면을 대비한 동영상 재생시 화면 레이아웃

입니다.


여러분들의 의견은 어떠신가요?




추천 비추천

1

고정닉 1

0

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 SNS로 싸우면 절대 안 질 것 같은 고집 있는 스타는? 운영자 24/05/06 - -
308 아우디 로고 일케 바꾸면 훨 좋을 듯. TXT [2] 텐구아레스갤로그로 이동합니다. 02.25 82 0
307 내가 개조 한 아디다스 로고. JPG 미노루갤로그로 이동합니다. 02.24 82 0
306 디자인 할때 프로그램 뭐 쓰세요? [1] ㅇㅇ(112.156) 01.24 122 0
305 디자인할때 이런 일러스트는 어디서 구하는건가요? [2] 그갤러(118.220) 01.12 102 0
304 이번에 여기 가는 사람 있어? [1] ㅇㅇ(117.111) 23.12.08 116 0
303 비대면진료,맞춤주치의 닥터루시드를 만들고자 합니다_크로스앱개발자2(RN) 맞춤주치의(39.123) 23.08.01 29 0
301 그래픽디자이너병 출신임 질문받음 [2] 곽춘팔갤로그로 이동합니다. 23.07.12 205 0
300 그래픽디자이너병 합격 했다 [1] 난타(1.231) 23.06.22 301 0
299 ntfs 파일 압축 기능 쓰시나요? 발명도둑잡기갤로그로 이동합니다. 23.05.26 24 0
298 에라이 시벌 영어로 만드는 포스터는 이쁜데 [1] ㅇㅇ(106.255) 23.04.18 146 0
297 초보 디자인 평가 부탁드려용 [1] Design갤로그로 이동합니다. 23.04.11 415 1
296 디자인 컬러 사용 완전 정복! 어도비 컬러(Adobe Color)! insight03*갤로그로 이동합니다. 23.04.11 89 0
294 디자인과 1학년 노트북 ㅇㅇ(112.214) 23.03.29 78 0
292 요거 만들때 어떤 툴이 사용된 것 같으신가요?? (118.220) 23.02.21 191 0
291 그래픽 디자인 인강이나 학원 추천점요 ㅇㅇ(58.76) 23.02.04 77 0
290 포토샵 비율에 맞게 늘리고 줄이기!! insight03*갤로그로 이동합니다. 23.01.15 63 0
289 실시간 ㅈ된 디시인. [3] 한국다람쥐갤로그로 이동합니다. 23.01.08 391 0
287 단 한번의 클릭으로 흑백사진 복원하기 insight03*갤로그로 이동합니다. 22.12.30 67 0
286 포토샵 물방울 만들기(Photoshop) insight03*갤로그로 이동합니다. 22.12.28 102 0
285 20후반 비전공자 그래픽 디자인 많이 늦은 나이 인가요? (현실적 조언좀 ㅇㅇ(220.71) 22.12.14 342 0
284 형님들 이렇게 글자 사이사이에 그래픽 나오게 하는거 어케해야하나용?.지 [1] ㅇㅇ(39.7) 22.12.14 142 0
283 [포토샵 팁] 채널로 나무 누끼따기! 채널 활용하기! insight03*갤로그로 이동합니다. 22.12.07 100 0
282 [포토샵 팁] 1초만에 하늘 누끼따기, 실무 꿀팁 [1] insight03*갤로그로 이동합니다. 22.12.05 74 0
281 라우드소싱 ㅇㅇ(58.122) 22.11.15 138 0
278 단순한 한국형 건축물(아파트,편의점) 디자이너 구함(115.91) 22.10.07 72 0
277 무슨 기준으로 라인 컷한거지 [2] ㅇㅇㅎ(110.10) 22.09.18 203 0
276 가가보다 괘않네 여기 ㅇㅇ(106.255) 22.09.10 66 0
275 [재택근무] 3D 모델링을 위한 디자이너 분들을 모집합니다. 만관부(59.10) 22.09.08 247 0
274 패디출신 ㅇㅇ(118.235) 22.08.27 57 0
272 C4d하는데 [2] 1234(124.50) 22.08.12 161 0
271 그래픽디자이너가 되기위해 유학가겠다 [1] ㅇㅇ(118.36) 22.06.22 226 0
270 초보질문요 어도비 애니메이트 2022 (0.6)인데 퍼펫가능버젼 알주세요 eic sony(211.252) 22.05.31 45 0
269 2022년 제6회 관광지식 카드뉴스 공모전 개최 관광지식정보시스템(58.124) 22.05.19 42 0
268 그래픽이 현실에 거의 근접함ㅋㅋㅋㅋㅋ 이새끼들 사고침ㅋㅋㅋㅋ ㅇㅇ(61.253) 22.05.14 192 0
267 이런 효과는 어떻게 주는건가요?? [1] ㅇㅇ(223.39) 22.05.03 379 0
266 프리로 일하는 사람 종소세 신고하냐 [1] ㅇㅇ(221.132) 22.04.29 217 0
265 [쓰레기주의] 에타 여친 여동생이랑 ㅅㅅ한썰 아라비안갤로그로 이동합니다. 22.04.22 302 0
264 와 이거 뭐냐 ㄷㄷ 거울임(110.9) 22.04.22 111 0
263 일러스트 툴 질문좀.. ㅇㅇ(223.38) 22.04.22 54 0
262 질문좀 ㅇㅇ(116.38) 22.04.21 27 0
261 C4D하는데 80이랑 80ti랑 체감 많이 클까? [1] ㅇㅇ(211.36) 22.04.17 72 0
260 루미온 고수임 질문받음 ㅇㅇ(118.235) 22.04.11 82 0
257 컴퓨터그래픽디자인갤 떡돌리러옴 캣찌갤로그로 이동합니다. 22.03.23 119 0
256 (개꿀팁) 급할때 포토샵 안켜고 뭐 지우는 방법.jpg ㅇㅇ(121.165) 22.03.18 326 6
255 쇼핑몰 운영하게 됬는데 소프트웨어 뭐 공부해야할까 ㅇㅇ(125.205) 22.03.17 57 0
254 연봉 물어봐도 되냐 ㅇㅇ(182.221) 22.03.14 449 0
252 클라이언트 씹새끼야 껄깅갤로그로 이동합니다. 22.03.01 177 1
251 디자인용 노트북 고를때 o o(14.45) 22.02.17 133 0
250 이거 폰트 이름좀 알려줘 [1] 仲達갤로그로 이동합니다. 22.02.08 200 0
249 콜로소 타이포 입문 나왔네 ㅇ.ㅇ(58.231) 22.02.03 249 0
1234
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2