#만들다 (9) 썸네일형 리스트형 투네이션 채팅 위젯 스킨 - ZSNES ㅋ투네이션 전용 채팅창 위젯 스킨인 ZSNES 스킨을 소개합니다. ZSNES는 SNES (슈퍼 닌텐도)의 에뮬레이터인데, 이 프로그램에 쓰인 디자인을 거의 그대로 구현해 만든 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 반드시 채팅 표시 스타일을 "두 줄 상자 테두리" 또는 "한 줄 상자 테두리" 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여넣습니다. @import url('https://unpkg.com/galmuri@latest/dist/galmuri.css'); :root { --plus: 5px.. 투네이션 채팅 위젯 스킨 - SMW 투네이션 전용 채팅창 위젯 스킨인 SMW 스킨을 소개합니다. 누구나 잘 아는 게임인 슈퍼 마리오 월드에서 보이는 턴 블록 기반으로 제작한 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @import url('https://unpkg.com/galmuri@latest/dist/galmuri.css'); #div_content { padding: 20px; } .chat-doubleli.. 투네이션 채팅 위젯 스킨 - SMB1 투네이션 전용 채팅창 위젯 스킨인 SMB1 스킨을 소개합니다. 누구나 잘 아는 게임인 슈퍼 마리오 브라더스의 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @font-face { font-family: 'NeoDunggeunmo'; src: url('https://unpkg.com/@noonnu/neodunggeunmo@0.0.1/NeoDunggeunmo.woff') format('.. 투네이션 채팅 위젯 스킨 - Neon 투네이션 전용 채팅창 위젯 스킨인 Neon 스킨을 소개합니다. 네온사인 감성 느낌 그대로 구현을 해서 투네이션 채팅 스킨에 적용시켰습니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @font-face { font-family: 'SEBANG_Gothic_Bold'; src: url('https://unpkg.com/@noonnu/sebang-gothic_bold@0.0.1/SEBANG_Go.. 투네이션 채팅 위젯 스킨 - Classic 95 투네이션 전용 채팅창 위젯 스킨인 Classic 95 스킨을 소개합니다. 윈도우 95부터 사용한 사람이라면 익숙할 수밖에 없는 레트로 디자인을 기억할 겁니다. 그 향기를 그대로 전해드리기 위해 새로 만들었습니다. 원래 아이콘까지 바꾸려고 했는데 픽셀 아트 작업까진 귀찮아서 이건 나중에 고려해 보려고 합니다. 또한 지금 버그인지 모르겠는데 유튜브 채팅 스킨도 적용되는지 확인해보려고 했으나 작동이 안되어서 일단 트위치 기준으로 제작했습니다. 여튼 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 반드시 채팅 표시 스타일을 "두 줄 상자 테두리"를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS.. 이제 이 카테고리 글은 없습니다. 아마도... 가 아니라 진짜 없음. 취미 삼아 또는 외주를 받아 디자인을 한다손 치더라도 주업으로는 안 삼을 것임. [스토리로 이해하는 UX 디자인 프로세스] 이론과 실무의 간극 UX란 무엇일까? 이 짧은 두 글자에 대해 명확하게 답을 내리기는 참 어려워보인다. 지금으로서 말하자면... 사용자(User)와 제품(Product) 사이의 상호작용(Interaction)을 만드는 것 -> eXperience 그리고 그 상호작용이 이뤄지는 틀이 바로 인터페이스(Interface)이고, 이것이 곧 UI. 무형이 될 수도 있다. UX는 사람이 컴퓨터와 같은 디지털 시스템을 사용하면서 지각하고 느끼고 생각하는 모든 것을 의미한다. - 연세대학교 김진우 교수 - 제목이 '이론과 실무의 간극'인데, 이는 이론적으로 접하는 UX 방법론과 프로세스에 대해 매번 곤경을 겪던 나에게 실무에 대해서 깊이있는 내용을 전달해줬다는 점에서 짓게 됬다. 제목 그대로 이 책의 경우 스토리텔링에 기반하여 실제 서비.. [번역] 제법 쓸 만한 UX 질문지 만들기 : 모든 UX 연구원이 알아야 할 10가지 사항들 (2) - 이 글은 [uxpamagazine - Writing Usable Survey Questions: 10 Things All UX Researchers Should Know]를 번역한 글입니다. 개인적인 어학 공부를 위해서도, 그리고 해외에 있는 자료를 국내에 전달하고자 하는 목적이 있습니다. 정확한 번역이 아니며, 글의 맥락을 보충하기 위해서 나름의 첨언과 약간의 의역이 들어가있는 점 양해 부탁드립니다. ^^ - 이전의 1편에서 계속 이어지는 글입니다. 제법 쓸 만한 질문지 만들기 : 모든 UX 연구원이 알아야 할 10가지 사항들. 6. '기타', '해당 없음', '응답하고 싶지 않음' 등 예외적인 선택지를 만들자! 누구나 설문에 응답해본 경험이 있을 것입니다. 잘 만들어진 설문지에 무난하게 답변을 하.. 이전 1 2 다음
