Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by syspec on Friday January 24, 2020 @03:35PM
(#22142178)
I’ve seen this attempted before to operate success, but this is the best execution I have seen of this idea!
It’s dynamically rough so it’s different each time, but it’s not over done
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by shihn on Friday January 24, 2020 @03:38PM
(#22142193)
wired-elements could be adapted to v4.0 of roughjs, which supports random number seeding. Causing the shape to remain the same, once generated.
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by ygra on Friday January 24, 2020 @04:07PM
(#22142463)
You could do the same with 3.1 with generators, I believe.
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by grizzles on Friday January 24, 2020 @03:59PM
(#22142399)
Rough.js + WE look awesome. I love that you can hand craft UI ideas in the same style if needed. Just curious - do you use any drag & drop tool with it for prototyping?
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by spectramax on Friday January 24, 2020 @10:26PM
(#22144435)
Genuinely curious - why would anyone prefer this over just blocky normal graphics?
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by osel on Saturday January 25, 2020 @12:41AM
(#22144950)
I’ve found sketchy styles to be immensely useful in getting clients to focus on UX and structure rather than getting stuck on minor irrelevant details. My background is construction, and architects do the same thing with initial concepts.
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by seanwilson on Saturday January 25, 2020 @06:14AM
(#22145822)
Yep, it's super common that when you show a UX prototype to a client they'll hyperfocus on things you don't want them to focus on right now like the font choice or button colors. Making it look rough and muted can help.
Re:Rough.js v4.0 – hand-drawn, sketchy graphics
by spectramax on Saturday January 25, 2020 @01:13AM
(#22145038)
I never thought of it that way, that makes sense.
They're great for rapid wire-frame prototyping.