DevBytes: Watch Faces for Android WearYouTube↗  IA↗(long shot)
Science & Technology  34.2K views 203 likes 1 dislikes   10 Dec 2014
Google for Developers 2.7M subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Günaydın, sınıf.
반 여러분, 좋은 아침입니다.
Pekâlâ, sakin olun, sakin olun.
좋아요, 다들 주목하시고,
Bugünkü zaman ölçme bilimi dersimizin konusu -- taşınabilir saat.
오늘의 시계학 수업은 휴대용 시계에 대해서입니다.
Bu muhteşem cihazın icadı 16. yüzyıla dayanmaktadır
이 환상적인 발명은
ve hem bir zamanı takip etme aracı
16세기에 있었고, 시간의 알림과 더불어
hem de bir moda ögesi olarak kullanılmıştır.
패션의 표현이기도 합니다.
Zamanla, bu seyyar saatler daha taşınabilir,
시간이 지남에 따라, 아하, 이 휴대용 시계는
daha işlevsel hâle gelmiş, çeşit sayısı artmış,
더 간편해지고, 기능이 더해지고, 보다 다양화되어
böylece modern kol saati en kullanışlı giyilebilir
현대의 손목시계로 하여금 가장 유용한
kişisel eşyalardan biri hâline gelmiştir.
개인용 악세사리로 자리잡았죠.
Ancak, saat göstergeleri, akrep, yelkovan gibi
하지만, 시계의 기본 기능 이외의 모든 것들은
saatin temel parçaları haricindeki diğer her şey
예를 들어 마킹, 시침, 분침등은
saat üreticileri tarafından karmaşıklık olarak görülür.
기술자들에게 문제거리일 뿐이었죠.
Yani, bugüne kadar, dakika hariç
즉, 말하자면 워치페이스를
kişiye özel kullanışlı saat yüzleri yapmak
분 단위 이상으로 만드는 것은
sadece pahalı ve seçkin bir sanat değil,
전문적 예술의 영역을 넘어
baştan sona karmaşık bir işti.
정말 복잡한 문제였던 겁니다.
Ama günümüze ait saatlerde kadran ve çarklar yerine
하지만 오늘날의 손목시계는 다이얼과 기어보다는
kullanıcı arayüzleri ve ekranlar var.
UI와 스크린으로 돼있죠.
Bu da saatinizin görünüşünü değiştirmeyi oldukça kolaylaştırıyor;
이 때문에 시계의 겉모습을
hatta günlük olarak sadece kıyafetinizle uyumlu olacak şekilde bile...
날마다 바꾸거나, 옷차림에 따라서 바꿀 수 있게 됐죠.
Merhaba, ben Timothy Jordan.
안녕하세요, 저는 티모시 조던입니다.
Bu da Android Wear'e yönelik
이제부터 안드로이드 웨어의 워치페이스 API를
kadran API'nin tanıtım videosu.
소개해 드리겠습니다.
Kişiselleştirmeye imkân verecek kadar esnek
워치페이스를 만들기는 손쉽고,
saat yüzlerini hızlı bir şekilde yaratmak oldukça basit.
개성을 표현하기도 간편합니다.
Dahası, kullanıcıya kullanışlı bilgiler sunmanızı
심지어, 사용자에게 유용한 정보를 줄 수도 있고,
mümkün kılıyor ve karmaşık şeyleri karmaşık
유용하지만 복잡했던 문제들은
olmaktan çıkartıyor.
단순해졌습니다.
Şimdi, önce hızlıca bir API'ye göz atalım.
먼저 API를 잠깐 살펴 보죠.
Çünkü bu iş oldukça basit.
정말 간단하게 돼 있습니다.
Saat yüzü yapmak için sadece
워치페이스를 만들려면, 단순히
<i>CanvasWatchFaceService</i>'i ve ona ait motoru
캔버스워치페이스서비스 및 엔진을
genişletmeniz yeterli.
확장하기만 하면 됩니다.
İhtiyaç duyacağınız tüm görselleri yükleyip
필요한 드로어블을 로드 및 스케일하여
ölçeklendirecek ve <i>onCreate</i> yönteminde
워치페이스 스타일을
saat yüzü stilinizi belirleyeceksiniz.
온크리에이트 메소드에서 설정합니다.
Buna, OK Google Hotword'ün, durum çubuğu simgelerinin
이것은 OK 구글 핫워드와 상태표시줄 아이콘 위치가 있는
ve daha fazlasının bulunduğu Pencereli Kart modunu
카드 보기 모드를 제어하는 변수를 포함하며,
kontrol eden değişkenler de dâhildir.
그 외의 것도 가능합니다.
Arkasından, <i>onDraw</i> metodunda saat yüzünü oluşturacaksınız.
다음엔 온드로우 메소드에서 워치페이스를 그리는데,
Bunu yaparken, Etkileşimli mod için renkli ve
인터랙티브 모드에서는 풀컬러 및 모션 버젼이 가능하며
hareketli versiyonunu yaratmayı ve Ambiyans modu için
앰비언트 모드에서는 제한된 컬러와
dakikada bir renk versiyonuyla sınırlı olduğunuzu unutmayın.
분당 모션 버젼이 가능함을 유념해 주세요.
Bu noktadan sonra halledilmesi gereken sadece,
자 이제 몇 가지 구현 세부사항이 남았는데요,
Ambiyans modunu dinleme gibi bazı uygulama detayları
예를 들면 앰비언트 모드 듣기나, 시간 업데이트의
ve zaman güncellemeleri var.
처리 방법 등입니다.
Ama bunları da hallettikten sonra,
이것들을 해결하고 나면,
yaptığınız tek şey boş bir tuvale resim çizmek; ne kadar kolay değil mi?
남은 건 그저 캔버스에 그리는 것 뿐입니다, 정말 쉽죠?
Artık asıl eğlenceli kısma geldik: saat yüzünün tasarımını yapıp
자 여기서부터 재밌어집니다
çizmek.
워치페이스를 디자인하고 그리는 겁니다.
Bu kısımdaki en önemli şey, saatin kaç olduğunu
가장 중요한 것은
hızlıca söylemenin kolay olmasıdır.
시간이 쉽게 보이는 겁니다.
Unutmayın, saat yüzünün varlık nedeni
워치페이스에서 가장 중요한 것은
zamanı takip edebilmektir.
시간을 보는 거니까요.
Bunun da ötesinde, durum çubuğu,
그 다음에 시스템 아이템을 배치해야겠죠
pencereli bildirim kartları gibi sistem ögelerini ve elbette hangi gün olduğu,
예를 들어 상태 바, 통지 보기 카드,
günlük hava durumu, ajandadaki bir sonraki randevu kaydı
그리고 물론 사용자에게 보여줄
ve hatta belki de günlük aktivite sayacı gibi
추가 정보들, 이를테면 날짜,
müşteriye sunmak istediğiniz ek verileri de
오늘의 날씨, 캘린더의 다음 일정,
erişilebilir kılmak isteyeceksiniz.
또는 그날의 활동 미터 등.
Şimdi, bu tasarım kararlarıyla ilgili
이제 이런 디자인 결정을 올바르게 설정할
doğru bir bağlam sağlayacak birkaç yardımcı bilgi sunacağım.
몇 가지 가이드라인을 보여드리겠습니다.
Öncelikle, tasarımınız, hem kare hem de yuvarlak cihazlarda iyi bir performans vermelidir.
첫째, 사각형과 원형 어느 장치에나 적합해야 합니다.
Tamamıyla birbirinden farklı iki tasarım yaratmadan önce,
두 가지 완전히 다른 디자인을 만들기 전에
tasarımınızın, nasıl her iki tür ekranda da en az değişikle
당신의 컨셉이 어느 화면에서도 조금 혹은 아무런 조정 없이
gösterilebilecek kadar esnek hâle getirilebileceği üzerine kafa yorun.
적용될 수 있는지 확인해야 합니다.
Eğer illa bir şeylerin değiştirilmesi gerekiyorsa,
변경이 반드시 필요하다면, 공통 디자인 언어를
ortak bir tasarım dili kullanmaya dikkat edin.
사용해야 합니다.
Ortak renk paletleri, çizgi kalınlıkları ve gölgelendirme,
공통된 색상, 선 두께, 음영 등을 사용하면,
aralarında büyük farklar olsa dahi, tasarımlarınızın değişik cihazlarda
큰 차이가 있더라도 당신의 디자인이 각각 다른 기기에서
aynı havaya sahip olmasını sağlayacaktır.
비슷해 보일 수 있습니다.
Çoğu tasarım, doğal olarak,
많은 컨셉들은 자연스럽게
analog saat görünümüne, dolayısıyla dairesel
아날로그 시계의 형상을 띄며,
bir şekle sahip olacaktır.
따라서 원형으로 보이게 됩니다.
Bu durumda, kare saatlerde
이런 경우, 사각형에서
köşelerin atıl bir his vereceğini unutmayın
남게 될 모서리 부분을 감안하여
ve tasarımınızı boş kalacak bölgelere doğru yayın.
디자인을 확장해야 합니다.
Android Wear saatler iki ana modda çalışır:
안드로이드 웨어 시계는 크게 두 종류의 모드로 작동하는데,
Etkileşimli ve Ambiyans.
인터랙티브 모드와 앰비언트 모드입니다.
Etkileşimli mod renklidir ve akıcı bir animasyonla
인터랙티브 모드는 풀 컬러와 모션으로 유체 애니메이션을
hareketlendirilmiştir.
표시합니다.
Bu mod, genellikle, kullanıcı, dikkatini saatine yönlendirdiğinde
주로 사용자가 시계에
etkinleşen moddur.
집중하고 있을 때입니다.
Ambiyans modu sınırlı bir renk paleti kullanmalıdır
앰비언트 모드는 제한된 색상 팔레트로 표시되며
ve dakikada sadece bir kez güncellenir.
분당 한번씩 업데이트됩니다.
Burada, özel ekranları da göz önünde bulundurmayı unutmayın.
이제, 특수 화면을 고려해봅시다
Düşük çözünürlüklü ekranlarda, Ambiyans modunda, pikseller
낮은 비트 화면에서 앰비언트 모드의 픽셀은
ya kapalı ya da açıktır; yani örtüşme önleyicisiz
온 혹은 오프로 되어 있으므로,
siyah-beyaz bir tasarım kullanmanız gerekir.
앤티 앨리어싱 없이 흑백으로 해야 합니다.
Ayrıca OLED ekranlarda, büyük donuk piksel bloklarını önleme gibi
OLED 화면에서는, 큰 불투명 픽셀 블록을 피하는 등의
piksel yanması koruma teknikleri de kullanmanız gerekir.
보호 기술을 사용하는 것이 좋습니다.
Aslında, Ambiyans modunda ekranın yaklaşık %95'ini
사실, 앰비언트 모드일 때
siyah tutmanızı tavsiye ederiz.
약 95%는 검은 화면으로 하는 것을 추천합니다.
Daha önce de bahsettiğimiz gibi, tasarımınızı yaparken
앞에서 말씀드린대로, 워치페이스를 디자인할 때,
saat yüzünün üzerine gelecek kullanıcı arayüzü
다이얼 위에 표시할 UI 요소들을
ögelerine de dikkat edin.
고려해야 합니다.
Büyük ve küçük pencereli kartların her ikisini de,
크고 작은 두 종류의 보기 카드들,
batarya durum ikonu gibi göstergeleri
배터리 아이콘 등의 표시기,
ve elbette OK Google Hotword'ü göz önünde bulundurun.
그리고 물론 OK 구글 핫워드도 고려해야 합니다.
Bu konuda, <i>onCreate</i> metodunda saat yüzü stilini belirlerken
여기서 온크리에이트 메소드 스타일의 워치페이스를 설정할 때
belli bir esnekliğe sahipsiniz.
약간의 융통성을 발휘할 수 있습니다.
Burada, kısa bir pencereli kart kullanma veya
이를테면 짧은 보기 카드나,
göstergeleri ekranın ortasına yerleştirme gibi
표시기를 화면 중앙에 위치시키는 등의
ön tercihler yapma şansına sahipsiniz.
초기 기본 설정을 선택할 수 있습니다.
Şimdi, saat yüzünüzü sadece zamanı göstermekten
워치페이스에서 단순히 시간을 알리는 것
fazlasını yapacak şekilde tasarlarken, kullanıcı
그 이상의 기능 확장을 고려할 때,
için asıl önem arz eden konuyu da göz önünde bulundurun.
사용자의 핵심 가치를 생각해야 합니다.
Bunu aklınızda tutarak, mümkün mertebe tasarımınızı basitleştirin
가능하면 단순화하고, 관련 데이터를
ve verilerinizi zamanla ilintili tutun.
시간 치수에 관련시켜 생각해야 합니다.
Örneğin sadece bugünün hava durumunu
예를 들어, 오늘의 날씨만
eklemek yerine, bugün içindeki hava durumu değişimlerini
추가할 것이 아니라,
kadrandaki saat göstergeleri boyunca yaysanız nasıl olur?
날씨를 다이얼에 표시해 보면 어떨까요?
Kullanıcı, kullanmak istediği saat yüzünü hem saatinden hem de telefonundaki
사용자는 시계 또는 휴대폰의 컴패니언 앱
ilgili uygulamadan seçebilir.
어느 쪽에서도 손쉽게 워치페이스를 선택할 수 있습니다
Bu nedenle ayrıca bir açma ikonu eklemenize gerek yok.
따라서, 런처 아이콘을 넣을 필요는 없습니다.
Yine kullanıcı ayarları da her iki cihazdan
사용자 설정은 시계의 간단한 바이너리나 목록 옵션,
saatte basit ikilik sistem ve liste seçenekleri kullanılarak
그리고 휴대폰에서는 보다 복잡한 설정으로
ve daha karmaşık ayarlar da telefon üzerinden yapılabilir.
조정이 가능합니다.
Yani ayarlar seçeneği eklemenize gerek yok.
설정을 반드시 할 필요는 없습니다.
Hatta mümkünse başlangıç ayarlarından
사실, 되도록이면 필요한 설정이 없는 편이
kaçının ki kullanıcı kurulum dışında herhangi bir
사용자가 설치 이후에
işlem yapmaya ihtiyaç duymadan saatinizi kullanmaya başlayabilsin.
간편하게 사용하기에 더 좋을 것입니다.
Tasarımla ilgili yardımcı bilgiler bu kadar.
디자인 가이드라인은 여기까지입니다.
Tüm bu bilgileri birbirine bağlamak için son bir şey daha--
마지막으로 유념할 것은,
bir insanın kullanımı için tasarım yaptığınızı unutmayın.
사람을 위한 디자인임을 생각하세요.
Önce, kullanıcıya sunmaya çalıştığınız
가장 먼저 사용자 문제를
hizmet üzerine iyice bir kafa yorun--
해결하는 것을 우선적으로 생각하고,
ki bu hizmet, onlar için üzerlerinde taşıyacakları güzel bir şey
보기 좋은 것을 몸에 지니도록 하는 것,
yaratmak kadar basit veya onlara gün boyunca spor yapmaları
혹은 하루동안 신체 단련을 자극할 수 있는
için motivasyon sağlayacak bir şey yaratmak kadar karmaşık da olabilir.
디테일을 제공한다고 생각하세요.
Geçmişte bu ilave özellikler karmaşıklık olarak
이런 추가적 기능은
nitelenmiş olsa da artık yaratılmaları
역사적으로 장인들에게 문제가 되어 왔지만,
o kadar da karmaşık değil
이제는 이런 것들이 만들거나,
ve o yüzden kullanımları da karmaşık olmamalı.
사용할 때 더 이상 복잡하지 않게 되었습니다.
Ardından, sistem arayüz ögelerinde farklı saat donanımlarını da
다음 시간에는, 시스템 UI 요소별 하드웨어를 설명해드리고
hesaba katın ve sonra test edin.
테스트 해 보겠습니다.
Kendiniz kullanın ve tasarım sürecinin
스스로 사용해 보고,
bir parçası olmayan arkadaşlarınıza da kullandırın.
디자인 개발에 참여하지 않았던 친구들이 사용해보도록 하세요
Eğer fazladan bir çabaya ihtiyaç duymadan, hayatlarının bir parçası
추가 작업을 하지 않고도 삶 속에서 편하게 쓰인다면
hâline geliyorsa, doğru yoldasınız.
방향을 잘 잡은 겁니다.
Saatler, yüzyıllardır, kendimizi dışa vurumumuzun bir parçası.
수세기 동안 손목시계는 자기 표현의 일부였습니다.
Ve şu anda dünya üzerinde, kendi zevkine hitap eden
오늘날 사용자들이 각자 입맛에 맞는 여러 가지 앱이나 손목시계에 대한
büyük bir uygulama ve saat çeşitliliğine aç, her türden kullanıcı olduğundan,
수요가 넘치는 상황에서, 당신과 같은 개발자들이야말로
sizin gibi uygulama geliştiriciler,
개성 넘치고 아름다운 워치페이스로
onlara, en kişisel eşyalarının en önemli kullanıcı arayüzü ögesi olan
가장 두드러진 UI 요소를 사용자들의 개인용 장치에
saat yüzleri için özgün ve kullanışlı tasarımlar sunabilirsiniz.
제공할 수 있습니다.
Bu API'yle, kolayca kişiselleştirilebilecek kadar esnek,
이 API는 워치페이스를 빠르고 융통성 있게
saat yüzlerini hızlıca yaratmak oldukça basit.
개인화할 수 있게 해줍니다.
Saat Yüzü API'si ile ilgili,
모든 구현 세부 사항을 포함한
yaratım süreciyle ilgili ayrıntılar da dâhil olmak üzere
워치페이스 API에 대한 상세 정보는
daha fazla detay için, lütfen ilintili dokümanlara göz atın.
문서를 참조하시기 바랍니다.
Ben Timothy Jordan. Sizin tasarımlarınızı
저는 티모시 조던이고,
kullanarak saati öğrenmeyi sabırsızlıkla bekliyorum.
당신의 워치페이스 디자인을 보게 되길 기대합니다.
Similar videos:

