mobile wireframe, mockup hazirlamak icin kullanilan servisler

[reyou]

kendi side-work um icin, en azindan basic plani free olan, ve daha ileriki sevileyer icin parali bir servis ariyodum.

simdi surdan yol almaya basladim.
https://www.invisionapp.com/

basic plani bedava, 1 projeye izin veriyor. android app icin sayfalari hazirlamaya basladim, hotspot, sticky header destegi falan var, ancak hemen hemen butun designlari benim hazirlamam gerekiyor. yani app icin buttonlar, gridler, sliding bar gibi seyleri benim resim uzerinde tutup, buraya aktarmam gerek. ve onlar islevsel olmuyor. bunun daha iyi yolu olmasi gerek diye dusunuyorum.

benim beklentim, sol tarafta android designer gibi, platforum desteklekledigi araclar olacak (button, textbox, gridview falan) bende bunlari surukleyip sayfaya birakicam, ve hizlica mock lari ortaya cikaracagim. bunlar web sayfasinda islevsel olucak.

bunun tabi ios ve web app seklinde kategorilendirilmesi de cok iyi olurdu.

uber-super bonus olarak web-de hazirladigim mock'lari android xml layout seklinde export ederse, shut up and take my money derim :)

illa ki basic planin bedava olmasina gerek yok, ama en azindan sizin kullanip memnun kaldiginiz, su yukaridakileri saglayacak, araclar varmi dir ben brute force tek tek denemeden once?

[Korax]

Ben böyle bisi bulmustum biara ama simdi ismini hatirlayamadim sdf. Is yerinde bookmarklarda olmasi lazim, hafta ici gecince bakip yaziyim


Edit: hatirladim, figma idi adi, ama tam istedigin gibi degil galiba.

https://www.figma.com/

sunlari buldum bide sdgf
https://www.justinmind.com/
https://symu.co/

[reyou]

tesekkurler, simdi hizlica bakindim da


symu.co => buda invision gibi, resimler uzerine hotspot yapmaya dayali videodan anladigim kadari ile. pek fazla birsey katmiyor.

https://www.youtube.com/watch?v=e8SaqiuKeEI&feature=youtu.be

figma => aradigim mobile araclar yok sanirim, yani specific android, ios kontrolleri yok. kendim sifirdan yapmam gerek.

justinmind => bu aralarinda en iyi gibi, ama yine specific kontrolleri goremedim. bir de $19 starter biraz tuzlu gibi. platform a ozel kontroller ve xml export ozelligi olsa belki biraz dusunulebilirdi :

[Korax]

Bi kac tane daha buldum

http://origami.design/examples/

https://framer.com/

https://proto.io/

http://www.quartzcodeapp.com/
bu galiba ios icin export ediyo


Bide su var, bazilarinin plugin, hazir modelleri falan oluyo android/ios icin. Yani hepsini bi arada bulmak zor is sdf bak bunlara da bi yinede

[4Ever]

https://www.uxpin.com kullanıyorum çok mutluyum :)

[reyou]

bu aradigima en yakin seymis. istedigim gibi controller library si var ve kullanmasi cok basit.

ios app designi icin bunu dusunebilirim, $19 dolarmis aylik. 7 gunluk trial da ben daha fazla kurcalarim bunu.

[reyou]

invision'a mesaj attim, uxpin'deki ozellikler size gelcek mi? diye.

iste ios, android kontroller'larinin gelmesi falan, adamlarin megersem backlog item'iymis. priority verin, smith hemen calismaya baslasin dedim, 1-2 sprint sonra eklerler heralde sdfsdf

simdilik invision ile devam ediyorum.

simdi bu tarz uygulamalari kullanan arkadaslara bir sorum olacak.

ben simdi fakir gibi paint.net kullaniyorum (ama layer'larla calisiyorum sdf)

benim design'da app logosu header kisminda solda duruyodu (hambuger ikonunun saginda) sonra ben bunun ortada olmasinin daha uygun olacagini dusundum, bunu webde ki master page gibi, bir resimde degistirip (yada template mi artik ne dersiniz) hepsinde etkileme sansim var mi?

en azinda photosop ta falan psd dosyalari arasi ortak header kullanmak gibi bisey var mi?

design 101 dersi bile almadigim icin, herseyi dev kafasinda dusunuyorum.

[hanzomain]

Bu tip isleri yapmak bana dusmuyor genelde, ugrasmiyorum ama SketchApp oldukca basarili gibi. Ister oturup tasarimini yapiyorsun, istersen de cesitli UI Kit'leri edinip wireframing icin kullaniyorsun.

[reyou]

bunu duymustum da mac icinmis bu. invision simdilik yeterli bana, toolkitler gelince tam entegre olurumda.

sordugum sorunun cevabi var mi?

[pulkas]

reyou said:

....

sordugum sorunun cevabi var mi?

senin sorunun cevabi asagidaki videoda.
detayli arama icin keywordler: photoshop artboard linked smart objects
https://youtu.be/cZPGBaaAVwk?t=19m30s

bende bu olayi simdi ogrendim. X(

[reyou]

aynen linked smart objects'mis. isime cok yaricak bu.

t$k (tu)

[Batuhan_BJK]

moqups ve balsamiq'e bakın. tam aradığınız onlar gibi.