![mainpage_01.png](https://steemitimages.com/DQmNTQNNDRSzigmLpBskqA7gzzLfwADAN5NSQP6ER7aNfHH/mainpage_01.png)

<br>
<br>

<center>
<pre>Listeners Playlist &nbsp; https://steemitimages.com/300x0/https://steemitimages.com/DQmPhqdddLEUmxWmJaxHhQeX9NxKe2WKEXVjpuycwrELkVJ/border_02.png<sub>&nbsp;&nbsp;작&nbsp;&nbsp;업&nbsp;&nbsp;쏭&nbsp;&nbsp;추&nbsp;&nbsp;천</sub>
</center>

<br>
<br>

---

<center>&nbsp;&nbsp;잡&nbsp;&nbsp;부&nbsp;&nbsp;의&nbsp;&nbsp;작&nbsp;&nbsp;업&nbsp;&nbsp;쏭</sub></center>

---

![web_01.png](https://steemitimages.com/DQmfS2jYb6JqnB6ncfXNjsgR9PS6jEtzP9Jqz9G5aN4Lvsi/web_01.png)

주말 잘들 보내고 있으신가요? 저는 집에서 디자인 작업하고 있습니다. 원래는 작업할 때 유튜브의 라이브 스트리밍 채널들을 주로 들었었는데, 이번주에 UX 트렌드조사 하다가 감각적인 스트리밍 사이트를 발견했어요. 오늘의 작업쏭으로 틀어 놨는데, 사이트 디자인 선곡까지 무척 마음에 들어 포스팅합니다.
<sub>*주의 : 제가 트렌드조사 오랜만에 해서 넘나 뒷북인 추천일 수 있습니다ㅋㅋ</sub>

<br>
<br>

---

<center>L i s t e n e r s&nbsp; P l a y l i s t</sub></center>


---

![concept.png](https://steemitimages.com/DQmVBETKuGAbwUNRaYr316qRJZJvTx9nAAMKwwUjYMnK3oX/concept.png)

오늘 소개해드릴 웹서비스 이름은 'Listeneres Playlist' 라고 해요.
페이스북 그룹에서 시작된 스트리밍 서비스이고, 사운드 클라우드 API를 사용한다고 하네요.

>페이스북 그룹에서 시작되어 이런 서비스가 만들어졌다니. 너무 멋진일이고 쏘쿨입니다! 물론 스팀잇에서 만들어진 서비스들도 쏘쿨이죠ㅎㅎ

<br>

제가 왜 소개하냐면, 음악도 음악이지만 웹페이지가 너무 마음에 들어서요.
이런 스타일을 세미플랫디자인 이라고 해요. 플랫한 디자인에 구글의 머테리얼디자인<sup>*</sup>의 영향을 받아 완성된 스타일인데, 요소의 형태, 레이아웃 구조, 컬러가 중요시되고 있고, 웹, 앱 전반에 걸쳐서 현재 가장 지배적인 스타일입니다. 

>Material Design
<sub>구글에서 안드로이드 OS를 위해 만든 UX디자인 
https://material.io/design/</sub>

![Web_02.png](https://steemitimages.com/DQmUeaziMAzaxqbrBZxGZgpSPamhBrVtCSYUzD28WkdJNYD/Web_02.png)
>PC로 접속하시면 이런 스타일입니다. 화면 너무 예쁘죠.
위 화면의 앨범중에서 원하시는 스타일을 누르시면 해당 주제의 음악이 재생되어요. 테마도 다양합니다.


<br>

![Playlist_01.png](https://steemitimages.com/DQmcv2Je77LzF7aBKMXrVAKMJfe9wU9r3jZcSoRTvA99tLN/Playlist_01.png)
>플레이리스트

<br>

![app_01.png](https://steemitimages.com/DQmSUzTh2ELMx3UVLeGriKLAgkb6vN7tnHygzEMFcXFHiTi/app_01.png)
>모바일로 접속하시면 이런 스타일!

<br>

![app_02.png](https://steemitimages.com/DQmSg7XfT4XQ2o85x8hWEcovLDY1wJRek8yqq7XAWYG1kPk/app_02.png)
>모바일에서 재생하다가 다른 앱으로 전환해도 음악이 꺼지지 않아요. 
무료니까 마음껏 들으시구요ㅎㅎ

<br>

---

웹사이트 링크 : http://lp.anzi.kr/
디자인 원본은 [Bahance 링크](https://www.behance.net/gallery/46480243/Listeners-Playlist)에서 확인하실 수 있습니다 

---

<sub>우연히 어제 올렸던 타이틀을 가져다 쓰다가 `</pre>` 를 안썼더니 새로운 타이틀이 탄생했습니다ㅋㅋㅋ
어떤 원리인지는 이해를 못하겠지만, 글 사이에 라인 넣는거 그렇게 고민할 땐 안되더니 하..참놔...
잡부는 다시 작업하러 갑니다..ㅋㅋㅋ</sub>