Android Wear: Always-On Apps
Google for Developers
28.1K views 191 likes 3 dislikes 21 May 201563% match

DevBytes - Android Wear: Stackable Notifications
Android Developers
21K views 190 likes 7 dislikes 25 Apr 201462% match

Introduction to Android Studio
Google for Developers
133.7K views 1K likes 16 dislikes 23 Feb 201558% match


Activity Recognition: Use low power sensors to detect user activity (100 Days of Google Dev)
Google for Developers
33.1K views 217 likes 11 dislikes 05 Jun 201556% match

An Introduction to Android Wear
Google for Developers
251.3K views 1.3K likes 86 dislikes 18 Jun 201451% match

Android Work
Google for Developers
38.5K views 141 likes 6 dislikes 25 Jun 201444% match

DevBytes: Android L Developer Preview
Google for Developers
46.3K views 801 likes 13 dislikes 18 Jul 201443% match

DevBytes: What's new in Android 5.0 Lollipop
Google for Developers
129.1K views 1.5K likes 37 dislikes 17 Oct 201443% match

DevBytes: Android Vector Graphics
Google for Developers
60.9K views 640 likes 13 dislikes 17 Dec 201440% match

Android Performance Patterns: Why 60fps?
Google for Developers
52.5K views 562 likes 22 dislikes 06 Jan 201538% match


