newstoday-logo
newstoday-logo
24
May, 2022
NEWS TODAY
디자인 & 개발

SND - UI Sound

UX 개발자를 위한 사운드-키트
태그
UI/UX사운드상호작용
조회
댓글
guest
0 Comments
Inline Feedbacks
View all comments

UX 개발자를 위한 사운드-키트

프로 음향 디자이너가 UX 개발자의 상호작용 개선을 위해 무료로 고퀄리티 사운드-키트를 제공한다. SND 웹 사이트에서 이런 상호작용을 직접 경험해보고 다운로드 할 수 있다.

상호작용은 텍스트와 시각에 국한되어서는 안되며, 그것보다 더 풍부해야 합니다. 상호작용의 강도를 더 풍부하고 강하게 만들기 위해서, 우리는 소리에 대해 더 많은 관심을 가져야 합니다.

SND 소개

웹사이트가 영문이므로 간단히 번역하여 소개한다.

SND는 츠치야 야스히로, 타니구치 아야코 두 명의 음향 디자이너가 직접 제작한 UX 사운드를 개발자에게 배포하기 위한 일종의 캠페인 사이트다.

SND 디자이너

맑고 간결한 컴퓨터 인터페이스 사운드 스타일과 실제 그랜드 피아노에서 녹음한 두 가지 느낌의 사운드 파일을 다운로드 할 수 있다. 개발자를 위한 코드 조각도 제공한다.

Javascript + npm

				
					// $ npm install snd-lib

import Snd from 'snd-lib';

const snd = new Snd();

// Get all anchor elements.
const links = document.getElementsByTagName('a');

// Event handler for click
const onClick = (e) => {
	snd.play(Snd.SOUNDS.TAP);
}

// Load audio file
snd.load(Snd.KITS.SND01).then(() => {
	// Listen click event of all anchor elements.
	for (let i=0; i<links.length; i++) {
		links[i].addEventListener('click', onClick)
	}
})
				
			

개발자, 디자이너에게

끝으로, 두 음향 디자이너가 UX 개발자와 디자이너에게 전하는 메시지를 소개한다.

UX 개발자를 위한 사운드-키트

스마트 스피커와 무선 이어폰이 보급되면서 인터랙션(상호작용) 디자인에서 소리의 중요성은 나날이 높아지고 있습니다.

그러나 상호작용 디자인 분야에서 시각 디자인 및 애니메이션 분야의 많은 연구와 실천에 비해, 게임과 같은 일부 분야를 제외하고는 소리와의 상호작용 설계에 대한 충분한 이해가 부족한 것으로 보입니다.

상호작용은 텍스트와 시각에 국한되어서는 안되며, 그것보다 더 풍부해야 합니다. 상호작용의 강도를 더 풍부하고 강하게 만들기 위해서, 우리는 소리에 대해 더 많은 생각을 해야합니다.

그러나 상호작용 디자인 분야에서는 시각 디자이너나 프로그래머보다 음향 디자이너의 수가 적고, 소리를 만드는데는 확실히 장벽이 있습니다.

UX 개발자들이 소리와의 상호작용 디자인 분야에서의 논의를 더욱 활발히 할 수 있도록 라이선스 걱정 없이 무료로 사용할 수 있는 UI 사운드를 공개합니다.

여러 사운드 디자이너와 협업하여 개발된 UI 사운드는 많은 현대 UI에 사용되는 구성 요소에 맞게 설계되었습니다.

각각의 사운드는 서로 다른 컨셉으로 개별적으로 설계되어, 소리를 전환하면 질감과 음색의 변화를 느낄 수 있습니다.

개발 중인 앱, 서비스, 제품에 대한 UX의 품질을 더욱 다듬고 사운드 디자인 분야를 개척하는데 도움이 되는 자료로 활용하시기 바랍니다.

‘SND’에 게시된 모든 UI 사운드는 상용이든 비상용이든 상관없이 무료로 사용할 수 있습니다. 따라서 프로토타이핑, 실제 서비스 구현에도 사용할 수 있습니다.

목록으로 돌아가려면 화면 하단 X 버튼 클릭