(→패턴설명 작성) |
|||
Line 6: | Line 6: | ||
패턴명(영문)은 blah blah 하는 pattern 이다. 라고 문장을 작성해 주세요. | 패턴명(영문)은 blah blah 하는 pattern 이다. 라고 문장을 작성해 주세요. | ||
− | + | (예시)Drawer menu | |
Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 pattern이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다. | Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 pattern이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다. | ||
아래 예시와 같이 패턴명(영문)은 blah blah 하는 pattern 이다. 라고 문장을 작성해 주세요.
(예시)Drawer menu Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 pattern이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다.
1. iphone 아이폰은 기본적으로 아이폰5 의 화면비율을 따른다. 아이폰 4, 4s로 촬영된 영상은 width 를 기준으로 height 를 조정한다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=300}} - 세로 : {{#Widget:Vimeo|id=########|width=300|height=533}} 2. ipad 아이패드는 기본적으로 아이폰의 width 기준을 따른다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=395}} - 세로 : {{#Widget:Vimeo|id=########|width=300|height=405}} 3. Android 안드로이드 촬영 영상의 경우 ios 와 달리 화면비율이 기기에 따라 다르다. 때문에 안드로이드 촬영 영상은 아이폰의 width 기준을 따라 촬영된 영상에 맞춰 height 를 조정한다. 아래는 갤럭시 3의 화면비율이다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=303}} - 세로 : {{#Widget:Vimeo|id=########|width=300|height=528}} 김 연구원 과거 휴대폰 화면비율 - 세로 : {{#Widget:Vimeo|id=########|width=300|height=480}} 민 연구원 화면비율 -세로 : {{#Widget:Vimeo|id=########|width=300|height=541}} 4. 촬영한 영상, 링크한 영상 ix Patterns.com 은 기본적으로 비메오와 유튜브 영상링크를 권장한다. 비메오의 경우 모든 영상 인코딩이 16:9 비율이지만, 유튜브의 경우 오래된 영상들 중 일부가 6:4 비율을 가지고 있다. 이러한 부분을 확인하여 아래 소스를 사용한다. - 비메오 : {{#Widget:Vimeo|id=########||width=665|height=374}} - 유튜브 * 16:9 비율 : {{#Widget:Youtube|id=########|width=665|height=374}} * 6:4 비율 : {{#Widget:Youtube|id=########|width=665|height=443}}
이미지파일의 경우 기본적으로 위의 비디오 파일 사이즈에 맞춰 이미지를 편집한 뒤 업로드한다. 업로드에 관련된 언어는 How to use 에서 확인할 수 있다.
{{#Widget:Vimeo|id=36790650|width=665|height=374}} {{#Widget:Vimeo|id=36790650|width=665|height=374|start=14s}}
>의도한 건 자동재생되지 않는것이고요. 그런데 시작 시간을 지정하면 강제로 자동재생되더라구요. 다른 방법을 더 찾아봐야 할것 같습니다. --taekie
한칸 스페이스를 띄고 입력시 작성되는 스타일 시트의 가로 길이 조정이 필요할 것으로 보입니다.