Work10 소셜 로그인 디자인하기 - 브랜드 가이드 라인 지키기 소셜 로그인 화면을 디자인 할 때 지켜야하는 내용을 정리해 봤습니다. 회원가입 대신 SNS연동을 이용해 서비스를 시작하는 서비스가 많습니다. 각 SNS는 저마다의 브랜드 가이드라인을 가지고 로그인 버튼을 사용하길 권장하고있습니다. 버튼에 들어갈 로고나 라운드 값이 들어간 박스 디자인 파일, 서체까지 배포 중이니 참고하면 좋을 것 같습니다. 소셜 로그인 디자인하기 - 브랜드 가이드 라인 지키기 1. 버튼 디자인 가이드 1-1. 제공 로고와 버튼 이미지 (권장 예시) 로고 뿐만 아니라 각종 사례에 알맞게 사용 할 수 있는 버튼 png까지 제공하고 있다. 컬러, 서체를 폰트로 사용하기 어려운 경우 이미지 폰트(수정할 수 없는 이미지 글자)로 사용하면 된다. 각 브랜드 기준 폰트는 무료로 다운받아 쓸 수 있다... 2019. 12. 29. 유튜브 “인기 급상승 동영상” 불러오기 1. 아이디어 1-1. “유튜브 실시간 랭킹을 앱 안에서 보여주고 싶다.” 2. 실현 가능한 방법 찾기 : 정보는 어디서 가져오나? 2-1. 유튜브 data api를 쓰면 “인기 급상승 동영상” 리스트를 사용할 수 있다. (참고) 2-2. 인기 급상승 동영상이란? 유튜브가 직접 제공하는 최근 업로드 영상 중 '급상승 인기 차트'. 아래 조건을 포함한 다양한 요인을 고려한다고 한다. - 조회수 - 동영상 조회수 증가 속도 - YouTube 외부를 포함하여 조회수가 발생하는 소스(많이 공유된 영상을 말하는 듯) - 동영상 업로드 기간(최근에 올린 영상) 3. 실현 가능한 방법 찾기 : 필요한 데이터만 구분하자! 3-1. "사용할 수 있는 동영상 순위 리스트가 너무 많고 다양하다" "하루에 가져올 수 있는 유.. 2019. 12. 22. 탬플릿 없이 이메일 커스텀하기 - html 인코딩 방법 탬플릿 도구나 이메일 관리 서비스 없이 이메일 커스텀하기 *아래 내용은 일반 이메일 폼에 그대로 입력했을 시 적용되지 않습니다. 1. 이메일 꾸미기 기본 이메일에서 제공하는 기능은 한계가 있기 때문에 HTML&CSS 태그를 사용해봤습니다. 디자인을 위해 사용한 HTML 태그 태그 또는 태그 : 홈페이지 화면을 디자인할 때와 같이 내용 단위로 묶어 관리합니다. 각자의 신념(?)에 맞게 표(table)태그나 div태그를 활용하면 되는데, 저는 몇 개의 이메일 폼을 열어본 결과 표 태그로 내용을 채우고 있는 것을 확인하고 구성을 표 단위로 만들었습니다. 링크 태그를 활용하기 : 사용중인 드라이브나 서버가 있다면 다운받을 주소로 입력하고 버튼을 만들 수 있습니다. 서버에 올린 주소를 연결하면 클릭하는 순간 다운.. 2019. 12. 15. 유튜브 웹 링크 뜯어보기 유튜브 영상으로 이동하는 링크를 한 번 뜯어보려고 합니다. 같은 영상으로 이동을 링크여도 포함하는 정보에 따라 주소를 다르게 사용하고 있습니다. 유튜브 링크 끝에 붙은 영상id https://www.youtube.com/watch?v=영상id 노란색으로 하이라트된 내용이 '영상 id'다. 고유한 영상 id가 개발자를 만나면...? 다양하게 활용될 수 있다. . 유튜브 비디오 + 영상 id + 재생목록 id + 재생 목록 상의 순서 https://www.youtube.com/watch?v=영상id&list=리스트id&index=리스트 순서 위 링크는 해당 영상이 포함된 재생목록을 함께 불러오고 있다. 영상 외에도 이어지는 전/후 비디오 정보를 포함한다. 중단한 시청 시간까지 포함해서 링크 전송하기 http.. 2019. 12. 8. 이전 1 2 3 다음