Android Performance Patterns: Understanding VSYNC
Google for Developers
31.6K views 317 likes 3 dislikes 06 Jan 201537% match


An Introduction to Brillo, the OS for IoT
Google for Developers
64.4K views 215 likes 4 dislikes 27 Oct 201537% match

Android TV: Using the Leanback library
Google for Developers
32.8K views 227 likes 10 dislikes 27 Oct 201437% match


Android Support Library Overview
Google for Developers
33.7K views 328 likes 9 dislikes 30 Mar 201536% match


Introducing Gradle (Ep 2, Android Studio)
Google for Developers
88.5K views 585 likes 19 dislikes 13 Mar 201536% match


Layout Editor (Ep 3, Android Studio)
Google for Developers
53.6K views 293 likes 9 dislikes 25 Mar 201536% match


DevBytes: Notifications in the Android L Developer Preview
Google for Developers
37.2K views 357 likes 17 dislikes 26 Aug 201436% match

Getting started with Firebase and Android - Firecasts #1
Google for Developers
113.8K views 1.1K likes 19 dislikes 16 Feb 201635% match

Android Performance Patterns: Rendering Performance 101
Google for Developers
65.2K views 490 likes 6 dislikes 06 Jan 201535% match


DevBytes: Android L Developer Preview - Camera2 API
Google for Developers
70K views 564 likes 40 dislikes 28 Jul 201434% match

