eatbas / Jukapp

Queuing videos without chaos...
jukapp.io
1 stars 0 forks source link

Color Palette #86

Open berkcaputcu opened 9 years ago

berkcaputcu commented 9 years ago

Bu sitede Google'in material design icin onerdigi renkler var: http://invexgames.com/materialcolors

Ben su anki renkleri bu renkler ile degistirmek istiyorum. Buyuk ihtimal en cok benzeyenlerini bulup onlarla degistiricem. Sizin fikirleriniz de varsa haber verin, rengi chrome developer tools'la degistirip screen shot'ini koyun falan @eatbas @Ertavf

eatbas commented 9 years ago

Super olmus baskan benimde buna ihtiyacim vardi nasil degistiricez rengi? Inspect element falanmi?

berkcaputcu commented 9 years ago

nasil degistiricez rengi? Inspect element falanmi?

http://youtu.be/Z3HGJsNLQ1E?t=3m34s

eatbas commented 9 years ago

screenshot 2014-12-11 00 46 43 screenshot 2014-12-11 00 46 33

Baskan super oldu bu :) ben denemelere basliyorum :) saliya kadar renkleri kararlastiralim.

eatbas commented 9 years ago

ya da tam tersi olabilir super olmus abi bu ya tam ihtiyacimiz olan sey ya :+1:

eatbas commented 9 years ago

Beyler bence kullaniciya design konusunda opsiyon sunmamiz gerekiyor cok guzel renklerle kombile edebiliyoruz appi girerken favori rengini soralim adama eger login olursa secsin abi adam ona gore design cikartalim bu 3 renkten hangisini begendin mesela secim yapsin adam vb? @berkcaputcu @Ertavf sonra egilime gore renkleri degistirirz sitenin kalici olarak :D Login for personalized experience :)

eatbas commented 9 years ago

screenshot 2014-12-11 01 06 55 screenshot 2014-12-11 01 09 44

yemin ediyorum renk geldi siteye :)

berkcaputcu commented 9 years ago

Google design guide'da renklerle ilgili section var. Birazdan o kisma bakip ben de oynicam azcik :)

berkcaputcu commented 9 years ago

Biraz okudum, ( benim cok merak ettigim kisimlari ) ve su an acayip fikirlerim var. Su an benim dizayn etmeye calistigim en onemli component, video rowlari. Birazdan su ana kadar yaptigim kendi dizaynimi yerden yere vurucam :)

jukapp 2014-12-10 20-39-16

List Design

screen shot 2014-12-10 at 7 09 36 pm http://www.google.com/design/spec/components/lists.html

Primary action: Add to queue Secondary action: Favorite, Delete (oda sahipleri)

Ayrica secondary action olarak bunu da kullanabiliriz screen shot 2014-12-10 at 8 49 51 pm http://www.google.com/design/spec/components/list-controls.html#list-controls-types-of-menu-controls Tabi acildigi zaman yeni bir liste degil de, en son ne zaman oynatilmis ve kac kere oynatilmis falan detaylari gosteririz. Hatta onu guzel bir animasyonla yapabiliriz: http://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-material-response

Queue

queue design http://www.google.com/design/spec/layout/structure.html#structure-toolbars http://www.google.com/design/spec/components/bottom-sheets.html Queue bu sekilde her sayfanin altinda durmali ve yukari cekip siradakilare bakabil. Scrollable olmasi lazim.

Sort

Google docs sorting: screen shot 2014-12-10 at 9 27 17 pm

Ertavf commented 9 years ago

@eatbas sitenin temasını editleme ile ilgili: Ben online css editleme ile ilgili daha önceden şöyle bir şey yapmıştım bizim avukatlara, son kullanıcı tasarımı değiştirdiğinde anında görüyor site tasarımını editleyebiliyor. Direk css üretiyordum client side'da. Şimdi bunlar için javascript kütüphaneler çıktı sanırım.

image

http://www.tslaw.org/yonetim kadı: medyabayt şifre: medyabayt

at the moment on shopify: http://docs.shopify.com/manual/your-website/themes/customize

berkcaputcu commented 9 years ago

2 farkli tema yapilabilir, normal tema ve night mode. Ama onun disinda editleme, css degistirme vb. seylere gerek yok. Cok fazla bas agrisi, cok fazla.. 1 tane web developerimiz oldugunu unutmayalim :)

Ertavf commented 9 years ago

@berkcaputcu sorry for closin issue

2 farkli tema yapilabilir, normal tema ve night mode

ok. dökümana göz gezdiriyorum,

eatbas commented 9 years ago

http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity http://www.google.com/design/spec/animation/delightful-details.html

eatbas commented 9 years ago

@Ertavf baskan bi baksana iphone ya da diger cihazlarin renklerini sdk'den alabiliyomuyuz. Abi adamlar telefonun rengine gore application kafasina girmis :) http://www.google.com/design/spec/layout/structure.html#structure-system-bars Color variants

berkcaputcu commented 9 years ago

http://www.materialpalette.com/deep-orange/light-blue