Live data from Hacker News

Sketching Interfaces

airbnb.design

21–30 of 34 posts

Re: Sketching Interfaces

#21
Looking at the embedded youtube video the article might have been published after Sep 7, 2017. I can only guess, though, since they don't include dates on any articles they publish.

Re: Sketching Interfaces

#22
Software development is applied semiotics.

I’ve been saying this for a while but software development hasn’t ever really felt like symbol making (rather some engineering type profession) so people dismiss this notion. I’m beginning to feel vindicated.

Re: Sketching Interfaces

#23
post #14

I'd be inclined to agree with Adam Michela when he says design systems restrain creativity. It is the industrialization of user interfaces.

At some point unselfconscious design cultures must give up some of their innocence if they want to mature into self conscious design cultures/systems[1].

1: “Notes on the Synthesis of Form” by Christopher Alexander.

Re: Sketching Interfaces

#25
post #20

If I'd want to build something like this as a copy-paste nerd with some python experience, where would i start?

From my 5 minutes understanding of the problem: Non deep learning solution

Step 0: you should have some training data. Draw it

First you need look at the opencv library, specifically in the findcontours function https://docs.opencv.org/2.4/modules/imgproc/doc/structural_a... - I'm linking to the c++ api but the python has the exact same function.

Make sure your contours are clean of rubbish data because this can affect the outcome of the classifier.

With the extracted attributes of each individual class you pass on this data to a multi class classifier (http://scikit-learn.org/stable/modules/multiclass.html)

Parameterize your model, Split your data into training and testing ... yada yada ...

With the generated model, you can receive individual detected contours and it will give you the fitting probability to each class, use it to feed an api which provides data to a react component that renders html.

>> ps: Ah you need an image capture app which reads the image in real time, pass the filters and detect contours to then pass it to the classifier.

>> ps2: I'm available for projects :P

Re: Sketching Interfaces

#26
post #14

I'd be inclined to agree with Adam Michela when he says design systems restrain creativity. It is the industrialization of user interfaces.

What they are demonstrating is clearly for experimenting layouts and screens with their own predefined elements. With broken up elements and basic design kits like paper CSS, this would be a very useful tool for quick prototyping.

Re: Sketching Interfaces

#27
post #25
post #20

If I'd want to build something like this as a copy-paste nerd with some python experience, where would i start?

From my 5 minutes understanding of the problem: Non deep learning solution Step 0: you should have some training data. Draw it First you need look at the opencv library, specifically in the findcontours function https://docs.opencv.org/2.4/modules/imgproc/doc/structural_a... - I'm linking to the c++ api but the python has the exact same function. Make sure your contours are clean of rubbish data because this can affe…

How much time should this take to build? I'm really interested in trying out to build this. or maybe creating an open source package?

Re: Sketching Interfaces

#28
post #25

Earlier quoted context omitted.

From my 5 minutes understanding of the problem: Non deep learning solution Step 0: you should have some training data. Draw it First you need look at the opencv library, specifically in the findcontours function https://docs.opencv.org/2.4/modules/imgproc/doc/structural_a... - I'm linking to the c++ api but the python has the exact same function. Make sure your contours are clean of rubbish data because this can affe…

How much time should this take to build? I'm really interested in trying out to build this. or maybe creating an open source package?

I suspect someone with enough experience can hack this in a couple of days.

Re: Sketching Interfaces

#29
post #25
post #20

If I'd want to build something like this as a copy-paste nerd with some python experience, where would i start?

From my 5 minutes understanding of the problem: Non deep learning solution Step 0: you should have some training data. Draw it First you need look at the opencv library, specifically in the findcontours function https://docs.opencv.org/2.4/modules/imgproc/doc/structural_a... - I'm linking to the c++ api but the python has the exact same function. Make sure your contours are clean of rubbish data because this can affe…

First of all thanks a ton! I managed to get started on the detect edges part with wolfram programming cloud. I'll have to do some reading on the classifier, thanks for laying it out like this.

Re: Sketching Interfaces

#30
post #28

Earlier quoted context omitted.

How much time should this take to build? I'm really interested in trying out to build this. or maybe creating an open source package?

I suspect someone with enough experience can hack this in a couple of days.

How can I contact you?
Post reply on HN