DevBytes: Google Fit APIs for Android - Setup and Sensors
Google for Developers
49.3K views 184 likes 21 dislikes 28 Oct 201433% match

Using the Android Job Scheduler
Google for Developers
43.1K views 300 likes 57 dislikes 25 Jun 201433% match

Android Performance Patterns: Invalidations, Layouts, and Performance
Google for Developers
42.7K views 312 likes 6 dislikes 06 Jan 201533% match


DevBytes - Your App, At Scale with Google App Engine
Google for Developers
103.5K views 237 likes 4 dislikes 24 Mar 201432% match

Android Support Library: Consistent Design with AppCompat
Google for Developers
61.8K views 852 likes 8 dislikes 21 Apr 201531% match


DevBytes - What is BigQuery?
Google for Developers
95.7K views 373 likes 19 dislikes 24 Mar 201431% match

Maps Live: Getting Started with Markers on Android
Google for Developers
91.1K views 197 likes 6 dislikes 20 Jan 201431% match

Android Performance Patterns: Tool - Profile GPU Rendering
Google for Developers
65.2K views 627 likes 26 dislikes 06 Jan 201531% match


Debugging and testing in Android Studio (Ep 4, Android Studio)
Google for Developers
67.5K views 367 likes 14 dislikes 01 May 201530% match


Activity Transitions
Google for Developers
85.1K views 541 likes 25 dislikes 25 Jun 201430% match


Settings Privacy About Contact Donate